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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Самые ценные снимки стоит загружать в раздел документов -

К фотохостингу ВКонтакте есть два основных вопроса: какой размер изображения получится у загруженных фотографий и какого качества они будут. Неделю назад написал про размер фотографий, загружаемых ВКонтакте, что существует два способа через проводник и Drag&Drop. Иначе эти способы называют загрузкой через flash и HTML5. Для получения в своих альбомах больших фотографий, нужно пользоваться вторым способом. После этого внимательно изучил записи о фотозагрузчике ВКонтакте, чтобы подойти ко второму вопросу: качество или алгоритм сжатия изображений. Второй материал публикую на своем сайте, по причине демонстрации оригинальных и сжатых разными способами фотографий.

Во-первых, нужно определить момент в каком разрешении пользователь смотрит фотографии чаще всего. Большинство мониторов по длинной стороне имеют 1280 точек, статистику можно поднять, она это подтвердит. Пользуясь браузером в полнооконном режиме пользователь будет получать выводимое изображение с длинной стороной 1050-1060 точек, в зависимости от программы. Чтобы добиться максимального качества от ВКонтакте в связке с любым браузером, не имеет смысла загружать изображения большего размера, иначе фотографии будут пережаты ВКонтакте или скриптом браузера. Задача добиться от обработчика ВКонтакте минимума операций над изображениями, фотограф должен контролировать размер выходного изображения и параметры повышения резкости.

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

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

Загрузил фотографии ВКонтакте. Способ flash или HTML5 не имеет значения пока не выходим за рамки 1280 px по длинной стороне, качество сжатия одинаковое. Первая фотография оригинал загруженный через flash, затем HTML5, третья фотография с поднятой резкостью.

В вопросах и ответах сообщества Live приведены выдержки из диалога с поддержкой ВКонтакте, где утверждается, что обработчик изображений ВКонткте сжимает на 20%. Это не так, по моим скромным подсчетам от 40% и больше. Для демонстрации моего утверждения есть два файла оригинальный и прошарпленный, сохраненные в Photoshop через Save for WEB с качеством 60. Только с понижением качества на 40%, получил сходные по размеру файлы. Алгоритм сжатия изображений ВКонтакте нигде не описан.

Последний этап, самый интересный — сравнение изображений. Для сравнения двух изображений пользовался режимом Difference. Два одинаковых изображения в режиме наложения Difference дадут черное поле. Сравнивать между собой оригинал с 60% качества и файл из ВКонтакте не имеет смысла, разница есть, но нет точки отсчета для качества изображения. Примеры сравнения оригинала 100% и 60%, затем оригинала 100% и сжатого обработчиком ВКонтакте. Как видно на изображении, разница есть, но она не существенна. Для того, чтобы визуально оценить ухудшения качества изображения, контраст принудительно поднят в 8 раз, светлая точка контрастной кривой сдвинута на 224 пункта.

Разница между оригинала 100% и 60% качества сохранения.

Разница между оригинала 100% и обработчиком ВКонтакте. На втором изображении гораздо больше артефактов, ниже детализация и контурная резкость.

Прошарпленный оригинал 100% и после обработчика ВКонтакте. Ситуация похожа на предыдущую картинку. Разница в качестве изображений есть, но ее удается выявить только при искусственном усиление проблемы.

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

Последняя подборка изображений для демонстрации приемлемого качества, выдаваемого обработчиком фотографий ВКонтакте. Слева оригинал 100% изображения, справа после загрузки ВКонтакте.

Слева прошарпленный оригинал изображения со 100% качеством сохранения, справа загруженный ВКонтакте.

Вывод. Как загружать фотографии ВКонтакте высокого качества? Определяем размер изображения, поднимаем резкость уменьшенного изображения, сохраняем в Photoshop с максимальными настройками качества, загружаем ВКонтакте. Если хотим сохранить изображение в социальной сети размером от 1280 до 2560, при загрузке пользуемся методом Drag&Drop.

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

Что требуется? Какое должно быть фото?

