Степень сжатия обратно пропорциональна качеству. Поэтому пользователь имеет возможность подобрать такую степень сжатия, при которой глаз еще не замечает ухудшения изображения. Для любителей тонкой настройки предназначен последний раздел этой главы. Остальным можем дать общие рекомендации.
При первом сохранении в JPEG появляется окно настроек формата (рис. 4.3).
Рис. 4.3. Окно настроек формата JPEG
В области Image Options (Настройки изображения) можно выбрать степень сжатия изображения. В поле Quality (Качество) вводится коэффициент качества – от 0 (максимальные потери) до 12 (потерь нет). Флажок Preview (Просмотр) позволяет оценить качество изображения при выбранных установках формата. Под ним отображается размер измененного файла в килобайтах.
Считается, что многократное сохранение в JPEG заметно ухудшает качество изображения. Один из авторов провел эксперимент – несколько десятков раз проделал цикл операций: сохранение файла, его закрытие, открытие и новое сохранение. При высоком качестве – значение параметра Quality (Качество) более 6 – заметного ухудшения не обнаружилось даже после нескольких десятков циклов. При низком качестве (3 и менее) небольшое искажение изображения происходит после 20–30 циклов. Поэтому, если вы редактируете JPEG-файл в два-три приема, о потере качества за счет сохранения можете не беспокоиться.
GIF
Формат GIF сегодня находится в «тени» JPEG, что несправедливо. Этот формат очень хорош в тех случаях, когда четкость изображения важнее его цвета. Например, для пересылки отсканированного текста (даже рукописного) лучше всего подходит именно GIF. Кроме того, в этом формате рекомендуется сохранять графические рисунки, на которых нет плавного перехода цвета (рис. 4.4).
Рис. 4.4. Изображения, которые лучше сохранять в GIF, а не в JPEGГлавным достоинством GIF является то, что при сохранении можно выбирать количество цветов. Например, для изображений на рис. 4.4 достаточно двух-четырех цветов, что значительно уменьшает размер файла без малейшей потери качества. Подробно оптимизация GIF описана ниже. Формат плохо подходит для сохранения фотографий. Цветной снимок в GIF просто «рассыпается» на отдельные точки.
Искусство оптимизации
В этом разделе речь пойдет об оптимизации изображений для Интернета и портативных устройств.
Дело в том, что обычное сохранение с помощью команд File → Save (Файл → Сохранить) и File → Save As (Файл → Сохранить как) не позволяет реализовать все возможности формата JPEG или GIF и провести тонкую настройку. Для этого служит команда File → Save for Web & Devices (Файл → Сохранить для веб и устройств) (сочетание клавиш — Alt+Shift+Ctrl+S). При ее выполнении откроется соответствующее окно (рис. 4.5).
Рис. 4.5. Окно оптимизации изображения для веб
Основную часть окна занимает изображение, которое вы оптимизируете. Над изображением есть четыре вкладки, которые определяют, как эта область выглядит:
• Original (Исходное) – изображение до оптимизации; полезно, если вы хотите внимательно изучить первоначальное состояние картинки;
• Optimized (Оптимизированное) – изображение после оптимизации;
• 2-Up (Двойное) – область делится пополам, в левой части находится исходное изображение, в правой – оптимизированное;
• 4-Up (Четверное) – область состоит из четырех частей, в левой верхней находится исходное изображение, в остальных – результаты оптимизации с разными параметрами.
В большинстве случаев удобно использовать вариант 2-Up (Двойное). Это позволяет отслеживать, как изменяется оптимизированное изображение по сравнению с оригиналом.
Правую верхнюю часть окна занимают настройки формата. Они различаются для JPEG и GIF. Список Preset (Заготовка) содержит набор настроек для самых распространенных ситуаций.
Справа внизу расположены области Color Table (Цветовая таблица) (активна для оптимизации GIF) и Image Size (Размер изображения), которая позволяет увеличить или уменьшить итоговое изображение. Для этого достаточно внести новые значения в поля W (Ширина) и H (Высота) или в поле Percent (Коэффициент изменения), а затем нажать кнопку Done (Готово).
Оптимизация JPEG
Выберите в окне File → Save for Web & Devices (Файл → Сохранить для веб и устройств) в списке форматов – справа, под словом Preset (Заготовка) – пункт JPEG. Рассмотрим настройки формата (рис. 4.6).
Рис. 4.6. Настройки оптимизации JPEGСамое важное – определиться с качеством. Вы можете выбрать один из пунктов в списке под списком форматов или установить коэффициент в поле Quality (Качество). Второй способ – более точный. Изменяя значение Quality (Качество) (это удобно делать с помощью ползунка, который появится при щелчке на треугольнике справа от данного поля), смотрите на изображение в левой части окна. Рекомендуем начинать с 60–80 и постепенно уменьшать, пока не начнете замечать отличия оптимизированного изображения от оригинала.
Прочие настройки можете не изменять, разве что установите флажок Optimized (Оптимизированное) – это позволит еще немного уменьшить размер итогового файла.
Если результат вас удовлетворил, можете нажать кнопку Save (Сохранить) в правой нижней части окна. Выберите для файла новое имя и сохраните в нужную папку....Оптимизация GIF
Настраивать параметры оптимизации GIF (рис. 4.7) немного сложнее.
Рис. 4.7. Настройки оптимизации GIF
Здесь ключевым является параметр Colors (Цвета). Он определяет, сколько цветов будет использовано для итогового изображения. Напомним, что формат GIF основан на модели индексированных цветов (см. главу 1), в которой каждому цвету приписывается «инвентарный номер». Разумеется, этот номер занимает гораздо меньше места, чем полное описание яркости пиксела. Поэтому GIF очень эффективен при хранении и передаче изображений с небольшим количеством цветов и оттенков. Попробуйте уменьшать значение Colors (Цвета), начиная с 256, и наблюдайте, как изменяется оптимизированное изображение. В случаях простой графики (см. рис. 4.4) может оказаться достаточно всего двух цветов – белого и черного.
...Есть еще несколько настроек, на которые следует обратить внимание и с которыми рекомендуем поэкспериментировать.
• Lossy (Потери) – увеличение значения этого параметра позволяет несколько уменьшить размер файла за счет потери качества.
• Список алгоритмов уменьшения цветов (под списком форматов) – определяет, каким образом выбираются цвета для изображения.
• Transparency (Прозрачность) – этот флажок лучше снять. Зачем вводить лишний цвет? Прозрачность нужна только для картинок на сайте, которые не должны иметь собственного фона.
• Список алгоритмов размытия (под флажком Transparency (Прозрачность)) – если вы по каким-то причинам решили сохранить в GIF изображение с большим количеством оттенков, этот параметр позволит минимизировать искажения.
• Interlaced (Чересстрочное) – имеет смысл только для картинок, предназначенных для сайта. Чересстрочное изображение появляется сначала в плохом качестве, что позволяет посетителю веб-страницы сэкономить время на ожидание полной прорисовки.
Оптимизация других форматов
В списке форматов, кроме JPEG и GIF, есть еще несколько пунктов. Стоит сказать о них несколько слов.
• PNG-8 – разновидность формата PNG, которая является конкурентом GIF. PNG является одним из самых эффективных, «экономных» форматов, однако он появился довольно поздно и популярности не завоевал. Его настройки полностью идентичны настройкам GIF. Если хотите, можете использовать и PNG-8. Все современные браузеры и программы просмотра изображений его поддерживают. Неквалифицированный пользователь даже не задумается, в каком формате вы прислали (или выложили на сайте) изображение, а квалифицированный проникнется уважением.
• PNG-24 – разновидность PNG, призванная заменить JPEG. Удобен тем, что почти не содержит настроек.
• WBMP – новый формат, созданный специально для мобильных устройств: карманных компьютеров, сотовых телефонов и т. д. Пока поддерживает только черно-белые изображения.
...В заключение хотелось бы дать еще один совет по оптимизации изображений. Собственный алгоритм сжатия JPEG и GIF очень эффективен. Поэтому не советуем архивировать файлы этих форматов с помощью программ типа WinRAR – это позволит сэкономить 5–7 % от размера файла, а неудобств создаст много.
Иное дело TIFF. Его алгоритм LZW далек от совершенства. Мы провели небольшой эксперимент. Сначала сохранили несколько TIFF-файлов без сжатия и сархивировали их с помощью WinRAR, а затем сохранили те же файлы с LZW-компрессией. Оказалось, что архиватор справился с задачей гораздо эффективнее! 155 Мбайт он превратил в 57,7 Мбайт, в то время как размер «внутренне» сжатых TIFF оказался равен 80,4 Мбайт. Причем дополнительно «уплотнить» их с помощью WinRAR удалось только до 80,2 Мбайт.
Отсюда вывод: JPEG и GIF лучше пересылать «как есть», а TIFF следует сохранять без компрессии, а затем архивировать.
Надеемся, изучение этой главы позволит вам и вашим друзьям сберечь время и деньги при обмене изображениями по Интернету.
Оптимизация для портативных устройств
Внимательный читатель уже, наверное, обратил внимание на одну деталь: команда и соответствующее окно называется File → Save for Web & Devices (Файл → Сохранить для веб и устройств). О каких портативных устройствах идет речь? Прежде всего об обычных мобильных телефонах. В Photoshop CS4 есть возможность оптимизировать картинки для этих «карманных любимцев». Впрочем, не только для них, но и для «наладонных» компьютеров.
Теперь в Photoshop интегрирована программа Adobe Device Central, которая позволяет быстро проверить, как будет выглядеть картинка на экране мобильного устройства.
Алгоритм ее использования такой.
1. Открываете в Photoshop изображение, которое собираетесь использовать, например, в сотовом телефоне.
2. Выполняете команду File → Save for Web & Devices (Файл → Сохранить для веб и устройств).
3. В появившемся окне нажимаете кнопку Device Central, после чего откроется окно программы Adobe Device Central (рис. 4.8).
Рис. 4.8. Окно программы Adobe Device Central
4. Окно имеет довольно много настроек, мы будем рассматривать только необходимые. Для начала в списке Device Sets (Наборы устройств) выберите профиль устройства, для которого создаете изображение. Какой именно профиль подходит к вашему телефону, можете уточнить на сайте производителя или у продавца. В крайнем случае щелкните на вкладке Device Profiles (Профили устройств) – откроется окно, в котором подробно описаны свойства каждого профиля. Проверьте, соответствуют ли они вашему телефону. Для подтверждения выбора дважды щелкните на названии профиля в списке Device Sets (Наборы устройств).
5. В списке Content Type (Тип содержимого) (справа вверху) укажите, в качестве чего вы собираетесь использовать изображение: Fullscreen (Полноэкранное изображение), Screen Saver (Хранитель экрана) или Wallpaper (Обои).
6. В группе настроек Display (Отображение) можете настроить некоторые эффекты:
• Backlight (Затемнение);
• Timeout (Временная задержка);
• Reflections (Отражение);
• Gamma (Гамма);
• Contrast (Контраст)....7. Группа настроек Scaling (Изменение размера) позволяет увидеть изображение увеличенным или уменьшенным, а кнопки из группы Alignment (Размещение) – сместить его относительно центра экрана.
...8. После проверки изображения перейдите из Adobe Device Central в Photoshop, внесите нужные изменения и снова откройте картинку в программе Adobe Device Central. Если результат вас устроит, закройте окно Adobe Device Central и сохраните оптимизированное изображение, как было рассказано выше.
Полученную картинку можете перенести на телефон и оценить результат. Авторы попробовали использовать Adobe Device Central при подготовке заставок для своих мобильных устройств. Результат вполне удовлетворительный, хотя различие в цвете заметно.
Глава 5 Цифровое фото. Основы коррекции цвета
• Простейшие способы коррекции
• Curves (Кривые). Осветление и затемнение изображения
• Свет и тень
• Тонирование
• Метод подбора
• Коррекция «красных глаз»
• Вам, фотографы-профессионалы!
Цифровой фотоаппарат сегодня не роскошь, а средство изображения. Цифровые «мыльницы» подешевели настолько, что стали массовым продуктом. Не нужно тратиться на дорогостоящую фотопленку, не приходится гадать «получился кадр – не получился». Единственная беда: для обработки цифровых фотографий нужен компьютер. Можно, конечно, отнести flash-карточку в фотостудию, там напечатают все, что получилось. Но ведь хочется иногда что-то подправить, подчистить (те же «красные глаза», например).
В этой главе мы научим вас простейшим приемам улучшения цвета фотографии в Photoshop. Они не потребуют серьезных затрат сил и времени, а вот качество изображения заметно повысят.
Разработчики Photoshop позаботились о том, чтобы максимально упростить жизнь не слишком квалифицированному пользователю. В том числе и при проведении процедуры коррекции цвета (цветокоррекции).Простейшие способы коррекции
Очень рекомендуем запомнить и использовать три команды (и, соответственно, три сочетания клавиш), которые помогут исправить 90 % ошибок цветопередачи:
Image → Auto Tone (Изображение → Автоматическая коррекция тона) или Shift+Ctrl+L – автоматическое увеличение насыщенности;
Image → Auto Contrast (Изображение → Автоматическая коррекция контраста) или Alt+Shift+Ctrl+L – автоматическое увеличение контрастности;
Image → Auto Color (Изображение → Автоматическая коррекция цвета) или Shift+Ctrl+B – автоматическая коррекция цвета.
Очень часто перечисленные команды в считанные секунды превращают «размыленную» фотографию в четкую, а неестественные цвета – в нормальные.
Если же они оказались бессильны, придется более внимательно изучить подменю Image → Adjustments (Изображение → Коррекция). Большая часть команд в этом подменю довольно сложная, однако есть несколько операций, которые сможет выполнить любой, даже не слишком опытный, пользователь.
Curves (Кривые). Осветление и затемнение изображения
Диалоговое окно данной функции можно вызвать командой Image → Adjustments → Curves (Изображение → Коррекция → Кривые) или сочетанием клавиш Ctrl+M (рис. 5.1).
Рис. 5.1. Диалоговое окно Curves (Кривые)
В данном окне выполняются основные операции по цветокоррекции, так как именно этот инструмент позволяет творить чудеса. Он самый гибкий, следовательно, и самый полезный, поэтому рассмотрим элементы его диалогового окна подробнее.
• Preset (Заготовка). В этом списке содержатся заготовки настроек для типичных ситуаций. Чтобы ориентироваться в них, достаточно знать несколько английских слов. Например, для повышения контрастности изображения нужно выбрать пункт, который содержит слово Contrast, для создания негатива — Negative и т. д.
• Channel (Канал). Если вы хотите редактировать изображение целиком, то выберите в этом меню необходимый пункт (для цифровых фотографий это RGB), но чаще редактировать приходится по различным каналам (в нашем случае — Red (Красный), Green (Зеленый) или Blue (Синий)), так как бывает, что один цвет нужно убрать, другой добавить и пр.