Милый хром своими вкладками сжирает 30 пикселей, а адресной строкой 31 (а может и 30. мерил на глаз). Итого 60-61 пиксель обязательно сожрет браузер и никуда от этого не деться. Про другие браузеры чуть позже.

Кроме вкладок и адресной строки, которые никуда не денешь, у многих пользователей могут быть открыты закладки. Я, например, их постоянно держу развернутыми, так как это экономит время (быстрый доступ к часто используемым сайтам). Закладки отнимают еще 30 пикселей. Итого Google Chrome по высоте может отнимать от 61 до 91 пикселя.

Значит получаем 728 – 61(91) = 667(637) , а это уже меньше максимально допустимой высоты аватарки в 700 пикселей.

Дальше вступают ограничения самого Контакта.

40 пикселей кушает верхняя навигационная панель ВК. Еще 

Итого 40+29+10=79 пикселей на навигацию ВК.

667(637) – 79 = 588 (558 – с панелью закладок)

558 пикселей – максимальная высота аватарки в ВК, которую будет полностью видно на первом экране ноутбука с разрешением 1366*768 пикселей. Но это еще не все!

Если вы хотите, чтобы люди могли подписаться на ваше сообщество легко и без лишних действий, то вам надо учитывать следующие моменты:

Кнопка “подписаться” должна быть на первом экране

Любой специалист по юзабилити скажет вам, что важные элементы должны быть на первом экране. Кнопка “подписаться” таковым элементом является. А это значит, что она уменьшит высоту нашей “идеальной” аватарки.

Давайте разберемся в размерах:

• блок “подписатьсявступить в группу” съедает 77 пикселей
• если это публичная страница и её упоминали в своих записях пользователи, то появляется блок “упоминания” публичной страницы. Вместе со всеми отступами он сожрет 43 пикселя

Итого у нас получается:

• 588 (558)  – 77 = 511(481 – с панелью закладок) – для группы
• 588 (558)  – (77+43) = 468(438 – с панелью закладок)

Давайте допустим, что панель закладок открыта у всех. Значит максимальная высота аватарки, которая будет на первом экране с кнопкой подписаться для группы равна 481px, а для публичной страницы – 438px

Другие браузеры

Я пользуюсь Хромом, потому что он экономит пространство экрана под то, что важно – веб-страницу. Все элементы браузера скомпонованы так, что по высоте он максимум отнимает всего 

Так вот, панели. Они тоже отнимают какое-то пространство по высоте, и я бы накидывал к полученным выше значениям высоты аватарки для группы и публичной странице по 50px … то есть отнимал!

Размеры идеальной аватарки для группы и публичной страницы

1. для группы – 431 пиксель +50*

• для публичной страницы – 388  пикселей +50*

*50 – это запас для других браузеров. Можно не использовать.

После недавнего обновления у Facebook сменились рекомендуемые размеры для оформления, наиболее оптимальные:

— Шапка должна быть 851х314px, но можно взять размер побольше, сохранив пропорции.

— Аватар – 180х180px, но можно загрузить и более высокое разрешение.

Размер аватара группы/паблика должен иметь ширину 200px, а высоту до 500px. Если вы хотите себе квадратный логотип — пожалуйста, загружайте картинку 200 на 200, вертикальный — 200 на 300/400/500.

Твиттер также недавно позволил загружать изображения более высокого разрешения, после обновления стало понятно, что рекомендуемые размеры ориентированы на широкоформатные мониторы высокого разрешения.

Для адекватного отображения минимальный размер шапки должен быть 1500х500px, но советуем взять больше, чтобы не было смазывания.

Аватар – минимум 400х400px.

Минимальное разрешение — 480х270px, но будьте готовы, что на высоком разрешении изображение будет размываться, так как G+ «растягивает» его. Берите максимально доступный размер.

Аватар также редактируется и ставится в форме круга, рекомендуем загружать размером от 250x250px.

Одноклассники

OD позволяет загрузить только уникальный аватар. Шапку изменить можно, но только выбрав одну из предложенных.

Размер логотипа может быть любым, т.к. обрезается до 190х190px и должен иметь форму квадрата. Для нормального отображения достаточно загрузить лого 300 на 300px.

YouTube

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

— Максимальные «вес» — 2 мб.