Нужно сделать достаточно качественное фото, где видно твое лицо рядом с экраном и заявку на экране, которую ты оформляешь. Служба поддержки сравнит твое лицо с лицом на фотографиях на странице, которую ты хочешь восстановить (если фотографии на странице есть, хотя бы одна!), и убедится, что с просьбой о восстановлении обращается именно настоящий владелец страницы, а не злоумышленник. А заявка на фоне нужна, чтобы злоумышленник не мог взять любое твое фото и отправить от твоего имени. Теперь ты понимаешь, что такие требования нужны для безопасности твоей же страницы.

Как правильно сделать фото?

Нужно сделать свой фотопортрет на фоне монитора (экрана), чтобы было хорошо видно твое лицо и заявку на экране. Фотография должна быть четкая (в фокусе), освещение должно быть хорошее (лицо не должно быть в тени). Советуем использовать горизонтальный формат фото (альбомную ориентацию). Удобнее будет, если ты попросишь кого-нибудь тебе помочь. Если ты пользуешься ВК только с телефона и у тебя нет компьютера, ноутбука или планшета, придется найти что-нибудь из этого. К тому же отправлять заявку рекомендуется именно с компьютера. С телефона у многих возникают проблемы.

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

Почему ВКонтакте не принимает фото?

ВКонтакте проверяют качество твоего фото и не одобряют заявку, если фото недостаточно качественное. Либо заявка просто не отправляется, если фото плохое. Проблему можно решить. Тебе нужно только понять, что сделать хорошее фото — это твоя личная забота. Бесполезно плакаться в поддержку и чего-то просить. Свою проблему ты должен решить сам. Придется сделать фото заново и отправить еще раз.

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

Теперь конкретные решения для разных ситуаций:

Фотография на фоне заявки слишком темная

Слишком темное фото

ВК пишет: «Фотография на фоне заявки слишком темная, попробуйте сфотографироваться в хорошо освещенном помещении, использовать вспышку или уменьшить яркость экрана». Как исправить?

• Сделай свет в комнате поярче, включи еще один источник света, направь свет на лицо (настольная лампа, торшер и т.п.) и сделай фото еще раз.
• Если фотографируешься вечером, попробуй лучше сделать это утром или днем, когда в комнате светло.
• Попробуй сделать экран более темным (убавить яркость).
• Нельзя фотографироваться напротив окна, напротив светильника. Источники света должны быть позади фотокамеры или сбоку, но никак не в кадре.
• Если телефон автоматически регулирует яркость так, что экран очень светлый, а лицо очень темное, попробуй настроить яркость. Можно нажать на экране на темное место — например, лицо, стену, тень, чтобы баланс яркости отрегулировался.
• Попробуй включить вспышку на телефоне (фотоаппарате). Но если она отразится в экране, будет хуже.
• Если есть планшет, попробуй открыть на нем создание заявки и выйти с ним на улицу днем, чтобы сделать фото.

Главный секрет: сделай в комнате как можно светлее. Фотографируйся днем. Добавь еще больше света. Включи люстру. Принеси светильники и направь на себя. Но в кадре источников света не должно быть (кроме экрана с заявкой).

Изображение слишком низкого качества

ВК пишет: «Вы пытаетесь загрузить изображение слишком низкого качества. Пожалуйста, приложите фотографию в большем разрешении». Что делать? Есть требование: фото должно быть размером не менее 1300 пикселей (точек) по горизонтали. Вовсе не обязательно искать другой телефон с более хорошей камерой или фотоаппарат. Большинство современных телефонов могут сделать такое фото без проблем. Советуем при съемке использовать горизонтальный формат фото (альбомную ориентацию), когда длинная сторона — горизонтальная.

Возможно, дело в настройках камеры, если по какой-то причине она делает фото низкого разрешения. Скажешь, у тебя 18 мегапикселей, фото отличные, чем вас не устраивают? А может, когда-то ты выбрал в настройках камеры низкое качество, как на самом дешманском телефоне. Если смотришь фото только на маленьком экране, то для тебя и разницы нет. Настрой камеру на самое высокое качество или попроси кого-нибудь разобраться. Если ничего не получается, попроси знакомого с хорошим телефоном сфотографировать тебя.

Как узнать размеры фото на компьютере?

1. Открой папку, где хранится фото.
2. Нажми на фото левой кнопкой мышки один раз (выдели это фото).
3. Внизу окна будет показан размер. Например, 960×720 — это мало, а 1300×1000 — уже достаточно.

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

