Разрешение фотографии для контакта

Размеры изображений в Вконтакте (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. Для правильного их отображения в профили, загружайте их в основной альбом группы последовательно ,по очереди, начиная с последней (правой), потому что последняя загруженная миниатюра становится самой левой.

Какое разрешение фото для ВК самое качественное. Чтобы можно было выложить без потери качества. В каком разрешении?

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 пикселей по любой из сторон) и перед загрузкой чуть увеличивать их резкость» — цель этой рекомендации — улучшить просмотр уменьшенных картинок;

— никаких «оригиналов» в альбомах не сохраняется, соответствующая кнопка просто показывает ту же картинку, только без экранного оформления и масштабирования;

— если вы, действительно, хотите сохранить оригинал, то его нужно грузить не в альбомы, а в документы — https://vk.com/docs (однако их нельзя будет опубликовать).

Загрузка 2160×2160: https://vk.com/photo16352337_456239019 — на «выходе» те же 2160×2160, но картинка _чуть_ детальнее, так как её резкость была оптимизирована под это разрешение.

Документ 3600×3600: https://vk.com/doc16352337_442475331 — то, что загружалось в альбом в первом случае.
_

Обсуждения

? Загрузка фотографий в ВК без потери качества

90 сообщений

СОХРАНЕНИЕ И ЗАГРУЗКА ФОТОГРАФИЙ В СОЦИАЛЬНУЮ СЕТЬ ВКОНТАКТЕ БЕЗ ПОТЕРИ КАЧЕСТВА.

● Шаг 1. Как правильно сохранять фотографии в фотошопе:
Файл > Экспортировать > Сохранить для Web > Выбираем формат JPEG > Ставим галочку на «Прогрессивный» > Ставим галочку на «Преобразовать в sRGB» > Просмотр: выбираем «Internet Standart RGB» > Разрешение по длинной стороне не должно превышать 2560 пикселей > Готово!

● Шаг 2. Как правильно загружать фотографии вконтакте:
Вконтакте имеет два типа загрузчиков: Flash загрузчик (через кнопку «добавить фотографии») и HTML5 загрузчик (через перетаскивание курсором). Предпочтителен второй вариант, так как он не изменяет разрешение, но максимальный размер по длинной линии не должен превышать 2560 пикселей. Вам нужно перетащить вручную курсором мыши из папки выделенные вами фотографии прямо на страницу в браузере, а не через кнопку «добавить фотографии», таким образом загрузка произойдет через HTML5 загрузчик и качество фотографий не пострадает.

Подскажите, при преобразовании в sRGB меняется яркость цветов. Как можно этого избежать?

(на фотографии слеву RGB, на фотографии справа sRGB)

Разрешение фотографии для контакта

Всегда держись начеку!
Козьма Прутков

Крупнейшая социальная сеть Вконтаке никогда не баловала фотографов. И все же многие и многие из нас выкладывают туда свои снимки, потому что аудитория Контакта поистине огромна. Там есть все: друзья, знакомые, коллеги, клиенты. К тому же Контакт быстро прогрессирует, и если раньше фотографии были ограничены крошечными (604 на 480) размерами и ужасным сжатием, то сейчас потери на сжатии значительно меньше, и фотографии показываются почти во все окно браузера.

Обратной стороной такого стремительного прогресса является то, что за ним трудно уследить. Если сегодня фотографии при загрузке обрабатываются одним способом, то завтра они могут загрузиться совсем по-другому! Изменения зачастую не объявляются и не разъясняются. Все происходит тихо и без ведома пользователя. Что вполне понятно: сайт делают как можно более простым, рассчитанным на самую широкую аудиторию.

Но вернемся к нашим фотографиям. С некоторых пор Контакт стал отображать большие фотографии, которые разворачиваются почти во весь экран. Размер снимка ограничен лишь исходным разрешением картинки, разрешением монитора пользователя и его браузером. При этом сайт хранит оригинал и масштабирует картинку под окно пользователя. Ключевой момент был в том, что после масштабирования у фотографии повышали резкость. Что компенсировало замыливание после изменения размеров.

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

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