— Рекомендованный размер — 2560х1440px

Размер аватарки Вконтакте может быть любой. Единственное важное условие – это пропорции 2/5, где 2 – ширина, а 5 – высота аватарки. Это максимальное соотношение, то есть все остальное встроенный редактор Вконтакте просто обрежет.

Если в пропорциях понять сложно, вот таблица с размерами. В ней четко прописаны максимальные ширина и высота аватарки в пикселях. Чем больше пикселей, тем более детализированно будет выглядеть ваша аватарка.

Обратите внимание, что вы можете загрузить картинку только в форматах JPG, GIF или PNG. Создавайте правильные аватарки!

Ширина аватарки  (в пикселях)	200	300	400	500	600	700	и т. д.
Высота аватарки  (в пикселях)	500	750	1000	1250	1500	1750	и

Важные параметры изображений в Вконтакте (VK)

• Аватар в сообществах — 200х300 px (200×500 px) в пропорции 2 к 5. Аватар на личной то странице — 200х500 как и ранее. Можно загружать изображения и большего размера – до 7000 px с каждой стороны. Главное, чтобы соотношение сторон не превышало 2 к 5.
• Миниатюра аватара — круг диаметром 200 px. В настройках загрузки можно перемещать и изменять диаметр.
• Новостное изображение баннера в группе: 510х271 px.

Чтобы картинка аватара или поста не искажалась, необходимо при сохранении в Ps выбрать ФАЙЛ>СОХРАНИТЬ ДЛЯ WEB> в открывшемся окне выбрать функцию sRGB. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите ошибку. Однако опыт SMMщиков говорит о том, что этот метод не дает отличного результата. Чтобы изображение не уменьшались (в гораздо меньшей степени) – делать их в 2-3 раза больше нужного размера.

Загружать изображение рекомендуется обычным перетаскиванием с локального компьютера на строчку загрузки в ВК. Этот способ рекомендует техническая поддержка Вк, также они рекомендуют загружать изображения до 1000 px.

В новом дизайне VK, ширина ленты новостей — фиксирована, поэтому изображение, прикрепляемое к посту, больше не растягивается. Поэтому, что бы изображение полностью заняло отведенное ему место в ленте новостей, его ширина должна быть не меньше 510 пикселей.

Изображения к постам со ссылкой

Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вставляется ссылка. Данные берутся из разметки Open Graph. Если Open Graph нету на сайте, заголовок и описание вытягиваются из Title и Description, а изображение – из страницы, его можно менять с помощью специальных стрелочек.

Изображение для Вики-страницы

Чтобы изображение занимало всю ширину вики-страницы, выберите изображение не меньше 610 px в ширину, либо большего размера главное в пропорции. Вы можете взять картинку и большей ширины, но тогда необходимо вручную подредактировать их размеры.

Товары ВКонтакте

Размер изображений для товаров должны быть минимум — 400рх, максимум — 7000рх по одной из сторон, оптимальный же размер будет 1000рх на 1000рх, всего можно добавлять 4 фото к одному товару. Изображение «подборки» — 580рх на 320рх.

Размер обложки для группы вконтакте

Из-за своего размера обложка позволяет добавляет больше возможностей при оформлении группы. Название, миниатюра (аватар), статус и главные кнопки остаются на тех же местах, но переместились ниже под обложку.

Что бы включить обложку для групп в вконтакте заходим в «Действия», что находится сразу под авкой группы, где выбираем «Управление», где есть пункт «Обложка Сообщества», нажимаем загрузка – готово. Рекомендуемый размер обложки составляет 795x200px, но стоит добавлять в размере 1590x400px для оптимального отображения на больших экранах.

Размер изображений альбома (фотостатус) в группе VK

Фотостатус, это минюатюры изображений, которые отображаются в основном альбоме. Их оптимальный размер — 123px на 123px. Для правильного их отображения в профили, загружайте их в основной альбом группы последовательно ,по очереди, начиная с последней (правой), потому что последняя загруженная миниатюра становится самой левой.

Facebook

Изображение профайла (аватар), имеет максимальный размер 180х180 пикселей, идеальным будет изображение 160х160 пикселей, чтобы оставалось место для фона.

