Почему вконтакте меняет цвета



le_mount

Abnormal Deviation

Пособие для фотографов, выкладывающих свои фотографии ВКонтактик. А также для людей, которые эти фотографии смотрят. То есть пишу это ДЛЯ ВСЕХ 😉

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

Постараюсь писать попроще, чтобы доступней)
В компьютерном мире цвета есть такая штука как цветовые профили. Самое известное — это калибровка/профилирование монитора (ну, чтобы «казал» правильно)). В результате этого процесса в систему (или непосредственно в некоторые модели мониторов) прописывается профиль и вы видите правильные цвета.
Но это у мониторов. Сами файлы/фотки/картинки могут быть тоже с профилями. Самые распространенные — sRGB и Adobe RGB. Первый — стандарт для интернета. Второй придумала Адоуби, что видно из названия. Это более широкое пространство, то есть может вместить в себя бОльшее кол-во оттенков цвета. Оба подходят для интернета.

Есть еще два менее распространенных, но не менее важных — «Melissa RGB» и «ProPhoto RGB». Первое — рабочее пространство программы Adobe Lightroom. То есть в правом верхнем углу Лайтрума вы видите гистограмму именно в этом цветовом пространстве.
ProPhotoRGB — прктически копия пространства «Мелисса», но в него можно экспортнуть фотографию из Лайтрума. И Мелисса и ПроФото шире, чем AdobeRGB (то есть содержат в себе бОльшее кол-во оттенков цвета).
Отсюда итог:
Самое широкое — Мелисса и ПроФото, но они только для обработки фотографий;
Поменьше — AdobeRGB;
Узкое — sRGB.
Обычное RGB рассматривать не будем. Устарело.
Также не буду рассматривать L*a*b — это вы ко мне на семинары приходите лучше или почитайте Маргулиса.

Итак. Работаем в Лайтруме, экспортируем в пространство ProPhoto, открываем в фотошопе, обрабатываем, преобразовываем в sRGB (Convert to Profile) и.

Притормозим на этом и вспомним про то, что фотографии еще надо будет потом посмотреть. В смотрелке какой-нибудь или браузере.

Дело в том, что не все программы могут корректно показать вам фотографии и донести именно тот цвет, который задумал автор. И чтобы не было фраз, типа «черт подери, нахрен он такую кожу ядерную тут сделал?», надо подумать самому — а правильный ли у меня инструмент просмотра фотографий.
[вырезаны куча названий программ и описаний]
Самое лучшее — смотреть в Mozilla FireFox. Он умеет работать с цветом и покажет вам максимально приближенный к задумке автора результат.
Второе по качеству — Гугель Хром. Но не все умеет показывать правильно.
Internet Explorer рассматривать не буду, это гавно по-умолчанию.

«Огненной Лисе» все равно, в каком пространстве будет картинка — sRGB или AdobeRGB. Оба пространства показывает правильно. Тут уже гораздо важнее — какой у вас монитор. Хотите смотреть правильно — покупайте нормальный монитор (можно и за 10 тыщ нормальный найти), калибруйте или настраивайте (инструкций в интернете много) — и наслаждайтесь фотографиями профессионалов. Вы же покупаете дорогую акустику, чтобы насладиться качественным звуком 😉

Теперь о «Контактике». Не знаю почему, но загрузчики фотографий «Контакта» попросту выкидывают из фотографии информацию о прицепленном профиле.
Больше страдают те, у кого профессиональнее монитор. Чем шире охват, тем неправильней показывается фотография.
Ибо если у фотографии нет прицепленного профиля, то даже самые современные браузеры просто прицепляют к нему профиль монитора. Поскольку у нас не древний монитор с sRGB охватом, а что-то купленное после 96 года, то в результате мы видим то, что бывает, если к sRGB фотке применить, скажем, профиль AdobeRGB — пережженый цвет.

