Форматы постов вк. Какие размеры ВКонтакте наиболее оптимальны? Идеальные размеры изображений для Instagram
Вы знаете все о размещении картинок в социальных сетях и как никто умеете заинтересовать подписчиков классным визуальным контентом? А в курсе ли вы, какие размеры и пропорции должны быть у изображения, чтобы оно идеально вписалось в вашу ленту новостей?
Если вы ответили «нет», то наш пост для вас!
При выборе картинок для публикаций нужно учитывать так много факторов, что часто о размере иллюстраций думают в последнюю очередь. А ведь высота, ширина и ориентация картинки очень сильно влияют на ее внешний вид.
Теперь, когда присутствие в социальных сетях стало «обязательным» для крупных и малых предприятий, вы можете быть готовы наращивать свои усилия в социальных сетях. Одним из лучших способов улучшить ваше позиционирование во всех социальных сетях является согласованность голоса и брендинга - это включает в себя размеры изображений в социальных сетях.
Идеальные размеры изображений для Вконтакте и «Одноклассников»
Главным приоритетом должно быть обеспечение того, чтобы ваш голос соответствовал аудитории для каждого социального канала; однако, обеспечение последовательного внешнего вида для вашего бренда жизненно важно. Один из лучших способов достижения обеих этих целей брендинга - визуальный дизайн.
Мы подобрали для вас несколько практических рекомендаций по размещению изображений, актуальных для всех известных социальных сервисов.
Идеальный размер изображений для социальных медиа
Размер изображений — довольно объемная тема, но постараемся не вдаваться в излишние подробности и перечислим только самое главное.
Когда вы посещаете основные социальные сети, на первый взгляд вы можете увидеть небольшую последовательность. Однако, поскольку эти веб-сайты развивают и обновляют свои предложения, становится легче и проще использовать ваши дизайнерские навыки для создания узнаваемой марки по всему спектру сайтов.
Этот «чит-лист» предлагает вам краткое руководство по рекомендациям размера изображения для многих из лучших сайтов социальных сетей. Благодаря этой информации у вас под рукой, вы сможете развивать это постоянное присутствие брендинга при соблюдении необходимых параметров веб-сайта. Требования к размеру для этих сайтов меняются регулярно.
Как вы уже могли догадаться, для фотографии профиля, обложки страницы, рекламы на Facebook или записей в Twitter нужны изображения разных форматов.
Большинство ведущих социальных медиа, например, Вконтакте, Facebook или Twitter, позволяют управлять отображением картинки профиля и обложки страницы — вы можете менять размер и двигать фотографию до тех пор, пока она не встанет, как вам надо.
Оптимальные размеры изображений для Twitter
Обратите внимание: мы создали этот обманщик, предполагая, что вы регулярно создаете изображения и работаете над проектами веб-дизайна. Вы обнаружите, что мы предоставляем размеры для каждого типа изображения во всех сетях. Например, при создании фотографии профиля вы можете сразу создать все нужные фотографии профиля для своих клиентов, удовлетворяя требованиям сайта и достигая консистенции брендинга. В этом списке указаны размеры основных проектных активов каждой сети.
Если вы разрабатываете веб-сайты, используется интеграция социальных сетей. Во многих случаях, если вы разрабатываете один квадратный «профиль», который масштабируется соответствующим образом для размеров ниже, вы сможете оптимизировать процесс для обновления во всех сетях.
Например, процесс настройки обложки страницы на Facebook выглядит следующим образом:
Но как сделать так, чтобы изображение в хронике или новостной ленте выглядело максимально эффектно?
С целью изучения влияния изображений на степень вовлеченности аудитории — количество ретвитов, кликов и так далее, сервисом Buffer было обнаружено, что твиты с картинками получают на 150% больше ретвитов, чем обычные текстовые посты.
Размеры изображений для Twitter Cards
Изображение обложки или изображение заголовка - большой нападающий на большинстве этих сетей. В отличие от изображений профиля, которые обычно являются квадратными, различные социальные сайты имеют различные размеры для изображений обложки. Вот несколько советов, которые нужно запомнить.
Изображения контента в самих сообщениях
Поскольку эти изображения часто обрезаются или покрываются другими элементами интерфейса, поместите важные компоненты вашей конструкции в центр изображения и дважды проверьте, чтобы ключевые части изображения не были закрыты при использовании на производстве. Богатый контент-обмен, включая совместное использование изображений, становится все более важным в социальных сетях. Создание изображений, которые являются правильным размером для сети, сводит к минимуму искажения и неожиданные обрезки.
Экспериментируя с размерами картинок, которые гарантированно хорошо будут работать в социальных медиа, были найдены два универсальных размера изображений: 1024 x 512 пикселей для альбомной (горизонтальной) ориентации и 800 x 1200 пикселей — для портретных (вертикальных) фотографий.
Квадратные картинки с разрешением 1200 x 1200 пискселей лучше всего подходят для новостной ленты в Facebook и LinkedIn, альбомные с разрешением 1200 x 627 пикселей также отлично впишутся в посты Facebook или Twitter, а портретные изображения с разрешением 736 x 1128 пикселей можно удачно использовать в Pinterest и Google+.
Размеры изображений для постов ВКонтакте
Во-первых, вам нужно убедиться, что социальная сеть знает, какое изображение вы хотите выделить, когда вы делитесь ссылкой. Обычно это делается с или другими метаданными. Во-вторых, вам нужно убедиться, что изображения, включенные в страницу или сообщение, соответствуют размеру, который ожидает социальная сеть. Если форма изображения не подходит для социальной сети, она часто искажает или игнорирует это изображение.
Визуальная сторона социального развития всегда развивается. Вот некоторые дополнительные ресурсы, которые углубляются во все эти области. Откройте для себя множество применений, обширные архивы с бесплатными бесплатными изображениями, ценными советами по оптимизации, полезными инструментами редактирования и правовыми вопросами. Щелчок приводит вас непосредственно в желаемый раздел.
Рассмотрим подробнее, почему это так.
Оптимальные размеры изображений для Facebook
От ориентации изображения зависит его итоговый размер в Facebook.
Если вы прикрепляете к посту квадратную картинку, ее ширина в Facebook составит 470 пикселей — максимально возможный размер изображения в новостной ленте. Даже если его изначальная длина и ширина — 800 x 800 пикселей, оно все равно отобразится на фейсбуке с разрешением 470 x 470 пикселей:
Идеальные размеры изображений для Instagram
Чтобы подчеркнуть общую важность изображений, мне даже не пришлось бы заканчивать предложение сам. Человеческие мозги любят картинки. Они обрабатываются в 000 раз быстрее, чем текст. Поэтому очень важно показать вещи, а не просто сказать. Картинки привлекательны и поддерживают общение интересным, эмоциональным и интерактивным.
Цель и визуальное повествование
Компании могут передавать свои ценности и историю превосходно через изображения. Они разделяют свою страсть, культуру и человечество с поклонниками и развивают более глубокие и более аутентичные отношения. Для каждой проданной пары обуви другая пара будет пожертвована нуждающимся во всем мире.
Если вы загрузите изображение альбомного формата, фейсбук сожмет его до 470 пикселей по ширине, а высота изменится пропорционально:
Картинки с шириной меньше 470 пикселей показываются в фактическом размере — выровненные по левому краю с белым полем справа.
Восстановить историю компании
Люди и бренды обмениваются изображениями с их прошлым. Вы тоже можете получить сочувствие и достичь этого. Еще один отличный способ визуального повествования - представить свои собственные продукты, связанные с фотографиями связанных тем. Они отражают часть личности компании и привлекают внимание. Если фанаты могут идентифицировать себя с цитатой, они с большей вероятностью будут делиться ими или друзьями на ней. Это связывает их с культурой и сообщением компании.
Для тех, кто лучше воспринимает просто текст
Вот пример цитаты из моей собственной страницы. Но они также выражают признательность за свое собственное сообщество. Вот пример. Эта процедура также подходит для событий. Люди часто просто входят в систему, потому что ищут развлечения. Юмор прекрасно вписывается в концепцию здесь. Он показывает человечество, соединяет бренды со своими поклонниками и повышает вероятность взаимодействия.
Если вы загрузите изображение портретного формата, Facebook уменьшит его до 394 пикселей по высоте и выровняет картинку по левому краю — справа также останется белое поле, а ширина изменится пропорционально высоте.
Например, если вы загрузите картинку 500 на 700 пикселей, фейсбук изменит ее размеры до 281 х 394 пикселей:
Текущие события
Сайт Джорджа Такеи всегда является хорошим источником вдохновения. Обратите внимание, однако, всегда на индивидуальные права личности на коммерческое использование изображений. Держите своих поклонников в курсе того, как развивается ваша компания. Если есть что-то праздновать, то делитесь им с фанатами, и они чувствуют себя особенными. Для особых случаев вам также может понадобиться создать свою собственную графику и использовать формат сообщения «веха». Почему вы всегда публикуете свои собственные фотографии?
У фанатов также есть хорошие фотографии. Затем выигрышные снимки добавляются в отдельный фотоальбом. Поэтому он должен представлять компанию наилучшим образом, например. Например, логотип компании или фотография владельца. Если у вас нет квадратного изображения, вы можете использовать эту функцию в меню профиля «Редактировать эскиз».
Таким образом, изображение, прикрепленное к посту на фейсбук, может отобразиться несколькими способами: все зависит от размеров картинки (ширины и высоты в пикселях) и ее ориентации.
А что насчет ссылок?
Изображения предварительного просмотра при «расшаривании» ссылок подгоняются до 470 х 246 пикселей:
Поэтому он должен быть значимым и узнаваемым в небольшом формате. Имеет смысл разместить запрос действия или дополнительную информацию для пользователя на экране заголовка в виде текстового наложения. При загрузке убедитесь, что ваше изображение не превышает 100 КБ. В противном случае при определенных обстоятельствах он может быть немного пикселизован. Название альбома Описание, если применимо, общее местоположение, если применимо, общая дата. Каждый кадр в альбоме может быть дополнен следующей информацией.
Это особенно верно для изображений предварительного просмотра ссылок. Так откуда взять, если не воровать? Ниже приведен ряд архивов, которые вы можете использовать. Следующие отрывки не заменяют юридические консультации. Перед публикацией необходимо идентифицировать каждого идентифицируемого лица о согласии. В частности, если это коммерческое использование рекламы, для согласия требуется подтверждение.
Тэг «og:image» можно либо вставить вручную в раздел
на каждой странице лендинга, либо воспользоваться плагином вроде Yoast SEO для WordPress, который автоматически обрабатывает код и вставляет его в нужное место.Когда вы создаете картинку для вставки в тэг «og:image», помните — большое изображение будет автоматически обрезано сверху и снизу и уменьшено до 470 x 246 пикселей:
Исключениями для права на изображение являются
Для несовершеннолетних лучше брать интервью у обоих родителей. Фотографии сотрудников также должны учитывать случай ухода из компании. В принципе, частные и частные части людей являются табу. Лица современной истории публичные собрания с лицами общего назначения как принадлежность к ландшафту или местности. Изображения людей защищены после смерти в течение десяти лет. Однако при определенных обстоятельствах это можно продлить много раз.
У фотографа есть авторское право на его мотив, отстраненный от права на свой собственный образ. Эта индивидуально-персональная графика автоматически защищена от публикации, дублирования, редактирования и т.д. только технический, функциональный или функциональный не защищен, если он не имеет индивидуального характера. Например, символ аварийного выхода.
Если тэг «og:image» страницы, ссылкой на которую вы делитесь, прописан не совсем корректно или картинка по ссылке в тэге слишком маленькая, фейсбук не отобразит ее в полную ширину: миниатюра изображения будет помещена в маленькую рамочку слева от текста.
Миниатюры таких картинок — квадратных, альбомной или портретной ориентации — будут сжаты и обрезаны до квадрата 158 x 158 пикселей:
Для использования в бизнесе фотографий, сделанных в частной собственности, требуется разрешение. Для заказанных изображений запланированное использование на сайтах социальных сетей должно быть прямо согласовано. Это может потребовать неограниченных прав пользования. Они дороже, чем для индивидуальных целей.
Сводный перечень размеров
Даже если изображения продуктов используются внешними компаниями, должно быть очевидное согласие. Это также относится к изображениям, уже опубликованным в Интернете. Если автор не найден здесь, изображение может не публиковаться. Дальнейшую юридическую информацию о архивах изображений с лицензией на социальные медиа вы можете найти у адвоката Томаса Швенке. Как только изображения содержат логотипы или логотипы иностранных компаний, может возникнуть нарушение права на товарный знак.
В отдельных случаях длинные изображения (вроде инфографики) сжимаются до 158 пикселей по ширине и 237 пикселей по высоте:
Самый подходящий размер картинок для постов и «расшаривания» ссылок в Facebook — это 1024 х 512 пикселей. Такие изображения не совсем соответствуют описанным выше параметрам, но они хорошо выглядят на Retina-дисплеях (с высокой плотностью пикселей) и неплохо вписываются в полноразмерные области в ленте новостей.
Также есть советы по редактированию изображений и авторскому праву в социальных сетях. Однако пиксельные, усеченные или искаженные изображения не являются хорошей визитной карточкой для социальных сетей. Кто работает с его компанией в нескольких социальных сетях, поэтому должен знать оптимальные размеры изображений. Не так просто быть в курсе событий, каждая социальная сеть имеет разные размеры изображений - и идеальные размеры меняются время от времени.
Редактировать изображения для социальных сетей
Самые важные размеры изображения приведены здесь. Однако эксперты рекомендуют, чтобы ссылки, предоставляемые изображениями на внешние веб-сайты, не должны были ассоциироваться с рекламой для собственных услуг. Нажмите на изображение, чтобы просмотреть его в полном размере.
(И как вы увидите ниже, этот формат изображений также идеально подходит для постов в Twitter).
Оптимальные размеры изображений для Twitter
На десктопных экранах картинки в ленте твиттера отображаются с размерами 506 пикселей по ширине и 253 пикселя по высоте, что соответствует пропорциям 2:1 (это значит, что каждым двум пикселям ширины соответствует 1 пиксель высоты).
Если вы прикрепляете к твиту изображение с размерами 800 х 400 или 1000 х 500 пикселей — или любого другого размера, соответствующего параметрам 2:1 — то ваше изображение отобразится в хронике полностью.
Вот пример изображения с расширением 1024 x 512 пикселей (соотношение 2 к 1), подогнанного до размера 506 x 253 пикселей в хронике твиттера.
(Обратите внимание: если вы загрузите изображение, которое по размеру меньше 506 пикселей по ширине, то справа останется белое поле).
Если разрешение картинки выходит за рамки соотношения 2 к 1, Twitter автоматически обрежет лишнее — полный вариант картинки можно будет увидеть только при клике на нее.
Технология Twitter умеет определять доминирующий визуальный элемент на изображениях, благодаря чему обрезает картинки «по-умному»: убирая лишние пиксели сверху и снизу, он оставляет нетронутой часть изображения с визуальным центром фотографии:
Если обнаружить доминирующий элемент не получается, твиттер оставляет середину изображения:
Размеры изображений для Twitter Cards
Twitter Cards — инструмент для создания расширенных постов в Twitter. Изображения используются во всех девяти типах Twitter Cards, мы же разберем подробнее два вида, которые лучше всего подходят для распространения контента в соцсетях: Summary card (стандартная карточка) и Summary card with large image (карточка с акцентом на изображении).
Summary Card включают заголовок, описание, ссылку и фотографию при публикации ссылки на лендинг, содержащий соответствующие коды. Информация берется из HTML-тэгов, часто — тех же, что используются фейсбуком для отображения ссылок.
(Очень часто плагины для автоматической вставки кода для Facebook на сайт также поддерживают и Twitter Cards).
Любой тип карточек содержит соответствующие изображения-миниатюры:
1. Изображения для обычных карточек (Summary Cards) должны быть с разрешением не менее 120х120 пискелей и весить меньше 1MB. Для расширенного твита и его страницы-описания картинка будет обрезана до соотношения 4:3 и уменьшена до 109x82 пикселей. Для использования во встроенных твитах изображение также будет обрезано и уменьшено до разрешения 120 на 120 пикселей.
2. Изображения для карточек с акцентом на изображении (Summary Cards with large images) должны быть как минимум 280 пикселей по ширине 150 пикселей по высоте, сама же картинка также обязана весить меньше 1MB.
Все изображения для карточек с большими картинками по ширине составляют 506 пикселей. Это касается изображений как альбомной, так и портретной ориентации: ширина в любом случае составит 506 пикселей, а высота — сколько получится (минимума или максимума здесь нет). Квадратные картинки отображаются с разрешением 506 х 506 пикселей, соответственно.
Любое изображение меньше 506 пикселей по ширине будет выравнено по левому краю, справа останется белое поле:
Интересно отметить, как Twitter Cards кадрирует картинки. Для основных видов карточек изображения обрезаются следующим образом:
- квадратные и портретные фотографии обрезаются только снизу (и никогда — по сторонам);
- картинки альбомной ориентации, наоборот, обрезаются с боков (и никогда не кадрируются ни сверху, ни снизу);
- для карточек с большими изображениями никакой заметной обрезки не происходит.
Если вам интересно, как ваши картинки будут выглядеть в Twitter Cards, вставьте ссылку в бесплатный валидатор карточек твиттера (Twitter’s free card validator) — откроется окно предпросмотра.
Идеальные размеры изображений для постов в LinkedIn
Если вы загружаете картинку напрямую, ее максимальная ширина в ленте составит 350 пикселей, по высоте же изображение будет изменено пропорционально ширине, несмотря на ориентацию картинки. К примеру, изображение с расширением 700 х 500 пикселей будет уменьшено до 350 на 250 пикселей:
Исключением из этого правила является LinkedIn Showcase Pages — инструмент, позволяющий компаниям создавать страницы для ответвлений бренда (например, Adobe создал отдельные страницы для Adobe Creative Cloud, Adobe Marketing Cloud и т. д.)
На таких страницах миниатюры и специальные изображения для ссылок отображаются либо в стандартном размере 180 х 110, либо в чуть большем — 442 х 248 пискселей:
LinkedIn использует ту же разметку Open Graph, что и Facebook или другие соцсети. Если вы правильно оптимизируете свой лендинг для фейсбука, то и в LinkedIn ссылки на него тоже будут выглядеть хорошо.
Дополнительный способ делиться контентом в LinkedIn — публиковать статьи через LinkedIn Pulse: сервис создал серьезную платформу для публикации контента, которая позволяет добавлять картинки-миниатюры к статьям. Понравившийся контент появляется на страницах пользователей и в ленте LinkedIn Pulse.
В ленте домашней страницы изображение при обновлении Pulse отображается с размером 180 х 110 пикселей — как и для всех картинок в ссылках. Если же ссылка появляется в списке рекомендованных, размеры миниатюры составят 70 х 37 пикселей:
На странице Pulse список публикаций находится в левой колонке. Миниатюры изображений здесь квадратные — со стороной 70 пикселей. Миниатюра в верхней части статьи отображается с шириной 698 пикселей и высотой 400 пикселей.
(Обрезка таких изображений происходит с боков, поэтому на итоговой картинке будет отображаться центр изображения).
Идеальные изображения для постов в Google+
Как и другие социальные сервисы, упомянутые выше, Google+ выбирает картинки при помощи разметки Open Graph. Если же изображение, прописанное в мета-тэгах, меньше 426 пикселей по ширине или ссылка на него не существует, Google+ может вставить квадратную миниатюру со стороной 150 пикселей слева от новости.
Если вы загружаете картинку напрямую в Google+, она тоже отобразится с шириной не больше 426 пикселей. При клике на URL новости изображение откроется с расширением не более 506 пикселей по ширине:
Если ваша картинка меньше 346 пикселей по ширине, Google+ размещает ее по центру, оставляя белые поля по бокам.
Google+ также может показывать фотографии шириной в две колонки новостного потока — такие изображения загружаются с шириной 886 пикселей, а высота меняется автоматически:
Идеальный размер изображений для Pinterest
Pinterest включает несколько специальных мест, где появляются опубликованные изображения, или «пины» (от англ. a pin — булавка).
На «доске» Pinterest ширина каждого изображения — 235 рх, высота изменяется пропорционально:
При клике на изображение оно увеличивается до 736 пикселей по ширине, а высота подгоняется соответственно:
Кроме этих двух мест, пины можно обнаружить на обложках «досок» пользователей и в рекламных блоках сбоку, где отображаются рекомендованные и похожие пины.
По официальному заявлению Pinterest, лучшее соотношение сторон для изображений в этой сети — что-то среднее между 2:3 и 1:3,5, причем по ширине картинка должна быть не меньше 600рх.
Если вы не знаете, что такое соотношение сторон — это то, как ширина и высота картинки соотносятся друг с другом. Например, у картинки с соотношением сторон 2 к 3 может быть, к примеру, следующее расширение: 600 пикселей по ширине на 900 пикселей по высоте, 800 пикселей по ширине на 1200 пикселей по высоте и так далее.
У изображения с соотношением сторон 1 к 3,5 разрешение может быть таким: 600 пикселей по ширине на 2100 пикселей по высоте, 800 пикселей по ширине на 2800 пикселей по высоте и т. д.
Пины с соотношением сторон более, чем 1:3,5, обрезаются снизу и отображаются в новостной ленте с возможностью полного просмотра при нажатии на кнопку «Развернуть пин» в нижней части картинки:
Идеальные размеры изображений для Instagram
До недавнего времени все фотографии в инстаграме были квадратными с разрешением 1080 х 1080 пикселей. Но с августа 2015 года алгоритм сервиса обновился: теперь помимо квадратных, пользователи могут загружать также портретные и альбомные изображения.
Ширина всех фотографий в ленте новостей Instagram составляет 600 пикселей, а на мобильных устройствах изображения открываются по ширине экрана. Квадратные картинки показываются в ленте с разрешением 600х600 пикселей:
При загрузке фотографии в Instagram теперь можно выбрать ее ориентацию: по умолчанию по-прежнему установлен квадратный формат, но при нажатии на кнопку со стрелками в левом нижнем углу изображения или при «растягивании» картинки пальцами, она отобразится в почти нужном вам виде.
«Почти» — потому что если изображение выходит за рамки установленных Instagram пропорций, оно будет обрезано. Диапазон подходящих для инстаграма соотношений сторон достаточно велик: от 1,91:1 до 4:5.
В профилях пользователей и в области поиска картинки все так же показываются в виде сетки квадратов, но ширина стороны увеличилась с 161 до 291 пикселей. Для отображения прямоугольных фоток берется середина изображения: обрезка происходит с боков, если картинка альбомной ориентации, и сверху и снизу — если портретной:
Идеальные размеры изображений для Вконтакте и «Одноклассников»
Лучший размер изображения для баннера Вконтакте — 700 на 500 пикселей, а максимальный размер — 1000 х 700 пикселей. Картинки других размеров загрузятся с потерей качества, но с сохранением пропорций:
С июля 2015 в ОК можно загружать изображения с расширением до 1680 х 1680 без потери качества:
Лучший размер для публикаций в Одноклассниках теперь — 1680 x 1260 пикселей. В ленте такие картинки отображаются с максимально возможным разрешением — 548 x 411, а при клике на изображение оно открывается в разрешении 780 х 585 пискселей:
Таким образом, максимальная высота картинки портретного формата в ленте составляет 411 пикселей, а ширина подгоняется соответственно. Максимальная ширина картинки альбомного формата — 548 пикселей, а высота изменяется пропорционально.
Надеемся, что это руководство по размерам изображений в основных социальных сетях будет вам полезно. Следите за изменениями в настройках вместе с нами.
Высоких вам конверсий!
Внешний вид аккаунтов определяет отношении к продукту.
Размеры Facebook
Размеры картинок для социальной сети Facebook.Размеры VK
Размеры картинок для социальной сети VK.Размеры Twitter
Картинка для твита: 1024 x 512 px
Обложка: 1500 x 500 px
Фото профиля: 400 x 400 px
Размеры Instagram
Размеры картинок для социальной сети.Картинка для поста: 1080 x 1080 px
Фото профиля: 110 x 110 px
Размеры YouTube
Размеры картинок для социальной сети.Картинка поверх видео: 1280 x 720 px
Обложка канала: 2560 x 1440 px
Фото профиля: 800 x 800 px
Размеры Pinterest
Размеры картинок для социальной сети PinteresКартинка для пина: 735 x 1102 px
Фото профиля: 165 x 165 px
Размеры Linkedin
Размеры картинок для социальной сети Linkedin.Размеры Google+
Размеры картинок для социальной сети Google+.Обложка: 2120 x 1192 px
Фото профиля: 190 x 190 px
Размеры OK.ru
Картинка для поста: 1680 x 1680 pxОбложка: 1340 x 320 px
Фото профиля: 190 x 190 px
Использование приведенной выше информации поспособствует оформлению страницы в социальных сетях.