Изображение обложки, имеет максимальный размер – 851х315 пикселей, все что более. Будет обрезаться. Минимальный размер обложки – 399х150 пикселей.

Для изображения обложки, идеально подходят файлы JPG не более 100 KB.

YouTube

Размер обложки вашего канала на YouTube, может быть нескольких размеров, так как платформа используется для разных видов устройств:

Для стационарных ПК – 2560х1440 пикселей

Для планшетов – 1855х423 пикселя

Для телевизоров – 2560х1440 пикселей

Twitter

Изображение обложки имеет размер – 1500х500 пикселей, максимальный размер изображения не должен превышать 10MB, рекомендуется использовать файлы в GIF, JPEG, PNG.

Изображение профайла – 400х400 пикселей. Рекомендуется использовать файлы JPEG, PNG, размером не более 100 KB.

Размер публикуемого изображения – 400х220 пикселей, максимальный размер файла. 5MB и 3 MB для GIF файлов.

Google+

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

Изображение обложки рекомендуется использовать в размере – 1080х608 пикселей, максимальное изображение – 2120х1192 пикселей, минимальное —  480х270 пикселей.

Instagram

Изображение профайла имеет размер – 110х110 пикселей.

Изображения, загруженные в профиль, имеют размер – 161х161 пиксель.

Максимальный размер загружаемого фото – 640х640 пикселей. Все, что более, обрезается.

Pinterest

Изображение профайла – 165х165 пикселей находясь на домашней странице, в общем виде, оно имеет размер — 32х32 пикселя.

Наиболее важным изображением в Pinterest, является оформление обложки доски, оно имеет размер – 220х150 пикселей.

Четыре (рандом) изображения внизу доски, имеют размер – 50х50 пикселей.

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

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

♬ r&b loop – Official Sound Studio

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

Одним из лучших способов достижения обеих целей брендинга является визуальный дизайн.

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

Изучение лучших размеров изображений поможет вам далеко продвинуться.

Эта «памятка» предлагает вам краткое руководство по оптимальным размерам изображений для различных сайтов (включая Facebook, Instagram, LinkedIn, YouTube и TikTok), отсортированных по социальным сетям. Это поможет вам разработать лучшую стратегию для каждой из ваших кампаний.

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

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

Размеры и требования к изображениям в социальных сетях

Требования к изображениям брендов в социальных сетях регулярно меняются. Наша шпаргалка гарантирует, что вы готовы идти впереди кривой обучения в 2022 году.

• Facebook
• Инстаграм
• LinkedIn
• Средний
• Пинтерест
• ТикТок
• Тамблер
• Твиттер
• Ютуб

Если вы разрабатываете веб-сайты с помощью GoDaddy Websites + Marketing, интеграция с социальными сетями уже встроена. А если вам нужна небольшая помощь в расширении ваших социальных сетей, GoDaddy Social вас поддержит.

Наконец, если вам нужна помощь в создании логотипа, рассмотрите возможность использования бесплатного конструктора логотипов GoDaddy для вдохновения.

Связанный: Как создать календарь контента

Размеры изображений Facebook

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

Facebook является самой популярной из всех платформ социальных сетей, согласно исследованию Statista.com (на которое будут ссылаться в оставшейся части этой шпаргалки). Facebook в основном используется людьми в возрасте от 25 до 50 лет, что делает его идеальной платформой для рекламы более широкой аудитории. Поскольку сайт используется довольно небрежно (в отличие от социальных сетей, ориентированных на рабочие места, таких как LinkedIn), реклама в Facebook идеально подходит для продажи товаров для дома, одежды и подарков.

Примечание редактора: Заинтересованы в создании уникального логотипа для изображения вашего профиля? Попробуйте новый бесплатный конструктор логотипов от GoDaddy.

Размеры изображений в Instagram

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

Instagram — четвертая по популярности платформа, что делает ее еще одним важным претендентом на рекламу.

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

Наличие четкого имиджа в LinkedIn создает впечатление сплоченного бренда, даже если вы представляете новый малый бизнес. Убедитесь, что у вас есть все базовые сведения о LinkedIn, включая фотографию профиля, обложку и общие ресурсы для вашей бизнес-страницы в LinkedIn.