Что делать? А ничего не сделаешь. Владельцам мониторов 1996 года выпуска — радоваться. У них все зашибись. Остальным — переключать монитор в режим усеченного показа цветов (ну в тот же sRGB).
Файрфокс нам любом случае покажет неправильную картинку контактовских фоток.
Хром, согласно комментарию Александра Онищенко (мега-гуру в этих вопросах), покажет правильно sRGB версию, если в строчке запуска приписать «—enable-monitor-profile». Но тогда он вообще ко всем картинкам в интернете будет автоматически прикреплять sRGB профиль.

Самое главное — после Convert to Profile » sRGB, при сохранении Save for Web убрать галочку Convert to sRGB и велючить Embed Profile.

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

И вы заметите, что в FireFox последние две будут отображаться одинаково, а первые две (ВКонтактике) — по разному. Самые правдивые цвета — это вторая пара в браузере FireFox.

Итоги:
Ну вы в курсе теперь, да, что Контакт какашка та еще)) Предлагаю написать открытое письмо Дурову с просьбой не выкидывать цветовые профайлы из загружаемых фотографий. Понимаю, что это экономия 4 килобайт, но блин.
Любители позырить фотки ВКонтакте — смотрите фотографии на хреновом 14″ мониторе не позже 1996 года выпуска 😉 Именно они послужили эталоном для создания профиля sRGB. После этого охват мониторов стал шире.
А вообще, фотографии ВКонтакте стоит рассматривать в Хроме с опцией запуска «—enable-monitor-profile» (минусы этого подхода я уже описал)

Источник

«Вконтакте» портит фотографии при загрузке

Вконтакте довольно сильно портит качество загружаемых фотографий. В некоторых случаях это особенно заметно (например, при загрузке очень большого изображения). Я даже размещал примеры того, как были испорчены некоторые фотографии. Возможно, некоторым пользователям это не заметно, но наметанный глаз свадебного фотографа, или просто внимательного человека видит две разные фотографии. Итак, как с этим бороться? До недавнего времени я просто менял размер фотографии, однако, периодически все равно замечал, пусть не такое значительное, но все же ухудшение качества фото. Почитав о данной проблеме в интернете, почерпнул интересную методику, которой (слегка улучшенной) поделюсь с вами.

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

1) Сильно увеличиваем резкость фотографии. В полноразмерном виде фотография должна стать даже слишком резкой, перешарпленной, но после уменьшения резкость придет в норму.

2) Хитрым образом уменьшаем размер фото до того, который любит контактик (1024 по высоте для вертикальных фото, и 1280 по ширине для горизонтальных).

3) Сохраняем не менее хитрым образом, так, чтобы фото не содержало лишней информации, было в цветовом пространстве sRGB и было оптимального качества.

Теперь подробнее. Для примера я взял свою фотографию с красивой lovestory-фотосессии в заброшенной усадьбе.

1. Открываем фото в фотошопе.

2. Создаем дубликат слоя, применяем к нему фильтр — другое — цветовой контраст с радиусом примерно 3 пикселя. Затем выставляем слой в режим «Перекрытие» и делаем сведение. Таким образом, мы увеличили резкость фотографии.

3. Выбираем пункт Изображение -> размер изображения.

4. Выставляем: Для горизонтального изображения — ширину 1920, для вертикального — высоту 1536 (размеры в полтора раза больше конечных), ресамплинг — Бикубическая, с уменьшением (в других версиях фотошопа — Бикубическая, четче), применяем.

5. Выбираем пункт Изображение -> размер изображения.

6. Выставляем: Для горизонтального изображения — ширину 1280, для вертикального — высоту 1024, ресамплинг — Бикубическая, плавные градиенты (в других версиях фотошопа — Бикубическая, наилучшая для плавных градиентов), применяем.

7. Нажимаем Файл -> Сохранить для Web и устройств. Выставляем качество 80, и ставим галочку «Преобразовать в sRGB».