Подготовка фотографий для загрузки в Контакт

Часть I. Резкость.

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

В самом популярном на сегодня разрешении монитора 1280х1024 фотография в Контакте «во все окно» получается таких размеров:

Firefox 4.0 – 1058 по горизонтали или 760 по вертикали.

Opera 11 – 1054 по горизонтали или 752 по вертикали.

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

Таким образом, сейчас лучше всего подготавливать снимки 1000px по ширине или 750px по высоте (для вертикальных), самостоятельно повышая их резкость перед загрузкой. При этом они будут отображаться достаточно большими на мониторах 1280х1024 и выше, с оптимальной резкостью, которую настроили мы сами. К сожалению, на мониторах меньшим размером такие снимки будут уменьшаться и терять четкость изображения.

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

Часть II. Цвет.

Порой люди жалуются, что Контакт портит цвет фотографий. Но часто в этом виноват вовсе не Контакт, а неправильный выбор цветового пространства для фотографии. Снимки, загружаемые в интернет (на любой сайт, а не только в Контакт) должны быть в цветовом пространстве sRGB. Если фотография будет в пространстве Adobe RGB, ProPhoto RGB или любом другом цветовом пространстве, отличном от sRGB, то после загрузки в сеть ее цвета будут становиться более тусклыми.

Часть III. Подготовка фотографии для Контакта в Photoshop

Для начала убедимся что наш снимок в sRGB, для этого в левом нижнем углу нажмем на небольшой черный треугольник и в появившемся меню выберем пункт «Профиль документа».

При этом в нижней строке появится цветовое пространство фотографии. Нам нужно чтобы там было написано sRGB IEC61966-2.1, если же там указано другое цветовое пространство, то нам нужно изменить его.

Делается это просто. Идем в меню: Редактирование — Преобразовать в профиль…

И в появившемся окне, в поле Целевое пространство выбираем профиль sRGB. Остальное не трогаем и жмем «ОК». Дело сделано!

Второй шаг — изменение размера. Нажимаем клавиши Ctrl+Alt+I (команда Размер изображения) и в появившемся окне устанавливаем ширину 1000, если у нас горизонтальная фотография, или высоту 750 если фотография вертикальная. При этом должны быть включены все галочки, настройка «Сохранять пропорции» обеспечит нам правильное соотношение сторон. В разделе Интерполяция должно стоять Бикубическая (наилучшая для плавных градиентов). Как сделать чтобы этот алгоритм был установлен по умолчанию, вы можете почитать в статье «Настройки Photoshop».

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

Меню: Фильтр — Усиление резкости — Умная резкость…

Параметры: Эффект 500, Радиус 0,1.

Удалить: Размытие при малой глубине. Галочка «Точнее» включена.

Теперь все готово. Сохраняем фото в формат JPEG с максимальным качеством (все равно Контакт потом пережмет) и загружаем в Контакт! )

Часть IV. Подготовка фотографий для Контакта в Adobe Lightroom

Чтобы два раза не вставать, рассмотрим как подготовить снимки для Контакта с помощью Lightroom. В LR все гораздо проще, нужно настрить парметры экспорта следующим образом:

И все будет красиво! )
А вообще, конечно, снимки нужно печатать, хотя бы 40 на 60 см, а лучше больше!

Примечание: Статья была опубликована 18.04.2011 и обновлена в 3.08.2015.

Как пережать фото под контакт

Все мы знаем, что «контакт» очень портит качество размещаемых фотографий. Если на фотографиях с «мыльницы» это не так заметно, то для фотографов, потративших немало времени и усилий на обработку фотографий, разница очевидна. Красочная и яркая фотография блекнет после добавления в альбом «контакта». Работа превращается из шедевра в обычную «фотку», которых миллионы.
Для обработки изображений воспользуемся программой Photoshop.

