Изобразительная оптимизация (КВ-Лайт)

Скорости никогда не бывает достаточно, впрочем, как и ширины канала передачи данных, да и трафик частенько приходится оплачивать из своего кармана - эти факторы заставляют нас более критично относиться к объемам передаваемых данных, иначе говоря, банально экономить.

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

Сформулируем для себя задачу: уменьшить объем графического файла. Озвучим возможные пути ее решения: воспользоваться архиватором, призвать на помощь графический редактор. Теперь по порядку о каждом из вариантов.

Использование архиватора оправдано только в случае, когда вы имеете дело с изображением, которое хранится в формате tiff или psd. Поскольку данные форматы не подразумевают сжатие данных, то работа архиватора видна невооруженным глазом. Архивировать же jpg- или gif-файлы особого смысла нет (даже при максимальном качестве jpg-файла). Надо отметить, что формат tiff поддерживает сжатие по алгоритму zip и в случае его применения эффективность архивирования тоже будет низкой. Но исходный файл, естественно, будет занимать меньше места.

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


Photoshop

Что называется, классика жанра. Photoshop - продукт от компании Adobe, который признан во всем мире, пользуется заслуженным уважением и стоит соответственно. Рядовые пользователи в редких случаях могут позволить себе пользоваться этой программой на законных основаниях. Тем не менее, мы рассмотрим оптимизацию средствами Photoshop.

В состав этого программного продукта (в седьмой версии так точно) входит специальный плагин под названием Save for Web ("Сохранить для Web"). Он доступен из меню File ("Файл") > Save for Web ("Сохранить для Web").

Откройте изображение, требующее оптимизации, запустите Save for Web - и перед вами появится одноименное окошко.

В правой его части задаются параметры оптимизации и формат, в котором вы будете производить сжатие (jpeg или gif). У каждого из форматов свои параметры оптимизации. Для gif основным является количество цветов в таблице данного изображения, изменяется число цветов в строке Colors и может быть от 2 до 256. Так же можете поэкспериментировать с алгоритмом выбора цветов, в седьмой версии доступны: Perceptual, Selective, Adaptive, Web, Black&White и др. Что касается формата jpg, то основное внимание стоит обращать на строку Quality ("Качество"), в которой при помощи ползунка задается уровень качества сохраняемого изображения. Подвигайте ползунок, и результат тут же отобразится в левой части окна. Параметр Blur ("Размытие") размывает изображение, что при небольших значениях позволяет скрыть разводы, которые появляются на картинке при низком уровне качества.

Рекомендуется устанавливать птичку напротив пункта Progressive - это означает, что к изображению будет применено прогрессивное jpeg-кодирование. Преимущество такого кодирования в том, что при размещении картинки на сайте она будет отображаться у пользователя по мере загрузки.

Посмотреть размер оптимизированного изображения с текущими настройками можно в левой нижней части окна Save for Web.

Уменьшается размер (разрешение) картинки в главном меню Image > Image Size.


ACDSee

Еще один коммерческий продукт для работы с изображениями, который стал весьма известным, оброс всевозможными дополнительными функциями, благодаря чему превратился из простой "смотрелки" картинок в небольшой графический редактор. Основное назначение ACDSee - просматривать изображения, поэтому программу иногда называют вьювером (от английского view - смотреть). Однако, как уже говорилось, программа умеет не только "смотреть", но и редактировать.

Чтобы оптимизировать графический файл, откройте его для просмотра в программе ACDSee на полный экран, щелкните правой кнопкой мыши по изображению и в появившемся меню следуйте в направлении File > Save As. Перед вами появится окошко, в котором следует указать тип файла (gif или jpeg), который вы хотите назначить при сохранении, и папку, куда желаете разместить оптимизированное изображение. Но не спешите нажимать кнопку "Сохранить"! Сначала нажмите Options. Перед вами появится окно с параметрами оптимизации, где вы сможете задать нужные настройки.


IrfanView

Еще один просмотрщик графических файлов. Характеризуется своей бесплатностью и настраиваемостью. Кстати говоря, отличная программа, я перешел от ACDSee к IrfanView (www.irfanview.com), потому что последняя минимально загружает систему и при этом обладает всеми необходимыми мне возможностями, в том числе умеет оптимизировать изображения.

Откройте искомый графический файл, нажмите кнопку S или выберите пункт меню File>Save As - и перед вами появится диалоговое окно с панелью оптимизации (справа). В зависимости от того, какой формат вы будете выбирать в строке "Тип файла", на панели оптимизации будут появляться необходимые настройки.

Чтобы уменьшить разрешение открытой картинки, нажмите сочетание Ctrl+R или выберите пункт меню Image > Resize/Resample. В панели справа будет набор стандартных размеров, которым и рекомендуется воспользоваться.


Word

