Вход   Регистрация

Поиск по сайту

Присоединяйтесь к группам

Вконтакте
akfotosait

Одноклассники
54003350175999

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

Продолжаю цикл статей про обработку изображений в программе 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, чтобы почувствовать разницу.

Категория: Как обрабатывать фотографии

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

Дорогие друзья! Если мои статьи оказались для вас полезными и вы хотите как-то отблагодарить меня, вы можете сделать это прямо сейчас. Перечислите символическую сумму и вы получите электронную книгу "О фотографии простым языком" - в ней очень много полезной и доступно изложенной информации, интересной как новичкам, так и опытным фотолюбителям!

Подробнее о книгах      Написать мне
Если материал понравился, пожалуйста, поставьте "лайк" или напишите отзыв!

Чтобы написать комментарий, нужно войти на сайт.
Александр Петренко 2016-02-05 19:43:17
— Добрый вечер Артем. У меня вопрос: можно ли убавить размер фото для сайта в Лайтруме или в FastStone? Просто у меня нет других программ для обработки фото.

Артем Кашканов: Здравствуйте, Александр. В лайтруме в настройках экспорта фото можно указать размер изображения, а также размер файла, в который нужно уложиться.
Андрей Похлебкин 2016-05-01 15:10:16
— Думал, где бы на сайте оставить на память инструкцию как в комментариях к фотографиям вставлять картинки по ссылкам. Когда добрые люди оставляют такую инструкцию в комментариях под фото. Со временем она вместе с фото и пропадает. А тут вроде немного по теме. Если она тут совсем не к месту, можете удалить. "Как вставить картинку в комментариях". 1. Идем на сайт http://postimg.org/ 2. Выбираем фото для загрузки нажав кнопку "Обзор" 3. Далее выбираем "Не уменьшать" и "Для всех" и нажимаем "Загрузить" 4. Далее копируем "Прямую ссылку" 5. На этом сайте под окном "Комментарий" выбираем из ВВ-кодов "Вставить картинку" (этот "код" спрятан под маленьким пейзажем :-) и вставляем (Ctrl+V) ранее скопированную ссылку 6. Все!

Добавить свой комментарий

Статьи на эту же тему

Самые читаемые материалы (Top10)