Подготовка фото для размещения в Сети

Владимир Молочков (В. Новгород)

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

Для вывода на экран монитора достаточно разрешения 72 dpi. Обратите внимание, что при уменьшении разрешения ширина и высота фото также будут уменьшены.

При подготовке фото для отправки письмом убедитесь, что установлен флажок Сохранить пропорции и введите параметр Ширина равным 400 пикселов. Именно такой размер рекомендует производитель программы Photoshop для E-mail.

BIGITALRU_post-(2)

Существенное уменьшение веса фото достигнуто

После того, как мы нажмем ОК, наше изображение уменьшится. Если оригинал весил 2,82 Мб, то теперь фото весит 196 Кб.

Но это не все. Если мы теперь попробуем снимок увеличить до размера 100%, то обнаружим, что фото стало размытым. Это результат потери информации при уменьшении разрешения изображения. Чтобы восстановить резкость, воспользуемся командой Фильтр-Усиление резкости > Умная резкость. Ползунок Эффект отвечает за силу применения фильтра, ползунок Радиус – за радиус действия фильтра. Подвигайте их и посмотрите, как изменяется изображение. Когда результат вам понравится, нажмите ОК.

Теперь – сохранение снимка. Сохраните фото с помощью команды Файл > Сохранить для Web. Выбираем формат JPG и с помощью ползунка Качество назначаем процент сжатия 30%. Как видим, при среднем качестве фотоснимка вес его будет порядка 30 Кбайт.

BIGITALRU_post-(2)-1

Фильтр Умная резкость

Мы уменьшили фото с 196 Кб до 30 Кб

На этом подготовка фото для размещения в сети закончена.

Экспорт в HTML-файл Zoomify (Масштабность)

Zoomify входит в Photoshop CS6 и представляет собой набор скриптов JavaScript. Это инструментарий класса клиент/сервер, позволяющий пользователям изменять масштабы изображений в веб. Иначе говоря, большое изображение, например, карту вы, с помощью Photoshop так можете разместить на web-странице, чтобы пользователи могли панорамировать изображение и изменять его масштаб, чтобы разглядывать отдельные его части. Для этого оригинальное изображение, например, в формате *.JPEG загружается в Photoshop, а затем экспортируется в HTML-файл. Создание такого веб-документа выполняется командой Файл > Экспортировать > Zoomify, с необходимостью установить параметры экспорта.

В этом окне:

  • Шаблон — это список, в котором пользователь устанавливает фон и панель навигации для просматриваемого в браузере изображения.
  • Папка — определяет местоположение
  • Базовое имя — имя HTML-файла.
  • Параметры мозаики изображения – поле, в котором задают качество экспортируемого изображения.
  • Параметры браузера – поле, где задают высоту и ширину изображения в браузере.

Результат вашей работы будет выглядеть примерно так:

BIGITALRU_post-(2)-3

Вид оригинального изображения в браузере

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>