.

Сжатие изображений в форматах GIF и JPEG

Для обеспечения максимального сжатия файла изображения были созданы форматы GIF и JPEG, которые в настоящий момент наиболее популярны в Интернете. Оба вышеперечисленных формата используют специальный алгоритм (последовательность математических формул) для того, чтобы сохранить изображение при минимальном использовании дискового пространства. Этот процесс называется сжатием.

GIF. В формате GIF используется схема сжатия Run Length Encoding (групповое кодирование), или RLE. Данный алгоритм предполагает построчный просмотр всех пикселей, и если встречаются области одинакового цвета, то они заменяются кратким кодом, тем самым уменьшается размер файла. Изображение с большими участками одного цвета (например, мультипликационные изображения) сжимается гораздо лучше, чем фотографии с множеством плавных переходов цвета. По этой причине формат GIF следует использовать для изображений с одинаковыми цветами, а не для фотографий. Формат GIF не изменяет исходные пиксели изображения. Именно поэтому он считается форматом сжатия без потерь. JPEG. С другой стороны, алгоритм сжатия JPEG изменяет и усредняет небольшие цветовые блоки в изображении. Данный метод ухудшает качество изображения. На изображении появляются дефекты или так называемые артефакты. Следовательно, JPEG считается форматом с потерями качества. Артефакты не так заметны в фотографиях, как в однотонной графике. Например, артефакты могут сильно бросаться в глаза в графическом тексте или в однотонных изображениях. По этой причине формат JPEG лучше использовать для фотографий, чем для олнотонной графики.

 12.1 показана надпись, которая сохранена в обоих форматах — JPEG и GIF. При увеличении видно, что GIF-изображение более отчетливое и без потерь — не упущена ни единая деталь, несмотря на то что цветовая палитра сокращена до шести цветов, а размер файла уменьшился до 2 Кбайт. Справа представлено изображение, которое я сохранила в формате JPEG с 50%-ным качеством. В формате JPEG размер этого же изображения равен 4 Кбайт. То есть получается, что размер файла увеличивается в 2 раза при 50%-ном снижении качества. Обратите внимание на ощутимые дефекты, которые появились вокруг текста. Эти дефекты не так заметны в фотографиях, вот почему формат JPEG целесообразнее использовать для сохранения фотографий.

Исходное изображение 12.1 представлено только однотонными областями и текстом, поэтому, не задумываясь, для него можно выбирать формат GIF. Однако проблемы начинают возникать тогда, когда изображение содержит текст, однотонные области и фотографии Какой формат выбрать в таком случае — GIF или JPEG? Для ответа на этот вопрос воспользуйтесь следующими советами.

Используйте формат GIF с адаптивной палитрой. Адаптивная палитра позволяет отобразить наиболее подходящие цвета для изображения. (Подробная информация по адаптивным палитрам представлена в главе 9.) Таким образом, вы получаете качественные и удобные для восприятия текстовые и графические области, при этом по-прежнему сохраняя точную цветопередачу для фотографии. Хотя, конечно, для получения наивысшего качества нужна палитра с множеством цветов, что увеличивает размер файла.

Разделите изображение на отдельные области. Изучите пример, представленный 12.2. Вы можете сохранить текст и часть графики в формате GIF, используя небольшой набор цветов в палитре, а другую часть с фотографией сохранить в формате JPEG. Более подробная информация по данному вопросу представлена в разделе “Создание фрагментов Web- изображения”.

Еще одной причиной популярности формата GIF является возможность использовать прозрачность элементов. Эта особенность полезна при наложении изображения поверх фонового узора, например поверх мозаичного фона. Когда вы делаете фон вокруг вашего i зображения прозрачным, изображение получается объемным. Если вы не сделаете прозрачным фон, то получите нагромождение элементов, расположенных поверх фонового узора Web-страницы.

Ф Когда вы создаете графические изображения, они всегда получаются прямоугольной формы. В ходе творческого процесса по созданию графики вы можете задать любой цвет фона, на котором будете работать. При экспорте в формат GIF выбранный вами цвет фона будет сохранен вместе с графикой. Если вы не задали цвет фона, а работали на прозрачном слое в одной из программ (Photoshop или Fireworks), то по умолчанию при экспорте будет использован белый цвет фона. В любом случае вы получите файл с изображением на прямоугольном фоне белого или какого-либо другого цвета (рис. 12.3).



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×