Фото нечеткое (не в фокусе)

Если резкость фото недостаточная (лицо или экран с заявкой получились нечеткие, не в фокусе или смазались), то его не примут. На телефоне можно сфокусировать изображение, нажав пальцем на экране на то место, куда нужно навести резкость — на лицо или на экран. Расстояние от головы до экрана должно быть небольшое. На фотоаппарате фокус наводится, когда ты нажимаешь кнопку спуска не до конца (наполовину). А если фокусировка не автоматическая, а ручная, то нужно крутить кольцо на объективе.

А если фото смазывается и не получается сделать четкое, значит, в комнате слишком темно. Сделай так, чтобы освещение было хорошее.

Фото зернистое, некачественное

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

Фото не загружается или не отправляется, выходит ошибка

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

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

На странице, которую хочу восстановить, нет моих фотографий

Тогда и смысла нет отправлять свое фото на фоне заявки — твоя заявка будет отклонена. Почему? Объяснение здесь: Заявка на восстановление страницы ВКонтакте отклонена. Что делать? Единственное исключение — если фотографии на странице были, но удалены человеком, который взломал ее (читай там же).

В том числе в высоком разрешении, мне задали вопрос, пережимает ли Вконтакт фотографии или нет.

Ответ простой: смотря как отправлять (может пережимать, а может не пережимать). Подробный разбор, с примерами, под катом.

Если вы отправляете фото сообщением или через стену/пост как "фотографию", то она повергается на сервере обработке и/или изменению размеров. Чтобы ещё раз в этом убедиться, я отправил два снимка JPEG, один в web-разрешении (1400x915 точек), а другой в полном разрешении сначала "как фото", а затем "как документ":

Когда вы прикрепляете нечто к сообщению, посту на стене или в паблике, есть выбор как именно это прикрепить:

В зависимости от выбранного способа изменяется и то, как вы скачиваете файл:

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

Теперь разберёмся что и как меняется.

Снимок, 1400x915 размером 141 килобайт, отправленный как "фотография", подвергся малозаметному визуальному изменению. Разрешение фотографии осталось неизменным, но изменился размер файла - он сократился до 105 килобайт. К тому же, из снимка полностью была удалена сервисная зона EXIF и IPTC, в которых сохраняется информация о параметрах съёмки и обработки, авторских правах и т.д. Сравнивая попиксельно фотографии до и после отправки, я увидел, что на фото незначительно усилились шумы и изменилась резкость. То есть, снимок претерпел некоторое "улучшение" движком сервиса.

Снимок в полном разрешении 4978x7618 (38 мегапикселей) при передаче "как фотография" претерпел куда большую обработку. Размер файла сократился с 1,58 мегабайт до 100 килобайт, а разрешение было снижено до 1338x2048 (2,7 мегакпикселя), и он также был "подшарплен", лишён EXIF/IPTC. Подозреваю, что в анналах Вконтакте остался мой кадр в полном размере, и при следующем апгрейде движка, когда нормой станут устройства с экранами 4К, для него может быть сгенерирована версия в более высоком разрешении. Но, это лишь теоретическое измышление, произойдёт это или нет я поручиться не могу - вопрос к разработчикам Вконтакта.

Переходим ко второй части эксперимента.

При передаче этих снимков "как документ" качество, размер и информация внутри не изменились. Снимок как занимал 1,58 мегабайта, так и занимает. EXIF и вся информация на месте, побайтовое сравнение не выявило изменений.

Когда вы выкладываете фотографию в портфолио на Вконтакте, на стену или в паблик, для того чтобы люди могли посмотреть кадр прямо в браузере, составить общее впечатление, она подвергается лёгкому изменению, шарпу и пересжатию. Этот механизм рассчитан на тех, кто не разбирается в обработке фотоснимков. Пользователь, загружающий обычное фото, прямо с камеры, получает на выходе картинку получше и порезче. Это правильно и работает корректно, снимки от этого выигрывают. И наоборот, тот кто руками подготовил правильный размер и добавил резкости руками, в рассчёте на просмотр снимка искушённым зрителем, сталкивается с ухудшением кадра за счёт [умеренного] перешарпа, потому что на его кадр накладывается тот же самый улучшающий фильтр.

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

Так обстоят дела на сегодняшний день.