Как сохранить вконтакте изображение без потери качества. Загрузка больших фотографий ВКонтакте в высоком качестве

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

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

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

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

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

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

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

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

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

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

Расскажи друзьям:

Загрузка больших фотографий ВКонтакте в высоком качестве | Уроки фото и обработка фотографий

На сегодняшний день, социальная сеть ВКонтакте является самым посещаемым веб-сайтом России, а так же входит в ТОП самых популярных ресурсов таких стран, как Украина, Белоруссия и Казахстан. Всё больше и больше молодых людей регистрируются в крупнейшей социальной сети СНГ и постепенно осваивают технологии этого мощнейшего портала.

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

Без потери качества

Большинство людей уже научились различным фишкам этой социальной сети, например уже практически все знают как скачать музыку в контакте, «вытащить» видеоролик в HD качестве, или передавать различные типы файлов в сообщениях друзьям. Но главная проблема большинства людей была и остается одна - не правильная оптимизация своих фотографий перед загрузкой. Пользователи допускают элементарные ошибки, из-за которых их фотографии теряют качество, стают менее четкими, происходит замыливание снимка, а так же не обращают внимание на банальную цветокоррекцию, которая помогла бы им значительно улучшить качество их фотографий.

Что нужно делать, чтобы этого избежать? Необходимо следовать простым шагам:

1. Никогда не загружайте оригинал изображения

У владельцев новых зеркальных камер и современных смартфонов, разрешение фотографий составляет примерно 12+ мегапикселей, что означает, их фотографии имеют размер приблизительно 4928 на 3264 точек. Но не многие знают, что максимально допустимый размер фотографии ВКонтакте - 1280 пикселей по ширине и 1024 по высоте. Соответственно, если вы загружаете оригинал изображения к себе в альбом, то его качество может значительно ухудшиться в связи с тем, что Вконтакте уменьшит её до нужных размеров. Из-за этого появляются искажения на снимках, которые видны невооружённым глазом.

Рассмотрим пример такой фотографии. Ниже вы видите фото, размер которого является 2585×1929. Обратите внимание на искажения, которые появились на ногах девушки (нажмите для увеличения):

А теперь, рассмотрим вариант с этим же фото, только уменьшенного в фоторедакторе в ручную:

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

2. Всегда повышайте резкость изображения

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

3. Делайте цветокоррекцию

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

А теперь, обратите внимание на снимок ниже, к которому были применены все вышеизложенные рекомендации: уменьшение размера, увеличение резкости, цветокоррекция:

Как видно из примера, фотография обрела совершенно новый вид, и абсолютно по другому воспринимается. Для того, чтобы научиться правильно уменьшать и увеличивать резкость на своих фотографиях - рекомендуем нашу статью под названием Как уменьшить размер фото и увеличить резкость, а урок простейшей цветокоррекции вы сможете найти в нашей статье Цветокоррекция в Color Efex Pro.

Если у вас после прочтения этой статьи возникли какие-либо вопросы, будем рады ответить на них в комментариях к этой статье!

P.S. Посещаете ли вы наш миниблог? В последнее время, у нас появилось много интересных статей, таких как: Секреты осенней фотосъемки, 5 ошибок начинающих фотографов, Провоз фотоаппарата через аэропорт, и 7 вещей, которые Вы забыли сделать, при покупке своей первой зеркальной камеры. © Phototricks.ru

phototricks.ru

«Контакт портит фотки!» или Как пережать фотки под контакт без потери качества.

Сколько раз уже я слышал эту фразу от фотографов да и не только - «Контакт портит фотки! Ты на печати смотри, а не на экране!» Есть, конечно, в этом высказывании смысл, но так категорично утверждать сие тоже не стоит.

Итак, задача: Как пережать фотки под контакт без потери качества?

Существуют 2 основные ошибки, которые совершают люди:

1) Закачивают фотки слишком большого размера и предоставляют её уменьшение алгоритму контакта. 2) Используют цветовое пространство, отличное от sRGB