Полученный файл и загружаем в контакт. В результате, потери качества будут минимальны, а цвета будут соответствовать тому, что вы видели на своем мониторе. Я думаю, что данная методика подходит не только для вконтакте, но и для других социальных сетей, и просто передачи файлов через интернет, потому что в результате вы получаете изображение оптимального веса, размера и четкости, которое будет одинаково отображаться в любом цветовом пространстве (т.е. на любом компьютере).

P.S. Вот что пишет поддержка вконтакте по этому поводу:

Качество фотографий при загрузке портится, что делать?

Чтобы минимизировать визуальные потери качества, лучше загружать снимки поменьше (до 1000 пикселей по любой из сторон) и перед загрузкой чуть увеличивать их резкость. Кроме того, лучше не нажимать на строчку «Добавить новые фотографии», а перетаскивать на неё снимок прямо из папки компьютера.

Есть и ещё одна важная деталь: наш загрузчик недолюбливает цветовой профиль Adobe RGB, поэтому перед загрузкой лучше преобразовать картинку для Web. Алгоритм действий такой: в Photoshop’е нужно выбрать «Сохранить для WEB» (Alt+Shift+Ctrl+S), затем редактировать настройки качества и непременно отметить «Конвертировать в sRGB».

Самые ценные снимки стоит загружать в раздел документов — https://vk.com/docs.

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

Update:

На текущий момент VK увеличил размеры хранимых фотографий. На данный момент это 1800х1200, соответственно, вы можете заменить все размеры из статьи на новые.

Источник

Club Nikon: Нечто происходит с цветом при загрузке фотографий — Club Nikon

• Club Nikon
• >Фотография
• >ЦИФРОВАЯ ФОТОГРАФИЯ
• >Настраиваем цвет изображения — всё о цветопередаче, ББ и профилях

• | Последние сообщения |
• | Публикации в галерее |
• | Комментарии в галерее |
• 

• (2 страниц)
• 
• 1
• 2
• →

• Вы не можете создать новую тему
• Вы не можете отвечать в этой теме

Нечто происходит с цветом при загрузке фотографий Почему это случается, можно ли этого избежать и как?

#1 Илья Ретич

• 

• 
• 
• 
• 

• Группа: Пользователи
• Сообщений: 254
• Регистрация: 06-Сентябрь 11
• Пол: Male
• Город: Москва
• Интересы: Горный туризм и спелеология, фото и видеосъемка, авторская песня, программирование
• Фотокамера: NIKON D800
  NIKON D700
  NIKON D90
• Оптика: Nikkor AF-S 18-105mm f/3.5-5.6 G DX VR
  Nikkor AF-S 18-200mm f/3.5-5.6 G DX VRII
  Nikkor AF-S 24-70mm f/2.8 G
  Nikkor AF-S 24-120mm f/4 G VR
  Nikkor AF-S 70-200mm f/2.8 G VRII
  Nikkor AF-S 35mm f/1.8 G DX
  Nikkor MF 50mm f/1.2
  Nikkor AF 50mm f/1.8 D
  Nikkor AF-S 50mm f/1.4 G
  Nikkor AF-S 60mm f/2.8 G MICRO
  Nikkor AF-S 85mm f/1.4 G
  Nikkor MF 105mm f/1.8
  Nikkor AF 105mm f/2 D DC
• Вспышки: NIKON SB-900
  NIKON SB-910

Всем доброе время суток!

Вот и у меня это, наконец, случилось. Неожиданно при загрузке очередной репортажной фотографии ВК резко изменился цвет, особенно это заметно на лице. Причем у меня все стандартно, sRGB. Такие фотографии грузил много раз. Ниже первое фото — то, которое загружал ВК, второе — то, что случилось с фото после загрузки. И, кстати, при загрузке на этот форум происходят те же самые безобразия. Не зря я не доверял ему свои загрузки. А вот на ФОТО-РУ грузится без проблем.

Какие будут версии — почему это произошло, можно ли этого избежать и как?

#2 То чего нет

• 

• 
• 
• 

• Группа: Модераторы
• Сообщений: 7 004
• Регистрация: 06-Октябрь 12
• Пол: Male
• Фотокамера: Nikon

