Подготовь контент-стратегию, напиши крутой пост, спаси мир, да ещё и макеты сделай… Вопросов нет, только у каждой социальной сети есть свои требования к визуальной составляющей — как знать, что любит Facebook и каких советам следовать, чтобы фото смотрелось красиво?
PublBox предлагает подробный гайд с оптимальными размерами фото и изображений для каждой социальной сети.
Размеры для Facebook
Подготовку макетов для Facebook следует рассматривать по составляющим: профиль и обложка, посты, мероприятия и рекламные объявления. Для каждого случая здесь свои изображения и собственные размеры.
Макеты для профиля и обложки в Facebook
Фото профиля: квадратный формат; размер 170 х 170px (128 х 128px для смартфонов и небольших планшетов);
Фото для обложки: прямоугольный формат; размер 820 х 312px (десктоп)/640 х 360px (отображение на смартфонах);
- Используйте небольшие квадратные макеты для профиля.
- Обязательно просмотрите, как они будут выглядеть при указанных разрешениях прежде, чем публиковать.
- Фото профиля рядом с публикациями имеет круглый формат — обязательно убедитесь, чтобы нужные вам элементы присутствовали на макете.
- Для обложки используйте макет размерами от 400 х150px — так он будет уверенно смотреться как на мобильной версии, так и на десктопе.
- Чтобы текст или логотип был чётче виден на фото профиля/обложке, профи советуют использовать файлы с расширением .JPEG.
Макеты для постов и рекламных объявлений в Facebook
Рекомендованный размер макета для поста: для десктопа — 1200 х 900px/для мобильной версии — 626 х 840px/для превью — 254 х 133px (пропорции 1.91:1).
Обложки ВК на мобильных устройствах
Размер фото для рекламного объявления: для компьютера —1200 х 444px/для смартфонов — 560 х 208px/для превью — 254 х 94px.
Размер фото для мероприятия: для компьютера — 1920 х 1080px /для смартфонов — 560 х 208px /для превью — 254 х 94px (пропорции 1.91:1).
Размер фото для рекламы мобильного приложения: для десктопа — 1200 х 628px/для мобильной версии — 560 х 293px (пропорции 1:91).
- Для постов используйте макеты размерами от 470 х 470px (если не можете использовать рекомендованные изображения). Хоть они и будут масштабированы, нельзя использовать фото меньше — при масштабировании изображение будет становиться более тусклым.
- Если использовать для поста изображение размером менее 470 х 246px, оно будет применено для превью.
- БОНУС — используйте видео для поста: рекомендованный размер для видео — 1200 х 675px.
Размеры для Instagram
В Инстаграме для оформления профиля, stories и постов вам будет необходимо готовить макеты трех форматов: квадратный (1:1), альбомной (1,91:1) и/или вертикальной ориентации (4:5).
Рекомендуемая минимальная ширина картинки для поста — 600px, максимальная — 1936px. В зависимости от формата фото длина будет растянута пропорционально.
Фото для профиля Instagram имеет квадратную ориентацию и на всех устройствах отображается размером 110 х 110px.
Как настроить ссылку на мобильной обложке в Одноклассниках /Ссылка на обложке в Одноклассниках
В мобильной версии приложения фото под постами будет иметь размер 291 х 291px. На десктопе такие макеты отображаются 1080 х 1080px, поэтому приоритетнее делать и тестировать макеты именно в таких размерах.
Макеты для stories в Instagram лучше делать в форматах 9:16, 16:9 – 4:5.
- Загружайте макеты до 30 Мб.
- Чтобы картинки выглядели наилучшим образом, используйте форматы jpg и png.
Размеры для Twitter
Макеты в Twitter также можно разделить на картинки для постов и профиля.
Чтобы сделать топовый профиль в Twitter, подготовьте макеты согласно следующим рекомендациям:
- обложка — макет 1500 х 500px (альбомная ориентация 3:1), максимальный размер — 5Мб;
- профиль — макет 400 х 400px (квадратная ориентация 1:1), максимальный размер — 2Мб;
- минимальный размер фото профиля (на смартфоне) — 200 х 200px.
Рекомендованный размер для поста — 506 x 253px (альбомная ориентация 2:1), до 5Мб (до 3Мб для GIF). Максимальный размер для десктопа — 1024 x 512px, минимальный размер для мобильной версии — 440 x 220px.
- Twitter не поддерживает анимацию GIF-файлов в фото профиля и обложки.
- Используйте картинки следующих расширений: jpg, gif, png.
- Фото растягиваются исходя из указанных для каждого случая пропорций — учитывайте это при загрузке фото.
Размеры для LinkedIn
В LinkedIn вам нужно делать макеты (png, jpg, gif) для оформления личного профиля, профиля компании, постов и внешних ссылок. Но обо всем по порядку…
Для личного профиля
Рекомендуемый размер фото для личного профиля — 400 х 400px (не более 2Мб).
Рекомендуемый размер картинки для обложки — 1584 x 396px (не более 4Мб).
Минимальный размер для макета — 1400 x 425px.
Для профиля компании
Рекомендуемый размер фото для профиля компании — 300 x 300px (не более 4Мб). А размер обложки компании — идентичный обложке профиля (1584 x 396px).
Фото в профиле компании — 900 х 600px.
Лого для компании — 60 х 60px.
Рекомендуемый размер Hero Image — 1128 x 376px (минимальный — 974 x 330px).
Для постов
Рекомендуемая картинка для поста — 1200 x 628px (минимальная — 552 x 289px).
Макеты для специальных баннеров — 646 x 220px.
- При загрузке макетов, неподходящих под рекомендуемые размеры, фото сохраняют свои пропорции.
- Учитывайте, что ширина картинок постов будет отображаться размером 350px.
Размеры для YouTube
Несмотря на то, что на YouTubе чаще всего ищут и смотрят видео, картинки там тоже нужны. Макеты необходимо делать для профиля, обложки и превью видео.
Рекомендованный размер для фото профиля — 800 х 800px (для мобильной версии — 98 х 98px). Поддерживаются все форматы (jpg, png, bmp, gif).
Рекомендованный размер для фото обложки — 2560 х 440px, но не менее 2048 х 1152px (для TV-формата).
Что касается макета к видео, то выбрать нужный размер вам поможет картинка:
Небольшая шпаргалка по размерам для макетов Youtube
Safe area (Безопасная зона) — 1546 х 423px отображается на всех устройствах, во всех браузерах. Что касается разрешения на десктопах (2560 х 423px), на планшетах (1855 х 23px) – Безопасная зона будет отображена без изменений, а остальные размеры — исходя из размеров окна вашего браузера.
- При изготовлении макетов учитывайте, что они по-разному отображаются в мобильной версии, на десктопе и на телевизоре.
- Размеры файла не должны превышать 6 Мб.
Чтобы профили и посты классно смотрелись, важно всегда проверять, соблюдены ли пропорции. Чтобы не держать эти цифры в голове, наша памятка будет вам всегда кстати. Пусть она не сделает за вас вашу работу, но поможет вам однозначно.
Источник: conversion.im
Как сделать обложку группы ВКонтакте для мобильной версии
Если при оформлении группы в ВК вы не сделали отдельную обложку для мобильных устройств, то при отображении на смартфонах обложка будет автоматически обрезаться. В статье рассмотрим 2 способа, как настроить обложку для группы ВКонтакте, чтобы она корректно отображалась в мобильной версии.
Как сделать обложку группы ВКонтакте для мобильной версии
Первый способ — оставить стандартную обложку, правильно подогнав размеры; второй — настроить живую обложку.
Стандартная обложка
Если вы поставили стандартную обложку для группы в ВК, она будет отображаться на ПК и на мобильных по-разному. Дело в том, что размер стандратной обложки 1590x400px. В мобильной же версии края обрезаются на 197px с каждой стороны. На рисунке ниже наглядно показана область обрезки.
Следует учесть, что 83px сверху занимают индикаторы мобильного устройства (уровень заряда аккумулятора и др.), а 140px с обоих сторон заняты для системных кнопок сайта. Поэтому, если вы размещаете на обложке важную для подписчиков информацию, вам следует учитывать, что некоторая область будет обрезана.
Живая обложка
Заключение
Итак, если вы занялись оформлением сообщества, то с учётом того, что мобильный трафик сейчас значительно превосходит десктопный, то под мобильную версию лучше сделать живую обложку. Если на это нет времени, то при создании обычной обложки учитывайте области, которые будут обрезаться.
Источник: quasa.io
Размеры для группы ВК-2023: от обложки до постов
Шаблоны для ВК групп впервые я выпустила в конце прошлого года. Шаблоны пережили сотни правок и «примерок», прежде чем превратились в красивый и удобный продукт.
Самой сложной задачей оказалось – разобраться с размерами. Например, обложки для ВК групп в 2021, 2022 и 2023 годах имеют разные параметры. При этом, даже на официальных площадках часто висят устаревшие данные.
Пытаясь докопаться до истины, я прошла все стадии отчаяния 🙂
В результате у меня родились не только прекрасные ВК шаблоны с правильными размерами, но и идея этого поста. Надеюсь, он сэкономит вам немного времени и нервов.
Новые размеры для группы ВК в 2023 году
Содержание:
- Главная обложка группы ВК (шапка)
- Мобильная обложка ВК
- Обложки для меню ВК
- Обложки для товаров ВК
- Баннеры для постов ВК
- Обложка для видео ВК
- Истории ВКонтакте
- Обложка ссылки ВК (сниппет)
- Обложка для статьи ВК
Размер обложки группы ВК
Главная обложка сообщества ВК, которая показывается на всех устройствах. Другие названия: шапка, компьютерная или десктопная обложка.
Актуальный размер в 2023 году – 1920x768px.
Поддерживаемые форматы – PNG и JPG.
Статичную обложку видят посетители вашей группы, когда заходят с компьютера. С телефона её видно в двух случаях:
- Если вы не установили мобильную обложку
- Когда вы разворачиваете экран телефона горизонтально
Особенности
В полной версии сайта верх обложки обрезается на 128px. Эта часть скрыта на компьютере и видна только на мобильных устройствах. Видимость эта относительная, потому что здесь располагаются иконки ВК группы и вашего телефона. Учитывайте это при создании обложки, чтобы в данной зоне не было стратегически важной информации.
Для примера прикрепляю вам готовые обложки моего авторства, которые можно приобрести в Магазине шаблонов»
Размеры мобильной обложки ВК
Мобильная или живая обложка видна только с телефона. В качестве обложки может быть изображение и/или видео (до 5 штук). При просмотре они будут автоматически листаться друг за другом.
Общий размер живой обложки – 1920×1080 px.
Формат изображений: PNG и JPG.
Формат видео: MP4; видеокодек h.264; до 20МB; до 30сек.
Особенности
Когда человек заходит в группу ВК, он видит только часть обложки. Чтобы развернуть целиком, нужно кликнуть на неё. Но т.к. многие этого не делают, ориентироваться надо на видимую часть.
Какую? Вот тут и начинает квест 🙂
Мне встречалось масса схем, где всё было расписано буквально по пикселям, но они разбивались об одно «но» – из-за пропорций экрана на разных телефонах обложки выглядят по-разному.
Вот реальные скриншоты с двух телефонов (обратите внимание на разницу в положении фото и текста):
Далее я прилагаю схему, которая родилась у меня в процессе проб и ошибок. На истину не претендую, но у меня работает.
Вы ещё не убежали? Тогда продолжим 🙂
• 285px сверху и снизу – области, которая скрыты на всех телефонах.
• Самые непредсказуемые области – участки сверху и снизу, где находятся иконки телефона, название группы, кнопки и прочее. Они могут съедать от 220 до 330px. В этой зоне можно расположить картинки, сюда может заходить какая-то «безопасная» часть вашей фотографии, но текст лучше убрать.
• Самая надежная часть для контента, хорошо просматриваемая со всех телефонов – область, которая находится посередине обложки и составляет 690-700 px. Здесь можно смело размещать текст (не забудьте только про аватар).
• Да, и помним, что по бокам 100-115px могут обрезаться.
Если после сказанного выше у вас пропало всякое желание делать мобильную обложку, прекрасно вас понимаю ))) И пользуясь вашим отчаянием, предлагаю приобрести готовые шаблоны для групп ВК»
Это была минутка незаметно встроенной рекламы ))) Идем дальше.
Размер обложки меню ВК
После того, как ВКонтакте изменил дизайн групп и многие информационные блоки были убраны с видных мест, меню приобрело стратегически важное значение. Если хотите, чтобы группа стала продающей, удобной и интуитивно понятной, без привлекательного меню вам не обойтись.
Размер обложки для меню ВК группы: 376x256px. Поддерживаемые форматы изображений: PNG, JPG, GIF.
Что важно учитывать при оформлении:
- количество обложек в меню – максимум 7 шт.
- видно из них будет три с половиной, остальное нужно листать
- если вы размещаете текст, он должен быть достаточно крупным, т.к. плашки меню небольшого размера
- установить обложки меню пока можно только с компьютера
Размер обложки товара ВК
*Обложки для услуг ВК имеют те же размеры и особенности, поэтому все перечисленные здесь характеристики применимы и к ним.
Рекомендуемый размер обложки для товаров: 1000×1000 px. Если вы возьмете размер чуть больше, например 1200px, проблем не будет. Главное, чтобы изображение было квадратное. Для одного товара вы можете загрузить до 5 изображений. Формат JPG, GIF или PNG.
Обложка для подборки товаров ВК
Как товары, так и услуги в ВК можно объединить в подборки.
Размер обложки для подборки товаров: 1280х720 px.
В мобильной версии обложка будет обрезаться снизу и по бокам на 100px.
Размеры картинок для постов ВК
ВКонтакте для оформления постов в приоритете два формата изображений:
- квадратные 1:1
- прямоугольные 3:2
Квадратные 1:1
Минимальный размер квадратного изображения 510х510 px, но практика показывает, что качество картинки такого размера получается очень низкое. Хотите получить четкое изображение – используйте бóльший размер. Например, как у баннеров для товаров ВК – 1000х1000 px.
Прямоугольные 3:2
Если вы выбираете прямоугольное изображение, его размер должен быть минимум 510х765 px. Я рекомендую увеличивать этот размер вдвое и больше. Так вы получите картинку гораздо лучшего качества.
Что лучше: прямоугольное или квадратное изображение?
Я предпочитаю квадратные картинки для постов в ВК. Они более заметные, особенно когда листаешь ленту с телефона. Из них получаются идеальные «галереи», где все баннеры отображаются целиком, ничего не выпадает и не обрезается. Примеры такого оформления ↓↓↓
Размер обложки для видео в ВК
Размер обложки (или заставки) для видео ВКонтакте:
Рекомендуемые размеры самой видеозаписи имеют те же параметры. Если вам важно сохранить качество видео, загружайте записи размером не менее 1920×1080 рх. Максимальный объем файла – 5 ГБ.
Истории ВК: размеры фото и видео
Истории в ВК (кому-то привычнее сторис) имеют те же параметры, что и в других соцсетях, поэтому вы смело можете публиковать одну и ту же историю на всех площадках. Традиционно используются фото и видео вертикального формата.
Размер для фотографий — 1080х1920 px.
Форматы: PNG, JPG, GIF.
Технические характеристики для видео:
- объем файла до 10 МБ
- длительность до 15 секунд
- видеокодек h.264
- аудиокодек AAC
Размер обложки для внешней ссылки (сниппета)
Что такое сниппет? Когда вы добавляете к записи ВК ссылку на внешний ресурс, появляется специальный блок – сниппет. Он состоит из текста и картинки (оба они кликабельны).
Если вы НЕ добавляете к посту ВК никаких видео и изображений, сниппет будет отображаться в полную величину (смотри баннер ниже). Картинка подбирается по умолчанию из тех, что есть на ресурсе, куда ведет ссылка, но вы можете задать свою.
Размер обложки для сниппета – 537х240 рх. Чтобы получить более качественное изображение, рекомендуется увеличить размер вдвое.
Размер обложки для статьи ВК
Обложка для статьи ВК − здесь все максимально просто. Бóльшую часть обложки занимают заголовок статьи, название вашего ВК сообщества и кнопка «Читать». Поэтому как-то дополнительно её оформлять вряд ли необходимо, достаточно, чтобы картинка соответствовала теме и на ней хорошо читался текст.
Размер изображения: 510х286 рх, но лучше увеличить его как минимум вдвое.
Что хочется добавить в конце. Я, кстати, уже говорила, что у меня есть готовые шаблоны? Это моя слабость – я страшно люблю свое дело и готова рассказывать о нем при каждом удобном случае ))
Еще больше интересных статей:
- Как найти свои способы продвижения творческому предпринимателю
- Лучшие банки бесплатных фотографий
- Как правильно оформить чек-лист, гайд или PDF книгу
- Бесплатные дизайнерские шрифты: кириллица, попавшая в тренды
Сохранить в Pinterest
Все посты рубрики → Дизайн для бизнеса
Оксана Колесникова
Меня зовут Оксана, я графический дизайнер. Мои работы вы найдете в разделе «Магазин шаблонов». В этом блоге я делюсь профессиональными секретами, как достойно упаковывать свои продукты. А также наработками и набитыми шишками в продвижении своего проекта 🙂
Подписаться
Войти через
Я разрешаю создать мне учетную запись
Когда вы первый раз заходите с помощью соцсетей, мы получаем публичную информацию из вашей учетной записи, предоставляемой провайдером услуги соцсети в рамках ваших настроек конфиденциальности. Мы также автоматически получаем ваш e-mail адрес для создания вашей учетной записи на нашем веб сайте. Когда она будет создана, вы будете авторизованы под этой учетной записью.
Не согласен Согласен
Войти через
Я разрешаю создать мне учетную запись
Когда вы первый раз заходите с помощью соцсетей, мы получаем публичную информацию из вашей учетной записи, предоставляемой провайдером услуги соцсети в рамках ваших настроек конфиденциальности. Мы также автоматически получаем ваш e-mail адрес для создания вашей учетной записи на нашем веб сайте. Когда она будет создана, вы будете авторизованы под этой учетной записью.
Не согласен Согласен
7 комментариев
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
3 месяцев назад
Вопрос по обложке к альбому фото? Сделала по шаблону с интернета 1200х800, в моб версии пишут 200 снизу скроется — ок. Макет готов. Мне заказчица присылает вообще квадратные картинки, где ниче не влезло? Нужно два формата делать прямоугольные и квадрат??
Каике размеры нужно сделать на обложки альбомов, чтобы везде все норм было.
Источник: sokpro.ru