Разберем алгоритм пережатия фоток в фотошопе «под контакт», в котором учтем эти оба этих фактора.

--------------------

Оптимальным на данным момент размером, который комфортно смотреть человеку, и который не страдает так сильно от пережатия, является 1000 точек по длинной стороне. Пережатие осуществляем в 2 этапа.

Выбираем пункт Изображение, Размер изображения

Выставляем полуторный размер от того, который мы хотим получить, и выбираем алгоритм уменьшения Бикубическая, четче. Это повысит резкость картинки, но избыточно.

От «перешарпа» избавляемся вторым шагом - выставляем конечный размер, в данном случае - это 1000 точек, и выбираем алгоритм уменьшения Бикубическая, для плавных градиентов.

Следующим шагом является сохранение фото на диск.

Выбираем формат файла JPEG, качество в пределах 75-85. Обязательно устанавливаем птичку Преобразовать в sRGB.

Это необходимо делать для того, что если вы работаете, например, в цветовом пространстве Adobe RGB, а обычные люди даже и такого слова не слышали, то в этом случае, они будут видеть точно такую же картинку у себя на экране, как и вы.

Все. Закачивайте в контакт. Птичку «Повышать четкость фотографии» оставляем.

westkis.com

Как правильно загружать фотографии в соцсети

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

Размеры фотографии на обложке страницы «Фейсбука» - 851х315 пикселей, в то время как минимальный требуемый размер для неё составляет 399х150 пикселей. Стоит учитывать, что такая маленькая картинка растянется и будет выглядеть ужасно, поэтому подбирайте соответствующее фото и обрежьте его правильно.

Если вы задумали сделать так, чтобы обе картинки - фото профайла и обложка - представляли единое целое, учитывайте, что фото профайла встаёт на 23 пикселя правее от левого края обложки и на 210 пикселей ниже от верхнего края обложки.

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

Pic Scatter даёт возможность создать коллаж из фотографий для использования его в качестве обложки. Вы можете сгенерировать его случайным образом или выбрать конкретный альбом.

Profile Picture Maker"s Timeline Cover Banner - довольно удобный инструмент для создания кастомной обложки со множеством функций для редактирования.

Face It Pages - бесплатный сервис позволяет загрузить свои картинки, «поиграть со шрифтами» и даже добавить в обложку ссылки на другие социальные сети.

Facebook поддерживает загрузку форматов JPG, GIF и PNG. JPEG, как правило, используется при загрузке картинок со смешанными тонами (фото и рисунки), а PNG лучше подходит для графичных изображений, текстовых композиций и логотипов. Однако Facebook конвертирует все загружаемые изображения в JPG.

Чтобы фотографии загружались на странице быстрее, разработчики соцсети советуют использовать JPG-файлы в цветовом пространстве sRGB. Рекомендуемые размеры для загружаемых в альбом фотографий - 600х400 пикселей. При изменении размера в фоторедакторе выставьте разрешение (DPI) в значении 72.

2Twitter

Twitter отображает профайл-фото совсем небольшим, поэтому очень важно подобрать то изображение, которое хорошо выглядит в миниатюре. Twitter кадрирует фотографию квадратом, так что лучше масштабировать её перед загрузкой надлежащим образом. В то время как максимальный размер файла для аватара в Twitter составляет 2 МБ, в профайле отобразится картинка размером 73х73 пикселя, и а в твитах и того меньше - 48х48 пикселей.

Изображение, которое используется в Twitter в качестве обложки, имеет рекомендованный масштаб 1200х600 пикселей, а размер файла ограничен 5 мегабайтами. Имейте в виду, что ваше имя в Twitter, никнейм, биография, месторасположение и URL будет отображаться поверх обложки, поэтому выбирайте картинку, на которой будет хорошо виден текст.

Для того чтобы сделать идеальную обложку, сочетающуюся с профайл-фото, вы можете использовать специальный веб-инструмент, например, такой.