#3 Илья Ретич

• 
• 
• 
• 

• Группа: Пользователи
• Сообщений: 254
• Регистрация: 06-Сентябрь 11
• Пол: Male
• Город: Москва
• Интересы: Горный туризм и спелеология, фото и видеосъемка, авторская песня, программирование
• Фотокамера: NIKON D800
  NIKON D700
  NIKON D90
• Оптика: Nikkor AF-S 18-105mm f/3.5-5.6 G DX VR
  Nikkor AF-S 18-200mm f/3.5-5.6 G DX VRII
  Nikkor AF-S 24-70mm f/2.8 G
  Nikkor AF-S 24-120mm f/4 G VR
  Nikkor AF-S 70-200mm f/2.8 G VRII
  Nikkor AF-S 35mm f/1.8 G DX
  Nikkor MF 50mm f/1.2
  Nikkor AF 50mm f/1.8 D
  Nikkor AF-S 50mm f/1.4 G
  Nikkor AF-S 60mm f/2.8 G MICRO
  Nikkor AF-S 85mm f/1.4 G
  Nikkor MF 105mm f/1.8
  Nikkor AF 105mm f/2 D DC
• Вспышки: NIKON SB-900
  NIKON SB-910

То чего нет (23 Март 2014 — 04:48):

Я снимаю фото на 3-4 камеры, чаще на одну из двух. Конвертирую обычно во ViewNX2 и реже в CaptureNX2, и последнее время в DxO пробую. Затем в некоторых случаях обработка в Photoshop. Финальный ресайз в Photoshop, у загружаемых фотографий всегда стоит sRGB. При съемке иногда бывает AdobeRGB. Мало того, загружаю, как правило, размером 900 по длинной стороне.

ФОТО-РУ, видимо, стирает EXIF. ВК тоже. Загружал именно то, что привел, разрешение 600х900.
Первое фото было загружено на ФОТО-РУ и оно практически идентично тому что загружалось, приведено по ссылке для сравнения.
Второе фото было загружено на ВК и затем оттуда скачано и выложено тут. Хотя с таким же успехом я мог бы сразу тут выкладывать — местный форумовский движок так же безобразно гадит фотографии.

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

#4 Julysha

• 

• 
• 
• 
• 

• Группа: Администраторы
• Сообщений: 50 172
• Регистрация: 17-Июль 07
• Пол: Female
• Фотокамера: Nikon D800E
  Nikon D810
  Nikon D850
  Nikon D700
  Nikon D7200
  Nikon D200
  Fuji S5 Pro
  Nikon z6
  Nikon z7
  Hasselblad L1D-20c (Mavic 2 Pro)
• Оптика: Nikkor 14-24/2.8
  Nikkor 24-70/2.8
  Nikkor 70-200/2.8 VRII
  Nikkor 16-35/4 VR
  Nikkor 24/1.8
  Sigma 24-105/4 Art
  Sigma 50/1.4 Art
  Nikkor 50/1.4 D
  Nikkor 70-300 E ED VR 4.5-5.6 AF-P
  Nikkor-Micro 105/2.8 VR
  Nikkor AF-S 35/1.8 DX
  Nikkor AF-S VR 70-300
  Nikkor 28-300 VR
  Nikkor AF-S 16-85 VR
  Nikkor AF-S 16-80/2.8-4E VR
  Nikkor AF-P 18-55
  Tokina 12-24 /4
  Nikkor Z 24-70/4S
  Nikkor Z 50/1.8 S
  Nikkor Z 20/1.8 S
  Nikkor Z 85/1.8 S
  Tamron 35/1.4 SP
• Вспышки: SB-800
  Nikon DR-6
  GPS: Nikon GP-1 (4 шт.)

Штатив: Gitzo GT2531 Mountaineer +
Manfrotto 468MGRC2

Монитор — NEC PA241W + Eizo CG247X
iMac 27-inch (2017) Retina 5K

Источник