|
Предположим, вы выбрали изображения, которые хотите поместить на страницу. Но сразу это сделать, как правило, нельзя - размер графики окажется слишком большим. Кроме того, зачастую необходимо редактирование изображения - требуется обрезать края, изменить яркость, цветовую гамму и пр. Здесь на помощь придет графический редактор.
На сегодняшний день существует множество различных графических редакторов - от мощных пакетов, таких как Photoshop и Corel Draw до небольших и часто бесплатных программ. Для наших скромных целей по оптимизации графического изображения, коррекции яркости, цвета и усечению видимой области мощный и дорогой пакет абсолютно ни к чему - вполне достаточным будет использование простого бесплатного редактора. В качестве такой программы предлагаю IrfanView - это маленький просмотрщик
и редактор
графики. Скачать IrfanView 3.98 вместе с русификатором можно здесь. О нем и расскажу ниже. Если же Вам потребуется больше функций - есть отличный бесплатный редактор Gimp. Можно ознакомиться с его обзором, а саму программу скачать отсюда (ссылки открываются в новом окне). Размер этой программы 24 МБ.
Прежде чем приступить к обзору IfranView, немного скажу о графических форматах в сети. В интернет графика хранится в основном в двух форматах - JPEG и GIF.
JPEG - формат с потерями, т.е если вы сохранили графику в этом формате, то пересохранив в предыдущий (в котором оригинал - например .bmp) идентичности с оригиналом вы уже не получите.
Потери эти визуально выражаются в появлении мозаичности и замыленности изображения.
Дело в том, что сжатие информации в JPEG происходит на основе уменьшения блоками цветовой и частично яркостной информации
- такое преобразование учитывает особенности нашего глаза, поэтому при
невысоком сжатии практически незаметно. Степень сжатия задается при сохранении графического файла в этом формате и задается параметром "качество" или аналогичным. Этот параметр может варьироваться от 100% (наилучшее качество) до 1-2% (наименьший размер). Сохранение файла в этом формате позволяет существенно уменьшить его размер, при этом как правило возможно найти удачный компромисс между качеством изображения и размером файла. Сохранять в этот формат целесообразно фотографии, а так же изображения
с плавной
сменой цветов или с доминированием одного цвета, но без мелких деталей. Например мелкий текст на каком-то фоне сохранять в этом формате нерационально - он будет смазан и плохо читаем. А вот рисунок градиентной заливки или текстуру дерева JPEG сохранит неплохо. Такие ньюансы связаны с принципами сжатия этого формата. Что касается противоречия - нелюбви JPEG к мелким деталям на изображении и совету сохранять в JPEG фотографии - то здесь часто нет другого выбора т.к
формат GIF принципиально уменьшает количество цветов сохраняемого изображения.
GIF - так же формат с потерями. Здесь сжатие достигается уменьшением количества цветов палитры до 256 и ниже (возможно до 2 цветов) и из оставшегося набора состявляется прежнее изображение путем смешивания точек разных цветов. Соответственно чем больше количество цветов, тем меньшая заметность пикселизации изображения, но тем выше размер графического файла. Как следует из вышесказанного, в этом формате целесообразно
сохранять все то, что нельзя сохранить в JPEG :-). Например мелкий текст на цветном фоне. Рисунки, иногда даже некоторые фотографии. Так же в формате GIF возможно создавать анимированные изображения, т.е последовательную смену набора рисунков. В сети анимированные GIF широко используются из-за своего небольшого размера и полной совместимости со всеми типами браузеров. Степень сжатия и размер файла в формате GIF зависит от количества цветов, которые задаются сохраняемому файлу, а так же варианту
сжатия - способа смешивания точек заданного количества цветов (для каждого файла оптимальным может быть свой).
Чтобы лучше разобраться с этими двумя форматами, советую взять несколько различных изображений (фотографию, градиент, рисунок) и сохранить их в JPEG и GIF с разным качеством/количеством цветов, а затем сравнить размеры получившихся файлов и сопоставить с качеством полученных изображений.
Напомню, что суммарный размер страницы (файл html + рисунки к нему) желателен до 50 кбайт. На это так же стоит ориентироваться при выборе количества, размеров и степени сжатия изображений, размещаемых на странице.
Далее рассмотрим работу с изображением в программе IfranView на конкретном примере.
далее (редактор IfranView) ->>
|