3«ВКонтакте»

Картинка профайла «ВКонтакте» должна иметь максимальный размер в 200 пикселей по ширине на 500 по высоте (ранее была возможность загрузить изображение до 700 пикселей по высоте) и минимальный 200х200 пикселей. Выбирая подходящее фото, позаботьтесь о том, чтобы оно хорошо смотрелось в миниатюре, которая будет отображаться возле записей, оставленных от вашего имени.

Загружая снимки в альбомы, не нужно закачивать изображения оригинального размера и доверять уменьшить их алгоритму «ВКонтакте». Лучше всего сохранить фото максимум с 1000 пикселей по ширине (для горизонтальных) или 700 пикселями по высоте (для вертикальных). При этом они будут отображаться достаточно большими на мониторах 1280х1024 и выше с оптимальной резкостью, которую также можно настроить. Правда на мониторах 1024х768 такие снимки будут уменьшаться и терять в чёткости.

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

Чтобы загружать большие снимки, которые отображались бы во всё окно на любых мониторах, перед загрузкой стоит немного повысить их резкость в фоторедакторе, что отчасти компенсирует замыливание при масштабировании снимка. Максимально большое загружаемое фото может иметь размеры 2560х2048 пикселей.

При сохранении в JPG-формате добавляется текущий профиль цветопередачи. А при масштабировании изображения данный профиль заменяется на стандартный sRGB, без какой-либо конвертации. Поэтому перед загрузкой в соцсеть картинку лучше сохранять в sRGB. Для этого откройте изображение в Photoshop, выберите «Сохранить для WEB» (Alt+Shift+Ctrl+S), в появившимся окне настройки качества обязательно отмечаем «Конвертировать в sRGB»

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

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

Изменение размеров изображения

Перед тем, как приступить к описанию «размеров для соцсетей», следует сразу прояснить один момент. Он очень простой, но для многих неочевидный, поэтому часто возникает путаница.

В диалоговом окне Image (Изображение) → Image Size (Размер изображения) представлены два способа задания размера изображения:

1) через изменение размера отпечатка и задание желаемого разрешения DPI (а точнее PPI) - точек или пикселей на дюйм или сантиметр отпечатка;

2) через изменение размера в пикселях (стандартный для большинства пользователей) - именно им нужно пользоваться в данном случае .

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

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

Не стоит выбирать размер, меньший максимально допустимого соцсетью , опираясь на отображение на мониторе конкретной модели. Например, фотография с размером в 1000px по высоте, загруженная в Вконтакте, будет без искажений отображаться на мониторах с разрешением 1920 х 1200 (то есть без изменения размера браузером). На мониторах же со стандартным разрешением Full HD 1920 x 1080 она уже будет сжиматься браузером, что приведет к потере четкости. С учетом того, что коэффициент изменения размера будет небольшим, потеря качества и детализации окажутся весьма ощутимыми.

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

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

Оптимальные размеры для загрузки фотографий в соцсети

ВКонтакте

После перехода на новый дизайн ВКонтакте больше не требует дополнительных ухищрений (метод «перетаскивания») со стороны пользователя для загрузки фотографий в максимально допустимом размере.

Он составляет 2560 пикселей по горизонтали и 2160 - по вертикали.

Facebook

Максимально допустимый размер составляет 2048 пикселей по большей стороне.

Instagram

С того момента, как Instagram отошел от принудительной «квадратизации», произошла небольшая путаница. В ней мы сейчас и разберемся.

Размер по горизонтали всегда равен 1080 px. При этом:

Стандартные «квадраты» загружаются в размере 1080 x 1080 px.

Горизонтальные фотографии могут иметь соотношение сторон 1:1,9 (Вертикаль:Горизонталь), то есть, нечто близкое к 1080 x 568 px, или быть более близкими к квадрату (2:3, 3:4, 4:5, 5:7 и т.п.). Так что все, кто не собирается выкладывать в Instagram панорамы, тут могут вздохнуть спокойно.

