Размеры изображений для соцсетей

Три соотношения сторон покрывают почти все форматы в соцсетях: 1:1 для постов в ленте, 9:16 для историй и рилс, и 1.91:1 для превью ссылок. Создание этих 3 вариантов из одного мастер-файла обеспечит совместимость практически со всеми платформами без необходимости вести сложную таблицу исключений.

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

3 соотношения сторон, которые подходят для всего

Создавайте макеты в разрешениях 1080 на 1080, 1080 на 1920 и 1200 на 630 пикселей, и эти 3 файла подойдут для всех основных сетей. Точное количество пикселей менее важно, чем правильная форма, так как платформы меняют размер изображений, но никогда не меняют их пропорции без обрезки.

О вертикальном формате 4:5 стоит знать потому, что он занимает больше места по высоте в ленте при прокрутке, чем квадрат. Именно поэтому многие SMM-команды используют его по умолчанию для органических постов.

Почему руководства так быстро устаревают

Соцсети постоянно меняют интерфейсы и редко объявляют об изменении размеров изображений. Руководство, написанное 3 года назад, все еще может занимать высокие позиции в поиске, но при этом содержать размеры, которых больше не существует.

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

Изображения для превью ссылок заслуживают наибольшего внимания

Карточка превью размером 1200 на 630 пикселей — это изображение, которое видит большинство людей, поскольку оно появляется каждый раз, когда кто-то делится страницей вашего сайта. Это изображение задается один раз в разметке сайта, а затем используется бесконечно.

Настройте его с помощью метатегов Open Graph в заголовке страницы. Держите важный текст в центральной области, так как соцсети обрезают карточку по-разному, и края могут быть не видны. Проверяйте результат с помощью отладчиков превью каждой сети, прежде чем полагаться на него, так как неверно кэшированная карточка может отображаться с ошибкой в течение нескольких дней.

Изображения профиля и обложки

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

• Фотография профиля: минимум 400 x 400, объект съемки по центру и вдали от углов.
• Обложка или баннер: около 1500 x 500, важный контент в средней трети.
• Шапка группы или страницы: около 1640 x 856, сильно обрезается на мобильных устройствах.
• Баннер видеоканала: около 2560 x 1440, с безопасной зоной около 1546 x 423, которая отображается на всех устройствах.
• Все вышеперечисленное: делайте текст крупным, так как эти изображения часто отображаются шириной менее 100 пикселей.

Соцсети сжимают все, что вы загружаете

Каждая крупная сеть пережимает загруженные изображения в свой собственный формат и качество, поэтому ваши настройки сжатия влияют на исходный файл, а не на конечный результат. Загрузка файла размером 5 MB не даст лучшего результата, чем загрузка правильно подготовленного файла размером 300 KB.

Практическое следствие заключается в том, что тяжелые загрузки лишь тратят ваше время и интернет-трафик, не улучшая то, что видит подписчик. Что действительно улучшает результат, так это правильные размеры и чистый оригинал, поскольку сеть меньше портит при сжатии файл, который уже имеет нужный размер, чем тот, который ей приходится уменьшать.

Как подготовить комплект изображений для кампании

Чтобы создать все форматы размещения на основе одного дизайна, выполните следующие 6 шагов.

1. Создайте мастер-макет в максимальном необходимом размере, обычно 1080 на 1920 для вертикальной кампании.
2. Держите весь текст и логотипы внутри центральной безопасной зоны, отступив не менее 15 процентов от каждого края.
3. Экспортируйте 3 основных формата: квадратный, вертикальный и широкий.
4. Измените размер каждого экспортированного файла до рекомендуемых пиксельных размеров вместо загрузки полноразмерного мастер-макета.
5. Сжимайте каждый файл до целевого объема, так как файлы меньшего размера загружаются быстрее и лучше переносят повторное сжатие в соцсетях.
6. Проверяйте каждое изображение на телефоне перед публикацией, так как большинство пользователей никогда не увидят его на компьютере.

Текст на изображениях и места его обрезки

Размещайте текст в пределах центральных 70 процентов кадра, потому что каждая сеть обрезает картинки по-своему, и края могут исчезнуть без предупреждения. Заголовок, расположенный близко к верхнему краю истории, часто оказывается скрыт элементами интерфейса.

Истории и рилс — самый сложный случай, так как верхняя и нижняя части вертикального кадра заняты информацией о профиле, подписями и кнопками управления. Оставляя примерно 250 пикселей сверху и 300 снизу свободными в макете высотой 1920 пикселей, вы сохраните видимость сообщения на любом устройстве. Тестируйте на реальном телефоне, а не в окне графического редактора.

Какой формат загружать

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

PNG — лучший выбор для графики, содержащей текст, логотип или блоки сплошного цвета, поскольку сжатие JPEG создает едва заметные ореолы вокруг резких краев, которые становятся еще более видимыми после того, как сеть снова сожмет файл. С фотографиями все наоборот: JPEG эффективно справляется с деталями, в то время как PNG создает избыточно тяжелый файл.

Анимированные изображения и короткие видео

Загружайте короткие видео вместо анимированных GIF, так как большинство сетей все равно конвертируют файлы GIF в видео, и эта конвертация хуже, чем правильный экспорт. Трехсекундный GIF-файл может весить больше, чем целая страница с фотографиями.

Если формат GIF действительно необходим, делайте его короче 3 секунд, снижайте частоту кадров до 12 или 15 кадров в секунду и ограничивайте размеры теми, которые реально будут отображаться. Эти 3 изменения обычно сокращают размер файла на 80 процентов, что очень важно, так как анимированные файлы — это самый тяжелый контент, публикуемый в соцсетях.

Проверка дизайна перед публикацией

• Просматривайте изображение в размере экрана телефона, а не во весь экран на мониторе.
• Убедитесь, что текст не обрезан по краям и не скрыт элементами интерфейса.
• Проверьте, как выглядит аватар при обрезке по кругу, а не по квадрату.
• Убедитесь, что карточка превью ссылки правильно отображается в инструменте предварительного просмотра сети.
• Обращайте внимание на размер файла: все, что превышает 1 MB, загружается медленно и не дает никаких преимуществ.
• Проверяйте контрастность как в светлом, так и в темном режиме, который сейчас применяется к фону во многих приложениях.

Подготовка постов на месяц за один раз

Изменяйте размер и сжимайте весь контент-план за один проход, вместо того чтобы экспортировать изображения по одному. SMM-команды обычно готовят от 20 до 60 изображений в месяц для различных форматов размещения.

Загрузите до 500 файлов одновременно, настройте размеры и целевой объем один раз, и каждое изображение будет приведено к единой спецификации. Все процессы выполняются прямо в браузере на вашем собственном процессоре, что важно для материалов кампаний под эмбарго. Неопубликованные фотографии продуктов, креативы для запуска и работы клиентов остаются на вашем компьютере, и запросы на внешнюю загрузку не отправляются.

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