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

01 августа 2013
Подпишитесь на нас в Telegram

 Изображения являются неотъемлемой частью успеха кампании в социальных медиа, особенно, когда дело касается 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 на вопрос, какой тип поста лучше выбрать бренду, звучит так:

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

Друзья, теперь вы можете поддержать Лайкни https://pay.cloudtips.ru/p/8828f748
Ваши донаты помогут нам и дальше радовать вас полезным контентом.

Нас удобно читать в соцсетях. Подписывайся!

Кое-что интересное:

Комментарии

8 комментариев
Чтобы оставить комментарий, войдите на сайт через:
Lev Zadumkin 02.03.2018 12:35
Только здесь нашёл упоминание о том, что фейсбук даёт возможность выбрать превью-картинку только если он подтянул автоматически несколько. А если картинки прописаны через og:image - берёт только первую. Что за несправедливость? ВКонтакте тоже не далеко ушёл - даёт выбрать только из первых трёх. И главное - у всех так, или я где-то накосячил? Надеюсь авторы еще живы или статья хотя бы кем-то посещается :)...
Yuliya Bogoslavets 22.06.2016 12:13
Здравствуйте! Есть какие-то тех. требования к картинкам, цветам, настройкам? Режет сильно оранжевый цвет (появляются пятна), а он является корпоративным. Заранее спасибо!
Гость 22.01.2015 16:39
Делайте пропорции 486:255 - и все будет как надо
Lenka 22.01.2015 15:15
По опыту — лучше всего подгонять картинку/фотку к 1024 пикселям по длинной стороне. Чем приближеннее картинка к окну для фотографии на фейсбуке, тем лучше она выглядит. А вот если подгружаешь картинку 2000 пикселей по длинной стороне, фейсбук начинает её яростно сжимать, причём сжимать очень коряво, в следствии чего появляются противные артефакты на изображении. Лучше сжать самому без потери качества. А хотите, чтоб люди видели большую картинку — давайте под маленьк...
luvstuss 05.01.2014 22:08
Большая картинка лучше работает - больше лайков, перепостов и переходов. Из собственного опыта.
Артем Пилипец 11.12.2013 20:55
Спасибо, полезная штука с размерами.
Игор Бажура 01.08.2013 12:14
Н-И-О-Ч-Е-М
Карина Соловьева Игор Бажура 01.08.2013 13:11
вот вам ни о чем, а мне материал показался полезным))

Будь в курсе

Главные новости, кейсы и статьи за месяц – у тебя в почте:

Отправляя форму, вы принимаете условия обработки персональных данных