Вертикальные изображения ограничены соотношением сторон 4:5, что в пикселях будет означать 1080 х 1350. Таким образом, при загрузке фотографий с камер с соотношением сторон 2:3 будет происходить обрезка. Чтобы этого избежать, необходимо заранее добавить поля.

Для вашего удобства предлагаю скачать операцию, автоматизирующую работы по созданию полей и необходимому поднятию резкости при подготовке вертикальных фотографий для загрузки в Instagram. Для корректного скачивания необходимо кликнуть на ссылку правой кнопкой мыши и выбрать «Сохранить как...».

Fashionbank

Этот горячо любимый фотографами сайт нельзя в полной мере назвать соцсетью, но и обижать исключать из списка его, пожалуй, тоже не стоит.

Для загрузки на Fashionbank разрешены фотографии размером до 800 px по горизонтали. Вертикальный размер при этом может быть любым, но «вес» файла при этом не должен превышать 1 Мб.

Поднятие резкости

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

Fashionbank

Размеры фотографий, используемые при публикации на Fashionbank, наиболее близки к размерам, применяемым при стандартной подготовке фото «для web». Поэтому в качестве примера первыми рассмотрим параметры поднятия резкости, рекомендуемые для подготовки изображений на этот сайт, а затем адаптируем их для других соцсетей.

В общем случае для поднятия резкости можно воспользоваться стандартным фильтром Filter → Unsharp Mask (Контурная резкость) со следующими параметрами:

• Amount (Сила воздействия) = 65-150%,
• Radius (Радиус) = 0.3 (это минимальный параметр радиуса, воздействующий на всю фотографию),
• Threshold (Изогелия) = 0.

Если же хочется добиться «звенящей» резкости , алгоритм можно дополнить повторным применением фильтра Unsharp Mask (Контурная резкость), но уже с другими параметрами:

Таким образом, для ВКонтакте и Facebook наилучшим способом поднятия резкости будет точно такой же алгоритм, который был описан выше в варианте для Fashionbank, с теми же значениями, но примененный два раза подряд .

Instagram

Повышение резкости для Инстаграм может осуществляться как непосредственно в приложении, так и при предварительной подготовке в Photoshop.

Во втором случае резкость повышается по тому же принципу, что и при подготовке фото «для Web»/Fashionbank. Также повышение резкости для Инстаграм включено в операцию изменения размеров изображения для этой соцсети .

Цветовой профиль

Если ретушь производится в цветовом пространстве, отличном от sRGB, перед сохранением фотографии необходимо преобразовать цвета в стандартный цветовой профиль - sRGB IEC61966-2.1.

Сделать это можно, воспользовавшись командой Edit (Редактирование) → Convert to Profile (Преобразовать в профиль).

При этом выбираются следующие параметры: Engine (Движок) – Adobe, Intent (Алгоритм пересчета цветов) – Perceptual (Перцептуальный) или Relative Colorimetric (Относительная колориметрия), все галочки, которые возможно проставить - проставлены.

Сохранение

Сохранение происходит в стандартном режиме через меню File → Save As (Сохранить как).
Формат файла JPEG, Quality (Качество) = 12 (максимальное), Алгоритм – Baseline Optimized (Оптимизированный).

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

© Стив Ласмин, июль 2017.
© Фотошкола Михаила Панина, 2017.

Если Вам понравился этот материал, то мы будем рады, если Вы поделитесь им со своими друзьями в социальной сети:

