Самоучитель по Adobe Photoshop 5.5

         

Оптимизация изображений



Оптимизация изображений

Полученное изображение непригодно для использования в Internet, поскольку находится в формате PSD и занимает уйму (по меркам сети) места, 370 Кбайт. Займемся его оптимизацией и экспортируем в один из форматов поддерживаемых браузерами.

1. Откройте палитру Optimize командой Show Optimize из меню Window.
2. В окне документа перейдите на вкладку Optimized. Перед вами результат оптимизации изображения в соответствии с параметрами, представленными в палитре Optimization. Изменение этих параметров приведет к немедленному обновлению изображения на вкладке Optimized в окне документа.
3. В списке Optimized file format выберите формат JPEG.
4. Перемещайте ползунок Quality справа (высокое качество) налево (низкое качество) до тех пор, пока не заметите появления нежелательных артефактов. У нас заметное проявление характерной "грязи" случилось примерно при 50%-ном значении качества.
5. Попытайтесь удалить артефакты предварительным размыванием изображения с помощью ползунка Blur. Следите за тем, чтобы изображение не слишком потеряло в резкости. Приемлемой величиной размывания будет 0,1—0,13 пиксела.
6. Взгляните на строку состояния в окне документа. Там отображается текущий размер оптимизированного файла (22 Кбайт) и оценка времени его загрузки (~9 сек) при выбранной скорости модема (28,8 Кбит/сек).

Совет
Совет
Если в строке состояния отображается что-то другое, то щелкните на черной треугольной стрелке, направленной вниз. Она открывает список информационных полей, которые могут отображаться строкой состояния. Это Original/OptimizedFile Sizes (начальный/конечный размеры оптимизированного файла), Optimized Information (информация об установках оптимизации). Image Dimensions (размеры изображения в пикселах), WatermarkStrength (яркость цифровой метки, см. гл. 13), Undo/Redo Status (количество шагов отмены и повторения в буфере ImageReady), Originalin Bytes (точный размер исходного изображения в байтах), Optimized in Bytes (точный размер оптимизированного файла в байтах), Optimized Savings (выигрыш от оптимизации в процентах) В этом же списке находятся типичные скорости модемов: 14,4; 28,8; 56,6 Кбит/сек. Выбор скорости оказывает влияние на оценку времени загрузки изображения в браузер. В общем случае разумно ориентироваться на скорость 28,8 Кбит/сек.

В результате оптимизации мы получили весьма существенный (94%) выигрыш в размере файла, сохранив приемлемое качество изображения. Но наилучшим ли способом проведена оптимизация? Может быть лучше использовать формат GIF?

1. Перейдите на вкладку 2-Up в окне документа. Перед вами одновременно оригинал (слева) и оптимизированное изображение (справа).
2. Щелкните курсором мыши в пределах левой половины окна документа. Это сделает активным оригинал изображения.
3. В списке Settings палитры Optimized выберите вариант GIF 32 Dithered.Это предустановленный вариант оптимизации в индексированный формат с 32-цвегной палитрой. Результат оптимизации находится в активной (левой) половине окна на месте оригинального изображения. С точки зрения размера файла (18 Кбайт) она явно эффективнее. Имея перед глазами результат одновременно двух вариантов оптимизации, вы можете выбрать наиболее подходящий.

4. При сравнении вариантов можно воспользоваться функцией предварительного просмотра изображения в браузере. Для этого следует выбрать команду Preview in из меню File. Она открывает список браузеров, установленных на вашем компьютере. ImageReady автоматически создаст временный оптимизированный файл изображения и необходимый для его демонстрации HTML-код, который и загрузит в браузер.
В принципе, вы можете еще поэкспериментировать с настройками оптимизации GIF: изменить размер палитры, степень сглаживания, параметр качества. Проделайте эту работу и оцените качество с точки зрения посетителя сайта. Сравните результат с предыдущим вариантом оптимизации в формат JPEG. Какой из них смотрится более выгодно и имеет меньший размер? Можно ли пренебречь потерей в качестве в пользу меньшего размера? Ответы на эти вопросы достаточно субъективны и давать их придется вам.

Примечание
Примечание
При оптимизации индексированных изображений часто приходится работать с их палитрой напрямую: редактировать цвета, приводить их полностью или частично к палитре Web, выборочно удалять цвета. Все эти манипуляции позволяет производить палитра Color Table. Работа с ней абсолютно идентична работе со вкладкой Color Table в модуле экспорта SaveFor Web Photoshop. По этой причине мы не будем повторяться и рассматривать ее в ImageReady.

1. Выберите наиболее подходящий вариант оптимизации щелчком курсором мыши в соответствующей половине окна документа.
2. Выберите команду Save Optimized As меню File.
3. В открывшемся окне введите имя оптимизированного файла, например "Europe_map", и нажмите кнопку Save. На многочисленных дополнительных настройках этого диалогового окна остановимся позднее. Оптимизированное изображение сохранено.
Подчеркнем, что если окно документа находится в режиме 2-Up или 4-Up, то команды Save Optimized и Save OptimizedAs (они отличаются точно так же, как Save и Save As) сохраняют тот: вариант документа который находится в активной части окна документа.
Какие варианты оптимизации будут отображаться в режимах Optimized, 2-Up и 4-Up окна документа, определяется установками программы Соответствующее диалоговое окно открывается командой Optimization из списка уста новок Preferences, находящегося в меню File (рис 10.24)



Содержание раздела