Изменяем размер

Фотография в «контакте» при просмотре не растягивается больше 1000 px в ширину. Возьмем это значение за максимальный размер по ширине/высоте. Но при уменьшении размера качество ухудшается, фотография «замыливается». Для того чтобы свести к минимуму негативный эффект, воспользуемся следующим алгоритмом:

  1. Переходим в окно изменения изображения (Изображение -> Размер изображения)
  2. Изменяем размер фотографии до полуторного от нужного (1500px по большей стороне)
  3. Выбираем Интерполяцию «Бикубическая, четче» и сохраняем
  4. Снова переходим в окно изменения изображения
  5. Изменяем размер фотографии до нужного (1000px по большей стороне)
  6. Выбираем Интерполяцию «Бикубическая» и сохраняем

Сохраняем правильно!

Если сохранять стандартно, через «Файл -> Сохранить как», то с фотографией сохранится много лишней информации. Это увеличит размер фотографии. Такая фотография будет хорошо отображаться на локальном компьютере, но не в интернете. Для того чтобы сохранить фотографию для интернета выполняем следующие действия:

  1. Переходим в окно сохранения изображения для web (Файл -> Сохранить для web и устройств)
  2. Выбираем формат JPEG
  3. Качество 80
  4. Ставим галочку «Преобразовать в sRGB» и сохраняем

Применяя такой алгоритм наши фотографии не потеряют в качестве при размещении в социальной сети «контакт».
Всем отличных фотографий!

P. S. Если вам помог этот способ — расскажите о нем своим друзьям в соц. сетях, с помощью кнопочек ниже.

Смотрите еще:

  • Название транспортного налога Транспортный налог в Архангельской области. Транспортный налог в Архангельской области на 2016 год. В этой статье рассмотрим ставки, сроки, льготы транспортного налога в Архангельской области. Ставки транспортного налога в каждом […]
  • Впускные коллектора w164 Замена впускного коллектора Мерседес ML350 W164 Замена впускного коллектора Мерседес ML350 W164 Замена впускного коллектора Мерседес ML350 W164 Возраст Мерседеса ML350 W164 перевалил за 10 лет, почти одиннадцать, пробег 200 тысяч […]
  • Адвокат днепровская Днепровский районный суд. Адвокат Днепровского района Консультации адвоката по вопросам судебных разбирательств в Днепровском районном суде города Киева от 200 гривен . Контактная информация адвоката Днепровского района Телефон: • […]
  • Сайт октябрьского районного суда гпензы Октябрьский районный суд г. Пензы Пензенской области История Октябрьского районного суда начинается с 1963 года, когда бывший Заводской район г. Пензы был переименован в Октябрьский. В настоящее время это один из самых крупных […]
  • Заявление по уходу за нетрудоспособным ЧТО ВАЖНО ЗНАТЬ О НОВОМ ЗАКОНОПРОЕКТЕ О ПЕНСИЯХ Тем гражданам, кто по состоянию здоровья не может самостоятельно ухаживать за собой и вести быт, как правило, кто-нибудь помогает. Неработающие трудоспособные граждане, которые […]
  • Налог при покупке жилья в россии Особенности уплаты налога при покупке квартиры для физических лиц в 2018 году Налог при покупке квартиры в 2018 году для физических лиц определяется действующим законодательством. С 2018 году вступают в силу изменения, которые были […]
  • Штраф 300000 Штраф 300000 Кто-то называет это – штраф 200000 руб. за пьянку. Речь идет о штрафе 200 тыс. рублей за управление транспортным средством в состоянии опьянения. Кому и за что грозит такой штраф? С какого времени этот штраф вступает […]
  • Росреестр по московской области госпошлина Госпошлина в Росреестр: реквизиты, квитанция, возврат Актуально на: 19 июня 2017 г. Образец платежного поручения для уплаты пошлины при подаче заявления непосредственно в Росреестр Государственную регистрацию прав на недвижимое […]