Об этом уже было рассказано на страницах нашей газеты, но позволю себе повториться. Оптимизация изображения основана на том, что Word умеет сохранять документы как веб-страницы. Итак, создаем пустой документ (Ctrl+N), размещаем в нем картинку, требующую оптимизации (Вставка>Рисунок>Из файла). Далее направляемся в меню "Файл" и выбираем пункт "Сохранить как веб-страницу". Даем название странице (предположим, my_page) и сохраняем. В том каталоге, куда вы сохранили файл my_page.htm, отыщите папку с мудреным названием my_page.files. В ней вы найдете оптимизированное (по сравнению с исходным) изображение, скорее всего, в формате jpg.

Согласитесь, довольно изящный способ. Он идеально подходит, когда под рукой нет специализированных программ для работы с графикой. Уменьшить размер картинки при помощи Word тоже возможно. Щелкните по внедренному в документ рисунку правой кнопкой мыши, выберите пункт "Формат рисунка" и в появившемся окне перейдите на вкладку "Размер" и в графе "Масштаб" изменяйте процентное значение полей "По высоте" или "По ширине".


Paint

Нельзя обойти вниманием входящую в стандартную поставку Windows программу Paint. Пожалуй, предустановленность является единственным плюсом программы в нашем контексте, потому что этот простейший графический редактор не предоставляет широких возможностей по оптимизации изображений. Открыв в Paint любую картинку, вы можете сохранить ее в формате jpg или gif, однако выбрать степень компрессии, увы, нельзя. И придется мириться с установками по умолчанию, впрочем, как и в случае с Word. Но когда выбирать не из чего, брезговать не приходится и вполне сгодится Paint (Пуск > Программы > Стандартные > Paint).

Между прочим, уменьшить размер (разрешение картинки) можно в меню Рисунок > Растянуть/Наклонить (поля "По горизонтали" или "По вертикали").

Дмитрий БАРДИЯН,
[email protected]


Форматы

Jpeg является широкоиспользуемым методом сжатия фотоизображений. Из-за особенностей алгоритма jpeg больше подходит для хранения фотографий, в отличие от gif, и является алгоритмом сжатия с потерей качества. Файлы этого формата не ограничены палитрой из 256 цветов, при желании они могут содержать до 16777216 цветов.

При сохранении jpeg-файла можно указать степень сжатия, которую обычно задают в некоторых условных единицах от 1 до 100 (иногда от 1 до 10). При этом большее число соответствует лучшему качеству, но увеличивается размер файла. Разница в качестве между 90 и 100 на глаз уже почти не воспринимается, а размер меняется ощутимо, поэтому в большинстве программ идеальными являются настройки от 75 до 90 (или от 5 до 8, если вы используете Adobe Photoshop). При необходимости получения совсем маленького файла при небольшом разрешении целесообразно попробовать формат gif или png.

Графический формат gif предназначен, в основном, для хранения "рисованных" изображений: чертежей, графиков и т. д. В нем используется так называемая индексированная цветовая палитра. Максимальное количество цветов - 256. Так что не стоит сохранять в формате gif, например, многоцветные фотографии - размер файла останется довольно большим, а качество изображения заметно ухудшится за счет уменьшения количества цветов. Зато файлы, содержащие много одноцветных точек, расположенных рядом, сжимаются с помощью формата gif до небольших размеров. Кроме того, формат gif имеет еще ряд достоинств.

Во-первых, gif-рисунок может быть "прозрачным" (прозрачность 2-битная). То есть, можно один цвет удалить из палитры gif, определив его как прозрачный. Тогда при отображении сквозь точки, окрашенные в этот цвет, на рисунке будет виден фон веб-страницы. Это очень помогает при создании рисунков фигурной формы. Например, этим приемом можно поместить на веб-страницу круглую фотографию, "обрезав" углы по нужной форме, при условии отсутствия под ними фона (фон - прозрачный).

Другое достоинство GIF-рисунков - возможность загружать их чересстрочным методом. Если графический файл имеет большой размер и грузится из интернета долго, пользователь увидит сначала как бы нечеткие контуры будущего рисунка, а по мере загрузки изображение будет постепенно "проявляться".

И, наконец, еще одно достоинство GIF-файлов - они могут содержать не только статичные рисунки, но и целые анимационные фрагменты. На самом деле эти фрагменты представляют собой последовательности нескольких статичных кадров, а также информацию о том, сколько времени каждый кадр должен задерживаться на экране.


Важная деталь

Кстати, объем картинки зависит от ее физических размеров, иначе говоря, разрешения. Посылать свою фотографию с разрешением 2048x1536 пикселов зачастую необоснованно, обычно достаточно разрешения 800x600 или 1024x768. Уменьшение размера картинки - еще один способ оптимизации.

Версия для печатиВерсия для печати

Номер: 

21 за 2006 год

Рубрика: 

Software
Заметили ошибку? Выделите ее мышкой и нажмите Ctrl+Enter!