8 78
55 0 0 4

Оптимизация изображений для постов в Facebook

1 августа 2013, 08:39  | Жанна Рожкова

 Изображения являются неотъемлемой частью успеха кампании в социальных медиа, особенно, когда дело касается Facebook. Если бренд публикует в соцсети ссылку на внешний сайт, наличие картинки в публикации заметно повышает ее шансы быть замеченной в Ленте новостей, а также получить больше переходов на сайт.

Однако далеко не все компании знают, как использовать изображения к постам и ссылкам так, чтобы картинки корректно подтягивались к публикациям, не урезались и выглядели хорошо на любых устройствах.

Воджин Катик, разработчик Facebook, поделился с порталом MarketingLand советами по оптимизации картинок, которые помогут брендам сделать их посты в социальной сети еще привлекательнее.

Размеры изображения

Чтобы соцсеть подтянула к ссылке изображение, оно должно быть на странице внешнего сайта, или на него необходимо указать с помощью тега og:image. Размер картинки должен быть:

- минимум 200Х200 пикселей – подходит для отображения на десктопах.

- для хорошего отображения на iPad и прочих устройствах – минимум 600х600 пикселей, а лучше еще больше.

По словам представителей Facebook, если есть возможность использовать изображение 1500х1500, лучше его и взять.

В общем, при выборе картинки, которая будет подтягиваться к ссылке в Facebook, чем больше она будет, тем лучше. Однако не стоит усердствовать – для файла есть ограничения:

- 4 мегапикселя,

- 5 мегабайт.

Стоит отметить, что большие изображения актуальны не только для Facebook. Например, Google+ также отображает картинки размером вплоть до 1000х700 пикселей.

Типфайла

Разрешение изображения должно быть JPG, PNG, GIF или BMP.

Пропорции картинок

Вы наверняка замечали, что все картинки в Facebook обрезаются до квадратного размера. Поэтому при выборе изображения, которое будет подтягиваться к ссылке, стоит проследить, чтобы пропорции сторон были 1х1, 1х2 или максимум 1х3.

Если пропорции картинки превышают 1х1, она будет обрезаться, поэтому необходимо заранее проверить, как она отображается в Ленте.

Тег og:image

Тег og:image позволяет прикрепить к статье картинку, которая будет подтягиваться к ссылке в Facebook. Важно запомнить: данная функция не позволяет менять картинку – ссылка будет расшариваться только с ней.

Если же тега нет, пользователь сможет выбрать изображение из нескольких, подтянувшихся автоматически.

Что лучше: посты со ссылкой или посты с изображением

У пользователей Facebook есть два способа расшарить ссылку с изображением – запостить ссылку с автоматически подтянувшейся картинкой (размер изображения составит 154х154 пикселя) или отдельно опубликовать картинку и сопроводить ее текстом со ссылкой (размер картинки составит 552х480 пикселя).

Официальный ответ Facebook на вопрос, какой тип поста лучше выбрать бренду, звучит так:

Мы советуем пользователям отслеживать, что лучше работает для их Страницы и больше нравится подписчикам. Для некоторых страниц лучше срабатывают обычные ссылки, а для других – пост с картинкой. Чтобы выяснить, какой вариант лучше для конкретной страницы, надо анализировать Статистику». 

Читайте нас в Telegram - digital_bar
Читайте нас в Telegram - digital_bar

 Есть о чем рассказать? Присылайте свои материалы в редакцию.
Комментарии
8 комментариев
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
  • Lev Zadumkin
    1
    комментарий
    0
    читателей
    Lev Zadumkin
    2 месяца назад
    Только здесь нашёл упоминание о том, что фейсбук даёт возможность выбрать превью-картинку только если он подтянул автоматически несколько. А если картинки прописаны через og:image - берёт только первую. Что за несправедливость? ВКонтакте тоже не далеко ушёл - даёт выбрать только из первых трёх.
    И главное - у всех так, или я где-то накосячил?
    Надеюсь авторы еще живы или статья хотя бы кем-то посещается :)...
    Только здесь нашёл упоминание о том, что фейсбук даёт возможность выбрать превью-картинку только если он подтянул автоматически несколько. А если картинки прописаны через og:image - берёт только первую. Что за несправедливость? ВКонтакте тоже не далеко ушёл - даёт выбрать только из первых трёх.
    И главное - у всех так, или я где-то накосячил?
    Надеюсь авторы еще живы или статья хотя бы кем-то посещается :)
    +
    0
    -
    Ответить
  • Yuliya Bogoslavets
    1
    комментарий
    0
    читателей
    Yuliya Bogoslavets
    больше года назад
    Здравствуйте! Есть какие-то тех. требования к картинкам, цветам, настройкам? Режет сильно оранжевый цвет (появляются пятна), а он является корпоративным. Заранее спасибо!
    +
    0
    -
    Ответить
  • Гость
    больше года назад
    Делайте пропорции 486:255 - и все будет как надо
    +
    6
    -
    Ответить
  • Lenka
    1
    комментарий
    0
    читателей
    Lenka
    больше года назад
    По опыту — лучше всего подгонять картинку/фотку к 1024 пикселям по длинной стороне. Чем приближеннее картинка к окну для фотографии на фейсбуке, тем лучше она выглядит.

    А вот если подгружаешь картинку 2000 пикселей по длинной стороне, фейсбук начинает её яростно сжимать, причём сжимать очень коряво, в следствии чего появляются противные артефакты на изображении. Лучше сжать самому без потери качества.

    А хотите, чтоб люди видели большую картинку — давайте под маленьк...
    По опыту — лучше всего подгонять картинку/фотку к 1024 пикселям по длинной стороне. Чем приближеннее картинка к окну для фотографии на фейсбуке, тем лучше она выглядит.

    А вот если подгружаешь картинку 2000 пикселей по длинной стороне, фейсбук начинает её яростно сжимать, причём сжимать очень коряво, в следствии чего появляются противные артефакты на изображении. Лучше сжать самому без потери качества.

    А хотите, чтоб люди видели большую картинку — давайте под маленькой ссылку на фулл сайз на другом ресурсе.
    +
    3
    -
    Ответить
  • luvstuss
    больше года назад
    Большая картинка лучше работает - больше лайков, перепостов и переходов. Из собственного опыта.
    +
    1
    -
    Ответить
  • Артем Пилипец
    1
    комментарий
    0
    читателей
    Артем Пилипец
    больше года назад
    Спасибо, полезная штука с размерами.
    +
    8
    -
    Ответить
  • Игор Бажура
    1
    комментарий
    0
    читателей
    Игор Бажура
    больше года назад
    Н-И-О-Ч-Е-М
    +
    -6
    -
    Ответить