Откройте изображение, требующее оптимизации, запустите Save for Web, и перед вами откроется окно (рис. 10.19).
Рис. 10.19. Инструмент Adobe Photoshop: Save for Web
В правой части окна можно указать параметры оптимизации и формат, который необходимо использовать для сжатия (JPEG или GIF). У каждого формата свои параметры оптимизации. Для GIF основным является используемое количество цветов в таблице изображения – изменяется количество цветов в строке Colors (может быть от 2 до 256). Можно также поэкспериментировать с алгоритмом выбора цветов: в седьмой версии доступны алгоритмы Perceptual, Selective, Adaptive, Web, Black&White и др. Что касается формата JPG, то здесь основное внимание стоит обратить на строку Quality (Качество), в которой с помощью ползунка задается уровень качества сохраняемого изображения. Передвиньте ползунок – и результат тут же отобразится в левой части окна. Параметр Blur (Размытие) смазывает изображение, что при небольших значениях позволяет скрыть разводы, которые появляются на нем при низком уровне качества.
Рекомендуется установить флажок Progressive, что позволит применить к изображению прогрессивное JPEG-кодирование. Преимущество такого кодирования в том, что при размещении изображения на сайте оно будет отображаться у пользователя по мере загрузки.
Формат JPEG является широкоиспользуемым методом сжатия фотоизображений. Из-за особенностей алгоритма JPEG, в отличие от GIF, больше подходит для хранения фотографий и является алгоритмом сжатия с потерей качества. Файлы этого формата не ограничены палитрой из 256 цветов и при желании могут содержать до 16 777 216 цветов.
При сохранении JPEG-файла можно указать степень сжатия, которую обычно задают в некоторых условных единицах от 1 до 100 (иногда от 1 до 10). При этом большее число соответствует более высокому качеству, что, в свою очередь, вызывает увеличение размера файла. Разница в качестве между 90 и 100 на глаз уже почти не воспринимается, а размер меняется ощутимо, поэтому в большинстве программ идеальными являются настройки от 75 до 90 (или от 5 до 8, если вы используете Adobe Photoshop). При необходимости получения совсем небольшого по объему файла при небольшом разрешении целесообразно попробовать формат GIF или PNG.
Графический формат GIF предназначен в основном для хранения «рисованых» изображений: чертежей, графиков и т. д. В нем используется так называемая индексированная цветовая палитра. Максимальное количество цветов в ней – 256. Так что не стоит сохранять в формате GIF, например, многоцветные фотографии – размер файла останется достаточно большим, а качество изображения заметно ухудшится за счет уменьшения количества цветов. Зато файлы, содержащие много одноцветных точек, расположенных рядом, можно сжать с помощью формата GIF до совсем небольших размеров. Кроме того, формат GIF имеет еще ряд достоинств.
Во-первых, GIF-изображение может быть «прозрачным» (прозрачность двухбитная). То есть формат позволяет удалить из палитры один цвет, определив его как прозрачный. Тогда при просмотре изображения сквозь точки, окрашенные в данный цвет, на рисунке будет виден фон веб-страницы. Это очень помогает при создании изображений сложной формы. Например, этим приемом можно поместить на веб-страницу фотографию круглой формы, обрезав углы необходимым способом, при условии отсутствия под ними фона (фон прозрачный).
Другое достоинство GIF-рисунков – возможность загружать их чересстрочным методом. Если графический файл имеет большой размер и загружается из Интернета долго, пользователь увидит сначала лишь нечеткие контуры будущего рисунка, а по мере загрузки изображение будет постепенно «проявляться».
И, наконец, еще одно достоинство GIF-файлов – они могут содержать не только статичные изображения, но и целые анимационные фрагменты. На самом деле эти фрагменты представляют собой последовательности нескольких статичных кадров, а также информацию о том, сколько времени каждый кадр должен задерживаться на экране.
ACDSee
Это еще один коммерческий продукт, предназначенный для работы с изображениями, который стал весьма известным, оброс всевозможными дополнительными функциями, благодаря чему превратился из простой программы просмотра изображений в небольшой графический редактор. Основное назначение ACDSee – просматривать изображения, поэтому программу иногда называют просмотрщиком. Однако, как уже говорилось, она умеет не только «смотреть», но и редактировать (рис. 10.20).
Рис. 10.20. Оптимизация изображения с помощью ACDSee
Чтобы оптимизировать графический файл, откройте его с помощью программы ACDSee, щелкните правой кнопкой мыши на изображении и в открывшемся меню выполните команду File → Save As. Перед вами откроется окно, в котором нужно будет указать тип файла для сохранения (GIF или JPEG) и папку, куда необходимо поместить оптимизированное изображение. Но не спешите нажимать кнопку Сохранить! Сначала нажмите кнопку Options – откроется окно с параметрами оптимизации, где вы сможете задать нужные настройки.
IrfanView
Это еще один просмотрщик графических файлов, но на этот раз бесплатный и характеризующийся при этом наличием широких возможностей настраива362 ния. Кстати говоря, это отличная программа – я перешел от ACDSee к IrfanView. Программу вы можете найти на сайте www.irfanview.com, потому что последняя минимально загружает систему и при этом обладает всеми необходимыми мне возможностями, в том числе способна оптимизировать изображения.
Откройте необходимый графический файл, нажмите клавишу S или выполните команду меню File → Save As, и перед вами откроется окно с панелью оптимизации (справа). В зависимости от того какой формат вы выберете в строке Тип файла, на панели оптимизации будут появляться необходимые настройки.
Чтобы уменьшить разрешение открытого изображения, нажмите сочетание клавиш Ctrl+R или выполните команду меню Image → Resize/Resample. В открывшемся окне на панели справа будет представлен список доступных стандартных размеров, которым и рекомендуется воспользоваться.
Microsoft Word
Да, именно Microsoft Word! Вам не показалось, и это не описка. Спешу заверить: я не употребляю в пищу галлюциногенных грибов, не засиживаюсь в машине с включенным двигателем и хорошо высыпаюсь. Просто Word таит в себе много неожиданностей. Заинтригованы? Тогда вперед.
Оптимизация изображения основана на том, что данная программа способна сохранять документы как веб-страницы. Итак, откройте редактор и создайте пустой документ (нажмите сочетание клавиш Ctrl+N), разместите в нем картинку, требующую оптимизации (выполните команду меню Вставка → Рисунок → Из файла). Далее откройте меню Файл и выберите команду Сохранить как веб-страницу. Дайте название файлу (к примеру, my_page) и сохраните. В той папке, куда вы сохранили файл my_page.htm, найдите папку с названием my_page.files. В ней вы найдете оптимизированное (по сравнению с исходным) изображение – скорее всего, в формате JPG.
Согласитесь, довольно изящный способ. Он идеально подходит, если под рукой нет специализированных программ, предназначенных для работы с графикой. Уменьшить размер изображения с помощью Microsoft Word тоже возможно. Щелкните на внедренном в документ рисунке правой кнопкой мыши, выберите в меню пункт Формат рисунка, в открывшемся окне перейдите на вкладку Размер и в области Масштаб измените значение поля По высоте или По ширине (рис. 10.21).
Рис. 10.21. Уменьшение размера изображения средствами Microsoft Word
Paint
Нельзя обойти вниманием входящую в стандартный комплект приложений Windows программу Paint (меню Пуск → Программы → Стандартные → Paint). Пожалуй, то, что утилита является предустановленной, – единственное достоинство программы в текущем контексте, поскольку этот простейший графический редактор не предоставляет широких возможностей по оптимизации изображений. Открыв в Paint любой графический объект, вы можете сохранить его в формате JPG или GIF, однако выбрать степень сжатия, увы, не получится – придется мириться с установками по умолчанию, впрочем, как и в случае с Microsoft Word. Но когда выбирать не из чего, вполне сгодится и Paint.
Между прочим, уменьшить размер (разрешение) изображения можно с помощью команды меню Рисунок → Растянуть/Наклонить (поля По горизонтали и По вертикали).
Совет
Объем изображения зависит от его физических размеров – иначе говоря, разрешения. Посылать свою фотографию с разрешением 2048 × 1536 пикселов зачастую необоснованно – обычно достаточно разрешения 800 × 600 или 1024 × 768 пикселов. Уменьшение размера изображения – еще один способ оптимизации.