Крупнейшая социальная сеть Вконтаке никогда не баловала фотографов. И все же многие и многие из нас выкладывают туда свои снимки, потому что аудитория Контакта поистине огромна. Там есть все: друзья, знакомые, коллеги, клиенты. К тому же Контакт быстро прогрессирует, и если раньше фотографии были ограничены крошечными (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 если фотография вертикальная. При этом должны быть включены все галочки, настройка «Сохранять пропорции» обеспечит нам правильное соотношение сторон. В разделе Интерполяция должно стоять Бикубическая (наилучшая для плавных градиентов) . Как сделать чтобы этот алгоритм был установлен по умолчанию, вы можете почитать в статье .

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

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

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

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

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

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

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

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

Цитата от поддержки ВК:У нас есть два загрузчика: flash и HTML5. Flash используется на странице «Мои фотографии» и в подобных местах - через него фотографии загружаются быстрее, а это особо актуально на этих страницах, так как там грузят в основном сразу много фотографий. HTML5 используется в слое прикрепления фотографии (например, при прикреплении фото в поддержку или загрузке в диалог). Еще через HTML5 можно загрузить просто перетащив фотографию на кнопку загрузки. 1) Если загрузчик HTML5, то мы просто загружаем фотографию на сервер (без какого-либо сжатия), а там из нее нарезаются разные миниатюры. Количество и размер миниатюр зависят от размера самой картинки, но самая крупная 2560х2048, а самая мелкая - 75х75 для превью. 2) Если загружаем через flash (например, в разделе «Фотографии»), то когда размер фотографии более 1280х1024, мы ее сжимаем до 1280х1024 и загружаем, а если нет, то все так же, как и в случае с HTML5 - просто грузим на сервер и там нарезаем миниатюры. При этом...

0 0

"Вконтакте" искажает цветовой тон и качество фотографии. Как этого избежать?

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

Что я не делала, и изменяла формат фото, и размер, все было безрезультатно.

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

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

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

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

0 0

Родион Данилов

Подбор фотографий для социальных сетей - дело важное, хотя многие его недооценивают. Именно они представляют вас в сети, и именно глядя на них, большинство составляет самое первое впечатление о вас. Мы рассмотрели то, как можно оптимизировать фотографии в Facebook, Twitter и «ВКонтакте».

1Facebook

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

Размеры фотографии на обложке страницы «Фейсбука» - 851х315 пикселей, в то время как минимальный требуемый размер для неё составляет 399х150 пикселей. Стоит учитывать, что такая маленькая картинка растянется и будет выглядеть ужасно, поэтому подбирайте...

0 0

На сегодняшний день, социальная сеть ВКонтакте является самым посещаемым веб-сайтом России, а так же входит в ТОП самых популярных ресурсов таких стран, как Украина, Белоруссия и Казахстан. Всё больше и больше молодых людей регистрируются в крупнейшей социальной сети СНГ и постепенно осваивают технологии этого мощнейшего портала.

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

Без потери качества

Большинство людей уже научились различным фишкам этой социальной сети, например уже практически все знают как скачать музыку в контакте, «вытащить» видеоролик в HD качестве, или передавать различные типы файлов в сообщениях друзьям. Но главная проблема большинства людей была и...

0 0

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

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

0 0

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

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

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

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

Переходим в окно изменения изображения (Изображение -> Размер изображения) Изменяем размер фотографии до полуторного от нужного (1500px по большей стороне) Выбираем Интерполяцию...

0 0

Суть простая - у вконтакте есть два метода загрузки фотографий(вообще три, но третий мы не берем в расчёт ибо он без предпросмотра)

первый портит фотки, второй - нет

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

Для второго используется HTML5-технология. Чтобы ей воспользоваться, необходимо перетащить фотографию на надпись «Добавить новые фотографии»

У этой штуки есть одно небольшое ограничение:

Максимальный размер изображения в данном случае 2560*2048

В случае же если вы не хотите париться совсем, то ограничьте фотографию размером 1280*1024 и ни пикселя больше(меньше можно сколько угодно) тогда вам будет без разницы каким образом фотография будет загружена. FLASH-загрузчиком, либо Же HTML-5

Если остались вопросы - можно наведаться в поддержку...

0 0

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

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

0 0

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

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

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

Но вернемся к нашим фотографиям. С некоторых пор...

0 0