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

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

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

(Голосов: 5, Рейтинг: 5)
Читайте нас в Telegram - digital_bar
Читайте нас в Telegram - digital_bar

 Есть о чем рассказать? Присылайте свои материалы в редакцию.
Комментарии
8 комментариев
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
  • Аватар пользователя
    Lev Zadumkin
    Аватар пользователя
    1
    комментарий
    0
    читателей
    Lev Zadumkin
    больше года назад
    Только здесь нашёл упоминание о том, что фейсбук даёт возможность выбрать превью-картинку только если он подтянул автоматически несколько. А если картинки прописаны через 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
    читателей
    Игор Бажура
    больше года назад
    Н-И-О-Ч-Е-М
    +
    -8
    -
    Ответить