LinkedIn уникален своим углом. В то время как платформы социальных сетей, такие как Facebook и Pinterest, в основном ориентированы на случайные сообщения, LinkedIn постоянно занимается бизнесом, что делает его идеальным для небольших магазинов, желающих продавать товары и/или услуги, связанные с бизнесом. Обратите внимание, что пользователи LinkedIn в основном относятся к возрастной группе от 36 до 50+.

Средние размеры изображений

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

Medium позволяет своим пользователям публиковать длинные статьи на выбранную ими тему, предоставляя уникальную альтернативу традиционному ведению блога. Medium в основном рассчитан на мужчин в возрасте от 26 до 50 лет, что делает его идеальной платформой для маркетинга для парней, которым нравятся авторские статьи.

Размеры изображений Pinterest

Pinterest — это визуальная платформа, которая делает упор на фотографии и возможность делиться ими.

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

Это изображения, которые наиболее эффективно привлекают внимание на этой платформе.

Pinterest — уникальный сайт по сравнению с Facebook и Twitter, потому что он меньше зависит от индивидуальных публикаций и больше от обмена булавками и добавления их на доски. Эта платформа также уникальна своей аудиторией, которая состоит в основном из женщин старше 35 лет.

Размеры изображений TikTok

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

Будучи седьмой по популярности платформой социальных сетей, TikTok является ОГРОМНОЙ платформой для людей в возрасте от 20 до 20 лет. Рекламодатели часто спонсируют публикации в TikTok от известных влиятельных лиц, но также можно создать бизнес-аккаунт, чтобы продвигать свои собственные продукты.

Tumblr

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

В Tumblr есть пользователи разного возраста, от 18 до 50 лет. Вероятно, это связано с тем, что сайт обслуживает широкий круг интересов и фанатов. Имейте это в виду, изучая варианты продвижения.

Размеры изображений Twitter

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

Твиттер, который когда-то принимал очень молодую возрастную группу, теперь в основном используется мужчинами в возрасте от 26 до 50 лет, при этом немалая часть мужчин старше 50 лет. Твиттер мог бы стать эффективной платформой для малого бизнеса, стремящегося расширить свои товары/услуги этой аудитории.

Размеры изображений YouTube

YouTube — это прежде всего визуальные эффекты, и дизайн эскизов особенно важен для успешного видео.

Подчеркните тон и угол вашего бренда с помощью ярких цветов и простого, привлекающего внимание текста.

YouTube обслуживает более молодую аудиторию, при этом большая часть их зрителей (17%) моложе 25 лет и 41% в возрасте от 26 до 35 лет. воспроизводиться до или во время видео или напрямую спонсировать влиятельных лиц. Как и в TikTok, при планировании рекламы на YouTube учитывайте потенциальную виральность видео и продуктов.

Но подождите — это еще не все!

Визуальная сторона социальных сетей постоянно развивается. Вот некоторые дополнительные ресурсы, которые углубляются во все эти области:

Справочный центр Facebook

Изображения Instagram

Размеры изображения профиля LinkedIn

Размеры изображения страницы компании LinkedIn

Средние размеры изображений

Средние изображения для публикаций

Настройка профиля Twitter

Создание обложки канала для YouTube

Разрешение видео YouTube

Изображение значка канала YouTube

Поддержка TikTok

Если вам нужна дополнительная социальная поддержка, обратитесь к специалистам GoDaddy. Соцсети могут помочь. Мы будем управлять вашим присутствием в Интернете, чтобы у вас было больше времени для роста.

Эта статья содержит материалы, изначально опубликованные Крисом Карфи в блоге GoDaddy.

10 фото профиля, которые помогут вам выделиться

Сегодня социальные сети стали важной частью нашей повседневной жизни. Независимо от того, находитесь ли вы в Instagram, Facebook, Twitter, LinkedIn или на другой платформе социальных сетей, фотография вашего профиля — это первое, что люди видят, когда просматривают ваш профиль.

Хорошая фотография профиля может помочь людям составить о вас лучшее впечатление и повысить вероятность того, что они захотят подписаться на вас или связаться с вами.

Не знаете, что поставить в качестве аватарки? Вы пришли в нужное место. Мы собрали 10 идей для аватарки, которые помогут вам выделить вашу аватарку. Давайте погрузимся и узнаем больше!