Размеры изображений в Вконтакте (VK) (Последние изменения за 2017)
Размеры изображения в Вконтакте важно учитывать, потому что изображения меньше рекомендованного размера «растягиваются» и становятся нечеткими, а картинки большего размера могут сжиматься программным способом и терять в качестве по сравнению с оригиналом. Как итог если изображение отличается от рекомендованного размером, то она может обрезаться в неудачном месте.
В этой статье мы рассмотрим размеры изображений в новом дизайне Вконтакта 2016 года.
Ну а прежде чем мы перейдем к детальному рассмотрению тематики данной статьи хочется сказать пару слов и об эффективном продвижении групп и страниц Вконтакте. Раскрутка группы Вконтакте обусловлена привлечением целевой и активной аудитории. Заниматься привлечением самостоятельно порой бывает проблематично и крайне трудо затратно. Потому рекомендуем обратиться к профессионалам своего дела — подробнее. Пользуемся
Важные параметры изображений в Вконтакте (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 | Размеры изображений в Twitter | Размеры изображений в Instagram | Размеры изображений в YouTube | Размеры изображений в Pinterest | Размеры изображений в Одноклассниках
Размеры изображений для социальных сетей: Вконтакте, Instagram и другие
Размеры изображений для самых популярных соцсетей
Скорее всего вы не раз замечали, как сильно ухудшается качество фото после загрузки в ту или иную соцсеть. Размеры изображения меняются, само фото кадрируется, а цвета уже не такие сочные как при просмотре на ПК или смартфоне. В данной статье собраны свежайшие рекомендации для девяти соцсетей.
Размер изображения поста: 1080×1080 пикселей.
Размер фото профиля: 110х110 пикселей.
ВКонтакте
Размер изображения поста: 700 х 500 пикселей.
Размер фото профиля: 200 х 500 пикселей (минимальный размер 200х200 пикселей).
Для того чтобы свести потери качества к минимуму, желательно загружать изображение в разрешении не больше 1000 пикселей по любой из сторон. Плюс, немного увеличить резкость. Не рекомендуется загружать изображение через кнопку «Добавить фото» лучше перетащить его с рабочего стола или папки. Загрузчик «В Контакте» терпеть не может цветовой профиль Adobe RGB, поэтому лучше сразу перевести изображение в Web.
Размер фото профиля: 170х170 пикселей на ПК и 128х128 на мобильных устройствах.
Размер изображения поста: 1200х628 пикселей.
Обложка страницы: 820х312 пикселей.
Для того чтобы добиться более высокого качества, загружаемого изображения и сохранить исходную цветопередачу, желательно перевести его в PNG.
Размер фото профиля: 400×400 пикселей.
Размер обложки профиля: 1500×500 пикселей.
Изображение твита: 1024х512 пикселей.
Твиттер поддерживает загрузку фото в следующих форматах: PNG, JPG, GIF. Поддержки анимированных GIF-файлов нет.
YouTube
Размер фото профиля: 800х800 пикселей.
Обложка канала: 2560×1440 пикселей.
Изображение сверху видео: 1280х720 пикселей.
Дизайн YouTube канала на разных устройствах тоже смотрится по-разному, поэтому оптимальным вариантом будет загрузка изображения в разрешение: 2560×1440 пикселей. При этом, размер файла не должен превышать 4 мб.
Одноклассники
Размер фото профиля: 190х190 пикселей.
Размер обложки профиля: 1340х320 пикселей.
Размер изображения поста: 1680х1680 пикселей.
Google+
Размер обложки профиля: 2120×1192 пикселей.
Размер фото профиля: 250х250 пикселей.
Размер обложки профиля: 646х220 пикселей.
Размер фото профиля: 400х400 пикселей.
Изображение поста: 350х230 пикселей.
Размер фото профиля: 165х165 пикселей.
Фото пина: 735х1102 пикселей.
Если изображение окажется слишком узким – Pinterest ее автоматически обрезает, а в исходном размере показывает только при клике.
Актуальные требования к изображениям Вконтакте
Те, кому приходилось оформлять группу Вконтакте, знают, что «запилить» вирусную картинку – мало. Требования к расширению и размеру графического контента меняются вместе с интерфейсом этой соцсети. Есть чисто дизайнерские приемы, которые помогают зрителю лучше воспринимать месседж.
Некоторые часами бьются в попытках адаптировать размер картинки, а она только искажается. В итоге публикуют подходящую технически, но менее концептуальную или оторванную от общего стиля поста/группы. Впечатление от такой группы, а значит, и эффективность продвижения страдают.
Только вкусно и понятно оформленная страница привлекает внимание и вызывает желание на ней задержаться. Это значит, что каждый графический элемент, от контентной картинки до виджета приветствия и рекламы, должен быть продуман. Давайте же разбираться.
- Аватар должен быть не менее 200х200 пикселей. Параметры можно увеличивать до 7000 точек с каждой стороны – в этом случае ошибка при загрузке не высветится, но при отображении кусок картинки будет обрезан. Оптимальное соотношение сторон для аватара – 200х500 пикселей (2:5).
- Полносайтовый размер обложки – 1590х400 пикселей. При просмотре с мобильных устройств отображается только 1196х400 пикселей, то есть вся стратегическая информация должна уместиться в эти рамки, если вы хотите, чтобы ее увидели пользователи с мобильного.
- Изображения в ленте лучше приводить к размеру 510х510. Ориентация – квадратная или альбомная (горизонтальная). Учтите, что при альбомной ориентации (чем меньше высота) картинка выглядит немного мельче. Это не критично, но за идеал стоит взять квадрат.
- Изображения, которые подтягиваются со ссылкой, берутся из кода разметки или из самой статьи (если изображений несколько, можно выбрать) или грузятся прямо с рабочего стола. В последнем случае разрешение картинки – 537х240 пикселей.
- Когда вы создаете статью в редакторе, выбирайте изображение 510х286 пикселей. Фон и надпись должны контрастировать, чтобы пользователь мог легко прочитать название. Блеклые или слишком кислотные заголовки снижают открываемость ссылок, каким бы сильным ни был контент.
- Дальше – Истории. Фото – 1080х1920, видео – 720х1280. Оба, как видно, должны иметь вертикальное расположение. Вес видео не может превышать 5 Мб, а длительность – 15 секунд. Дополнительные требования – кодек h.264, звук ААС.
- Выбирая фотографию для обложки фотоальбома, ориентируйтесь на 1200х800 пикселей. Помните, что мобильная версия почти всегда отличается от десктопной, а в данном случае низ обложки будет урезан на 200 пикселей.
- Максимальная ширина картинки для вики-страницы – 607 пикселей. Учтите, что файлы большего размера автоматически уменьшаются до 400, поэтому если ваша картинка – «не формат», измените размер во вкладке редактирование.
Создаем правильный аватар
Ключевое изображение на странице – это ваш аватар. Глядя на него, люди делают первые подсознательные выводы. Возьмите на заметку несколько простых рекомендаций к оформлению аватара, чтобы он создавал исключительно благоприятное впечатление и совершал целевое действие.
- Соблюдайте единство стиля: то есть аватар должен гармонично смотреться рядом с обложкой и другими графическими элементами.
- Аватар и миниатюра могут быть разными. Не 2 отдельно загруженных файла, а один большой с выделенной областью, которая смотрится как отдельное изображение.
- Миниатюра аватара должна читаться без труда – используйте крупнее шрифт, но помните, что текст не должен выходить за пределы круга.
- На фоне пестрящих аватарок ваша не должна теряться – включите креатив, чтобы придумать, чем вы можете выделиться, кроме цвета.
- Оставьте на аватаре только главную информацию, используйте однотонный фон, так как обилие слоев только отталкивает зрителя.
Последний пункт обычно вызывает вопросы. А что же главное? Если конечная ваша цель – это продажа, то на аватаре лучше разместить триггеры, которые приведут пользователя к покупке.
- Так, вы можете оставить свой оффер (например, «доставим за 30 минут или вернем деньги») и любые преимущества вашего бренда.
- Используйте аватар как доску объявлений: если у вас намечается большое мероприятие или проходит акция, дайте об этом знать.
- И, конечно, аватар – это стратегическое место для контактов. Клиент не должен искать ваш телефон или адрес. Способы связи по умолчанию должны быть на самом видном месте.
Аватар – это не имя на всю жизнь, его можно и нужно периодически менять. Определитесь, какую информацию вы хотите донести и отталкивайтесь от этого в своих экспериментах с оформлением и контентом.
Заключение
На первый взгляд, нюансов при оформлении страницы ВК настолько много, что хочется пойти против правил. Но если учесть, что аватар и изображения вообще – чуть ли на главные инструменты маркетолога и именно с их помощью можно настроить клиента на нужную для покупки эмоцию, то стоит заморочиться. А вы как думаете?
Хотите научиться продавать в удовольствие и при этом всегда добиваться результатов, которым можно позавидовать? Регистрируйтесь на бесплатный мастер-класс «Вебинарное джиу-джитсу», стартуем сегодня >>>
Какое разрешение фото для ВК самое качественное. Чтобы можно было выложить без потери качества. В каком разрешении?
Вк жмёт. Но есть просмотр оригинала
На vk.ru имеется FAQ, в котором про максимальные размеры фото написано.
1. Максимальный размер изображения во «вконтакте» периодически меняется. Дальнейшая речь пойдёт о загрузке в альбомы с ПК, а не мобильного устройства. 2. «Предпоследняя» известная мне версия загрузчика допускала два варианта: на основе flash («обычная» загрузка — ограничение 2048 пикселей по длинной стороне) и html5 («перетаскиванием» файлов — drag-and-drop — 2560 пикселей). «Предпредпоследняя» имела ограничение в 1280 пикселей, ещё более ранняя — 1024. 3. Последняя на сегодня версия всегда ограничивает размер фотографий 2160 пикселей по длинной стороне. Ранее загруженные фотографии в 2560 пикселей такими и остались (т. е. не «обрезались» и не уменьшились). Учтите, что фотографии с суммой длины и ширины больше 14000 пикселей не загрузятся вообще. 4. «ВКонтакт» _всегда_ «пережимает» фотографии: сейчас, если они больше 2160 пикселей, то они, дополнительно, уменьшаются до этого размера; если нет — то только «жмутся». 5. Параметры этого JPEG сжатия достаточно жёсткие: выборка 4:2:0 (т. е. цветовое разрешение уменьшено в два раза и по вертикали и по горизонтали), качество — 87%. Поэтому изменения могут быть заметны — степень этой заметности сильно зависит от типа изображения (многоцветные изображения с большим числом мелких деталей «страдают» больше). В итоге _на сегодня_: — лучшим способом, с точки сохранения качества, будет загрузка фотографий размером в 2160 пикселей по длинной стороне, оптимизированных к этому разрешению; сам «вконтакт» рекомендует «загружать снимки поменьше (до 1000 пикселей по любой из сторон) и перед загрузкой чуть увеличивать их резкость» — цель этой рекомендации — улучшить просмотр уменьшенных картинок; — никаких «оригиналов» в альбомах не сохраняется, соответствующая кнопка просто показывает ту же картинку, только без экранного оформления и масштабирования; — если вы, действительно, хотите сохранить оригинал, то его нужно грузить не в альбомы, а в документы — <a rel=»nofollow» href=»https://vk.com/docs» target=»_blank»>https://vk.com/docs</a> (однако их нельзя будет опубликовать). Примеры. Загрузка 3600×3600: <a rel=»nofollow» href=»https://vk.com/photo16352337_456239018″ target=»_blank»>https://vk.com/photo16352337_456239018</a> — ВК «ужал» его до 2160×2160. Загрузка 2160×2160: <a rel=»nofollow» href=»https://vk.com/photo16352337_456239019″ target=»_blank»>https://vk.com/photo16352337_456239019</a> — на «выходе» те же 2160×2160, но картинка _чуть_ детальнее, так как её резкость была оптимизирована под это разрешение. Документ 3600×3600: <a rel=»nofollow» href=»https://vk.com/doc16352337_442475331″ target=»_blank»>https://vk.com/doc16352337_442475331</a> — то, что загружалось в альбом в первом случае. _ <img src=»https://otvet.imgsmail.ru/download/1645975_cafde83005495290f1b653bfc33c7fef_800.jpg» alt=»» data-big=»1″ data-lsrc=»//otvet.imgsmail.ru/download/1645975_cafde83005495290f1b653bfc33c7fef_120x120.jpg»>
Короче, фото при загрузке по HTML 5 ( методом drag-and-drop ) должно влезать в <a rel=»nofollow» href=»https://vk.com/exnikon?z=photo282579060_456239023/album282579060_00/rev» target=»_blank» >ЭТОТ ПРЯМОУГОЛЬНИК</a> 2560х2160 Px нажми ЕЩЁ=>Открыть оригинал
Чем меньше, тем качественней.
бесконечное число на бесконечное число пикселей.
Короче не нужно парится! все просто если хотите кидать фотки в оригинале как делаю я ( кидаю фотки 48мп камеры) просто загружайте как ФАЙЛ а не как фотографию качество при этом остается как есть и разрешение