Подготовка фотографии к публикации на веб-сайте

Автор: Артем Кашканов

Продолжаю цикл статей про обработку изображений в программе Adboe Photoshop. Темой сегодняшней беседы будет рассмотрение двух методов уменьшения фотографии до веб-размеров. Особенно это информация полезна для начинающих фотографов, которые только начали публикацию своих фоторабот на фотосайтах. Часто приходится видеть, что прекрасная фотография буквально убита неграмотно сделанным "ресайзом". Итак, приступим.

Метод попроще

1. Откройте исходное изображение в Adobe Photoshop. Приведите в порядок яркость, контраст, цвета и т.д., то есть сделайте так, чтобы ресайз делался с именно с того изображения, которое потом можно было без проблем напечатать или продать заказчику. 2. Выбираем пункт меню "Изображение" → "Размер изображения". В открывшемся диалоге выбираем следующие параметры
  • Размер изображения 800 на 600 пикселей (при соотношении сторон 4:3) или 900 на 600 пикселей (при соотношении сторон 3:2)
  • Интерполяция: билинейная. На надписи "бикубическая, глаже" и "бикубическая, четче" не обращайте внимания, они дают худший результат.
3. После того как изображение уменьшено, выбираем пункт меню "Фильтры" → "Резкость" → "Контурная резкость". Устанавливаем Радиус 0,3—0,5 пикселя. Эффект - около 50%. Вот и все. Теперь картинку нужно сохранить. Рекомендую использовать не простое сохранение ("Файл" → "Сохранить"), а "Файл" &rarr "Сохранить для Web и устройств". В этом случае стирается вся вспомогательная информация, занимающая лишнее место (файл получается меньше по размеру), а также появляется возможность тонкой настройки степени сжатия при наличии возможности визуального контроля качества картинки. В верхней линейке вкладок выбираем "2 варианта", тогда слева будет отображаться оригинал, а справа - результат. В панели "Установки" (справа) выбираем формат JPEG, степень сжатия выбираем по принципу "золотой середины". Как правило оптимальный размер файла при разрешении 800 на 600 - около 200 килобайт, однако, если на фотографии много мелких деталей (как в приведенном случае), размер может достигать 300-400 килобайт. Достоинство этого метода - простота. Недостаток - он несколько грубовато работает при большом количестве мелких деталей. Для ресайза таких фотографий придется использовать метод посложнее...

Метод посложнее

Начало такое же - открываем фотографию, уменьшаем ее в режиме билинейной интерполяции. Далее выполняем следующие действия:
  • Делаем копию фона. Способов много, проще всего это сделать так: Ctrl+A (выделить все) → Ctrl+C (скопировать) → Ctrl+V (вставить). Теперь у нас два слоя - "Задний план" и "Слой 1".
  • Для заднего плана применяем фильтр "Контурная резкость" ("Фильтры" → "Резкость" → "Контурная резкость") с параметрами: Эффект - 200-350%, радиус - 0,3 пикселя. На картинке изменений вы пока не увидите, так как изменения внесены в нижний слой.
  • Для "Слоя 1" делаем размытие по Гауссу ("Фильтры" → "Размытие" → "Размытие по Гауссу") с радиусом 1.2 пикселя.
  • Устанавливаем прозрачность верхнего слоя 30-50%, в зависимости от сюжета.
  • Склеиваем слои (Shift+Ctrl+E) и сохраняем файл.

Важное замечание

Значения параметров, приведенные выше - не есть эталон, от которого нельзя отступать. Они актуальны только для ресайза до 800(900) на 600 пикселей. Для больших и меньших разрешений значения параметров будут различаться. Оптимальные параметры определяются только опытным путем.

Результаты

1. Оригинал (только ресайз до 800 на 600) ↓ 2. Метод попроще (ресайз и увеличение контурной резкости) ↓ 3. Метод посложнее (ресайз, дубликат слоя, резкость на нижнем, размытие и полупрозрачность на верхнем) ↓ Рекомендую скачать их в одну папку и посмотреть последовательно в какой-либо программе просмотра, например ACDSee, чтобы почувствовать разницу.

Книги о фотографии

Дорогие друзья! Если вам интересны статьи на моем сайте, я думаю, мои книги вас заинтересуют еще больше. Почему?

Главная причина – в них собрана, переработана, систематизирована и разложена по полочкам та огромная куча информации, которая есть на данном сайте и вообще в сети Интернет.

Наиболее популярная книга – «О фотографии простым языком». Это учебник по фотографии «с человеческим лицом» – без лишней никому не нужной теории и заумности, в котором с первой до последней страницы все просто и понятно даже новичку.

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

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

Перейти в раздел «Книги о фотографии»

Поделившись ссылкой на сайт в социальной сети вы поможете мне в продвижении и развитии проекта!

Обсуждение публикаций сайта и общение на фототемы в группе Вконтакте. Присоединяйтесь!

Политика сайта

Все, что написано на сайте является субъективным мнением автора. Я не вступаю в полемику относительно правильности своей точки зрения. Если вы используете мои рекомендации, вы действуете на свой страх и риск.

Материалы на сайте защищены законом РФ об авторских правах. Перепубликация материалов сайта без согласования с автором запрещена и будет преследоваться по закону!

Реклама на сайте отображается автоматически в соответствии с вашими интересами. Для определения интересов рекламными сервисами используются cookies.

Контакты

Если вы заметили на сайте неточность или хотите высказать свои пожелания – присылайте их по электронной почте: kashkanov_as@mail.ru

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

Статистика сайта:

Яндекс.Метрика

Индекс цитирования