«ВКонтакте» заметно портит качество загружаемых фотографий — особенно, когда исходник большой. В некоторых случаях потеря качества сразу видна, и я даже публиковал наглядные примеры испорченных после загрузки снимков. Не всем пользователям это бросается в глаза, но намётанный взгляд свадебного фотографа (или просто внимательного человека) видит разницу сразу. Долгое время я просто менял размер фотографии — и всё равно замечал потери. Ниже — рабочая методика подготовки фото для ВК в Photoshop, которая сохраняет резкость, цвета и максимум деталей.
У нас есть большое и красивое фото. Сразу оговорюсь — инструкция для тех, у кого есть Photoshop. Как делать подобные операции в других редакторах, я не проверял, но принцип тот же. Задача — выложить фото во ВКонтакте так, чтобы прямые линии не «зазубрились», а цвета остались такими, какими вы их видели. Если вкратце — три момента:
- Сильно увеличиваем резкость фотографии. В полном размере она станет даже слишком резкой, перешарпленной, но после уменьшения резкость вернётся в норму.
- Правильно уменьшаем размер под ограничения ВК (1024 px по высоте для вертикальных, 1280 px по ширине для горизонтальных).
- Сохраняем в sRGB с оптимальным качеством, без лишних метаданных.
Теперь подробно. Для примера беру кадр с lovestory-фотосессии в заброшенной усадьбе.
Пошаговая инструкция
1. Открываем фото в Photoshop.
2. Увеличиваем резкость. Создаём дубликат слоя, применяем фильтр Другое → Цветовой контраст с радиусом ~3 пикселя. Ставим слой в режим Перекрытие и делаем сведение.
3. Изображение → Размер изображения.
4. Промежуточный ресайз. Для горизонтального — ширина 1920, для вертикального — высота 1536 (в полтора раза больше конечных). Ресамплинг — «Бикубическая, с уменьшением» (в других версиях — «Бикубическая, чётче»).
5. Изображение → Размер изображения.
6. Финальный ресайз. Для горизонтального — ширина 1280, для вертикального — высота 1024. Ресамплинг — «Бикубическая, плавные градиенты» (или «Бикубическая, наилучшая для плавных градиентов»).
7. Сохранение. Файл → Сохранить для Web и устройств. Качество 80, галочка «Преобразовать в sRGB».
Этот файл и загружаем во «ВКонтакте». Потери качества будут минимальны, а цвета — соответствовать тому, что вы видели на мониторе. Методика работает не только для ВК, но и для других соцсетей и просто передачи файлов через интернет: на выходе — изображение оптимального веса, размера и чёткости, которое одинаково корректно отображается на любом устройстве.
Что советует сама поддержка ВКонтакте
Чтобы минимизировать визуальные потери качества, лучше загружать снимки поменьше (до 1000 пикселей по любой стороне) и перед загрузкой чуть увеличивать резкость. Кроме того, лучше не нажимать «Добавить новые фотографии», а перетаскивать снимок прямо из папки компьютера.
Есть ещё важная деталь: загрузчик недолюбливает цветовой профиль Adobe RGB, поэтому перед загрузкой лучше преобразовать картинку для Web. В Photoshop — «Сохранить для WEB» (Alt+Shift+Ctrl+S), отредактировать настройки качества и обязательно отметить «Конвертировать в sRGB».
Самые ценные снимки стоит загружать в раздел документов — https://vk.com/docs.
О том, как сделать такой ресайз пакетно с наложением логотипа или копирайта — читайте тут.
Upd: на текущий момент ВК увеличил максимальные размеры хранимых фотографий до 1800×1200 — можно заменить размеры из инструкции на актуальные.
