Оптимизируем картинки для социальных сетей

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

Facebook

Оптимальные размеры для обложки составят 1200 пикселей по ширине и 628 по высоте. Картина, прикрепляемая к посту, масштабируется до ширины в 470 пикселей, а высота изменяется пропорционально. Иллюстрации к ссылкам ужимаются до прямоугольника в 470 пикселей по ширине на 246 пикселей по высоте. Миниатюры выглядят как квадратики 158 на 158 пикселей.

Twitter

Размеры стандартной обложки аккаунта Twitter составляют 1024 на 512 пикселей (ширина и высота соответственно). Иллюстрации в ленте твитов масштабируются до размеров в 506 пикселей ширины и 253 пикселя высоты.

Вконтакте

Обложка Вконтакте имеет типовые размеры 500 пикселей в ширину и 700 в высоту. Максимальный размер картинки для поста Вконтакте 1000 на 700 пикселей, а оптимальный 700 на 500 пикселей в ширину и высоту соответственно.

Instagram

Обложка Instagram квадратная, 600 на 600 пикселей. С момента запуска сервиса опубликованные фотографии также воспроизводились как квадраты размером 1080 на 1080 пикселей. Однако с 2015 года Instagram воспроизводит также вертикальные (портретные) и горизонтальные (ландшафтные) фотографии. Все фотографии в ленте Instagram имеют ширину 600 пикселей.

Pinterest

Вертикальная обложка Pinterest имеет размеры 735 на 1102 пикселя. В "доске" превью изображений имеют ширину 235 пикселей. После клика изображение увеличивается до ширины в 736 пикселей. Pinterest рекомендует размещать фотографии, имеющие соотношение сторон 1:3,5 или 2:3. Например, если ширина фотографии 600 пикселей, то при соотношении 1 к 3,5 высота его будет 900 пикселей.

Google+

Шапка Google+ должна быть размером 800 на 1200 пикселей. Прикрепленные к постам фотографии в этой социальной сети масштабируются до ширины в 426 пикселей, такую же ширину будет иметь иллюстрация к размещенной ссылке.

Назад в раздел

Подписаться на новые материалы раздела:














CAPTCHA