Размеры обложек в соцсетях
“Встречают по одежке”
Какие ваши действия, когда впервые заходите на бизнес страницу бренда?
Да! Вы оцениваете ее внешний вид, как при первой встрече с новым человеком. И после этого принимаете решение, готовы ли здесь оставаться.
Чтобы произвести первое впечатление у вас всего 3 секунды!
Страница с обложками правильных размеров и читабельным текстом на них — это повышенная вовлеченность и визитная карточка компании.
Найти нужные размеры всегда можно в справочном центре каждой соц сети.
Но! Обложки на разных устройствах меняют область видимости. Если картинка не соответствует пропорциям, она может быть обрезана в самом неподходящем месте.
Вся сложность в том, что размеры “безопасных зон” найти сложно!
Рекомендуем прочесть эту статью, сверить все размеры обложек на своей странице и сохранить статью в закладки браузера.
Кому будет полезна статья
SMM менеджеру, чтобы приготовить ТЗ графическому дизайнеру. И самому дизайнеру, который разрабатывает материал.
Имея под рукой список размеров, вы будете уверены, что ваши изображения не деформируются и страницы будут выглядеть профессионально.
Содержание
Размеры обложек для Facebook
- для компьютера — 180 x 180 px
- для смартфонов и планшетов — 160 х 160 рх
- телефоны с маленьким разрешением — 36 х 36 px
- масштаб — 1:1
- рекомендованный формат изображения — PNG
Соблюдайте область видимости, если лого или фото касается краев — они будут обрезаны, так так аватар в исходном варианте круглый.
(размер основы масштаб — 1:1)
(область видимости)
- основа обложки — 820 х 360 px;
- при просмотре на компьютере обрезается до размера — 820 х 312 рх;
- на смартфонах — 640 х 360 px;
- размер — до 100 кб;
- формат – JPG, PNG.
ВАЖНО! Лучше загружайте в формате PNG — качество будет выше.
Рекомендуем использовать заранее протестированный макет на зону видимости.
(основа обложки, область видимости на смартфоне)
Так выглядит обложка главной страницы на смартфоне
Основа обложки, область видимости на компьютере
Так выглядит обложка на компьютере с главной страницы
- Разрешение — 820 х 312 px;
- Длительность — от 20 до 90 сек;
- Качество — 1080 р;
- Формат — mp4.
Видео обложка обрезает картинку на разных устройствах так же как и фото. Ориентируйтесь по заявленным размерам главной обложки.
Рекомендуем выбрать миниатюру для видео обложки. Она будет высвечиваться при наведении на видео.
- Основа обложки — 1004 x 526 px;
- При просмотре на компьютере — 1004 x 526 рх;
- На смартфонах — 828 x 432 px;
- Размер — до 100 кб;
- Формат – JPG, PNG.
Основа обложки
При просмотре на компьютере
При просмотре на смартфоне
Размер обложки для смартфона
- Основа обложки — 992 x 516 px;
- При просмотре на компьютере — 992 x 516 рх;
- На смартфонах — 828 x 463 px;
- Размер — до 100 кб;
- Формат – JPG, PNG.
Основа обложки
При просмотре на компьютере
Размер обложки для смартфона
При просмотре на смартфоне
- Основа обложки — 1200 х 445 px;
- При просмотре на компьютере с главной страницы обрезается до размера — 780 х 455 рх;
- На смартфонах — 640 х 360 px;
- Формат – JPG, PNG.
Размер основы и зона видимости с главной страницы
Открытый раздел “Our story” с компьютера
Так выглядит раздел “Our story” с главной страницы на компьютере
Раздел “Our story” со смартфона
Обложка для всех фото бизнес страницы Facebook
Многие не используют функционал дополнительной обложки на разделе фото, но мы рекомендуем задействовать эту площадку для финального оформления вашей страницы.
- Размер основы — 1080 х 1080 px;
- Размер верхней картинки — 1080 х 540 px;
- Размеры двух нижних картинок — 540 х 540 px;
- Формат – JPG, PNG.
Разметка фото-обложки
Так выглядит фото-обложка на главной странице Facebook с компьютера
- Основа обложки — 1200 х 630 px;
- При просмотре на компьютере — 1000 x 524 рх;
- На смартфонах — 828 x 435 px;
- Размер — до 100 кб;
- Формат – JPG, PNG.
Основа обложки
Пост с главной страницы Facebook на компьютере
Пост с главной страницы Facebook на смартфоне
- Рекомендуемый размер для компьютера — 1200 х 675 px;
- Отображается на смартфонах — 560 х 208 px;\
- Размер превью — 254 х 94 px;
- Рекомендуемый масштаб — 16:9 и 1:1;
- Продолжительность — 120 мин;
- Максимальный размер — до 4 гб;
- Формат — mp4.
Размеры обложек в Instagram
Что касается оформления аккаунта инстаграм, тут все проще — главной обложкой является аватар и дизайн постов.
- Для компьютера — 180 x 180 px;
- Для смартфонов и планшетов — 160 х 160 рх;
- Телефоны с маленьким разрешением — 36 х 36 px;
- Масштаб — 1:1;
- Формат – JPG, PNG.
(размер основы — масштаб — 1:1)
(область видимости)
- Основа обложки — 1200 x 1200 px;
- Масштаб — 1:1;
- При просмотре на компьютере (общая лента) — 586 x 586 рх;
- При просмотре на компьютере (открытый пост) — 1200 x 1200 рх;
- На смартфонах (общая лента) — 275 х 275 рх;
- На смартфонах (открытый) — 828 х 828 рх;
- Максимальный вес — 30 кб;
- Формат – JPG, PNG.
Основа обложки
Пост в ленте страницы профиля на компьютере
Открытый пост на компьютере
Пост в ленте профиля на смартфоне
Пост в ленте профиля на смартфоне
- Основа обложки — 1080 х 1920 px;
- Масштаб — 9:16;
- При просмотре на компьютере (общая лента) — 425 x 661 рх;
- При просмотре на компьютере (открытый пост) — 672 x 1192 рх;
- На смартфонах (общая лента) — 413 х 642 рх;
- На смартфонах (открытый) — 750 х 1334 рх;
- Размер — 30 МБ;
- Формат — JPG, PNG.
Основа обложки и зона видимости в ленте на компьютере
Пост в ленте профиля на компьютере
Открытый пост IGTV на компьютере
Основа обложки и зона видимости ленты на смартфоне
Лента профиля на смартфоне
- Основа обложки — максимальный размер: 1080 x 1920 px;
- Масштаб — 9:16;
- Минимальный размер — 600 x 1067 px;
- Зона видимости — 828 x 1282 px;
- При просмотре на компьютере — 792 х 1408 рх;
- На смартфонах — 828 х 1472 рх;
- Размер — 30 МБ;
- Формат — JPG, PNG.
Основа обложки и зона видимости
- Основа обложки — 1080 x 1920 px;
- Обложка круг — диаметр 154 px;
- При просмотре на компьютере — 792 х 1408 рх;
- На смартфонах — 828 х 1472 рх;
- Размер — 30 МБ;
- Формат — JPG, PNG.
Основа и зона видимости обложки с профиля
Вид обложек хайлайтс на смартфоне
Вид обложек хайлайтс на компьютере
Размеры обложек в YouTube
- Размер основы — 800 x 800 px;
- Масштаб — 1:1;
- Формат — JPG, GIF, BMP или PNG;
Размер основы — масштаб — 1:1
Область видимости
- Основа обложки — 2560 х 1440 px;
- При просмотре на компьютере обрезается до размера — 2560 х 423 рх;
- На смартфонах — 1546 х 423 px;
- Размер — не более 2 МБ;
- Рекомендованные форматы изображения — BMP, JPG, PNG и GIF;
Основа обложки, область видимости на компьютере
Так выглядит обложка на компьютере с главной страницы YouTube
Основа обложки, область видимости на смартфоне
Так выглядит обложка на смартфоне с главной страницы YouTube
Для видео со стандартным соотношением сторон 16:9 используйте следующие разрешения:
- 2160p: 3840 x 2160 px;
- 1440p: 2560 x 1440 px;
- 1080p: 1920 x 1080 px;
- 720p: 1280 x 720 px;
- 480p: 854 x 480 px;
- 360p: 640 x 360 px;
- 240p: 426 x 240 px.
Размеры обложек Linkedin
- Минимальный размер — 300 x 300 px;
- Масштаб — 1:1;
- Формат — JPG или PNG.
Размер основы — масштаб — 1:1
- Основа обложки — 1536 х 768 px;
- При просмотре на компьютере обрезается до размера — 1536 х 260 рх;
- На смартфонах — 1546 х 270 px;
- Рекомендованные форматы изображения — JPG и PNG.
Основа обложки, область видимости на компьютере
Так выглядит обложка на компьютере с главной страницы
Основа обложки, область видимости на смартфоне
Так выглядит обложка на смартфоне с главной страницы
- Основа обложки — 1200 х 630 px;
- При просмотре на компьютере — 1000 x 524 рх;
- На смартфонах — 828 x 435 px;
- Размер — до 100 кб;
- Формат – JPG, PNG.
Основа обложки поста
Пост на главной странице с компьютера
Пост на главной странице со смартфона
Размеры обложек в Tik Tok
- Размер основы аватара — 100 x 100 px;
- Масштаб — 1:1;
- Рекомендованные форматы изображения — JPG, PNG и GIF.
Размер основы масштаб — 1:1
Область видимости
- Основа обложки — 1080 х 1920 рх;
- Масштаб — 9:16;
- При просмотре на компьютере (общая лента) — 512 х 760 рх;
- При просмотре на компьютере (открытый пост) — 754 х 1384 рх;
- На смартфонах (общая лента) — 274 х 364 рх;
- На смартфонах (открытый) — 750 х 1334 рх;
- Размер — 30 МБ;
- Формат — JPG, PNG.
Основа обложки и зона видимости на компьютере
Пост в ленте профиля на компьютере
Открытый пост на компьютере
Основа обложки и зона видимости на смартфоне
Пост в ленте профиля на смартфоне
Открытый пост на смартфоне
Размеры обложек в Twitter
- Минимальный размер основы — 400 x 400 px;
- Масштаб — 1:1;
- Формат — JPG или PNG.
Размер основы — масштаб — 1:1
Область видимости
Обложка в Twitter не обрезает картинку, область видимости такая же как и рекомендованный размер.
- Рекомендованный размер обложки — 1500 х 500 рх;
- Максимальный размер — 5 Мб;
- Масштаб — 3:1;
- Форматы — JPG, PNG, GIF без анимации.
Макет обложки
Так выглядит обложка на компьютере с главной страницы Twitter
Так выглядит обложка на смартфоне с главной страницы Twitter
Подведем итоги?
Сохраните статью в закладки браузера, чтобы у вас всегда были под рукой эти размеры.
Учитывайте зоны видимости, там где они предусмотрены. Тестируйте макеты перед публикацией на разных устройствах.
Все замеры в статье разработаны на Macbook Pro 13. Если у вас другой компьютер, размеры могут отличаться, но соотношение сторон и масштаб — один для всех.
Важно! Статья написана 20 Февраля 2020 года
Не забывайте, что соц. сети регулярно обновляют свой интерфейс и через год эти размеры могут быть уже не актуальны.
Теперь мы и сами перестанем судорожно искать размеры для нашего дизайнера. Потому что собрали все самое важное в одной статье.
Пишите ваши вопросы в комментариях.