МИР ВЕБМАСТЕРА
Меню сайта
Категории каталога
ВебМастеру [111]Раскрутка сайта [122]Уроки Photoshop [44]Who is who в Инете [21]
PC [13]Разное [0]CopyPaste [4]
Главная » Статьи » Уроки Photoshop

Оптимизация графики под Web (форматы GIF, JPEG, PNG-8, PNG-24)

это бомба $550 дают просто так

Оптимизация графики под Web (форматы GIF, JPEG, PNG-8, PNG-24)

Большинство браузеров поддерживает только три формата изображений: GIF, JPEG и PNG. Каждый из них имеет свои сильные и слабые стороны и вопрос выбора оптимального формата для использования в HTML-страницах должен определяться в каждом конкретном случае индивидуально. В данном приложении рассмотрены особенности распространенных графических форматов.

 
 

Формат GIF

Аббревиатура GIF расшифровывается как Graphics Interchange Format — формат для обмена графикой. Это растровый формат, цветовой диапазон которого ограничен 256 цветами, т. к. для хранения информации о цвете используются только 8 битов. Для уменьшения размера графических файлов возможно сократить количество используемых цветов до 2. Формат GIF поддерживает прозрачность. Сквозь пикселы, которым назначен прозрачный цвет, будут видны нижележащие объекты, либо фон. Однако в изображениях формата GIF может использоваться только один уровень прозрачности — прозрачность 100%, в отличие от формата PNG, который поддерживает 256 уровней прозрачности.

Еще одно преимущество формата GIF — чересстрочная развертка. При включении этой опции изображение будет постепенно увеличивать четкость по мере его загрузки. Сначала будут отображена каждая 8 строчка, затем каждая 4, каждая 2 и, наконец, будет выведено полное изображение. Таким образом, изображение появляется на экране почти сразу после начала загрузки страницы и, не дожидаясь полной загрузки, можно понять, что представлено на картинке.

Еще одно сильное качество формата GIF — поддержка анимации. Анимация поддерживается в версии формата GIF89a. В этом случае изображение представляется в виде сменяющих друг друга кадров.

Сжатие в формате GIF осуществляется по строкам, т.е. если строка имеет однородный цвет, то при сохранении в GIF к ней будет применено сжатие. Если однородный цвет используется в столбцах, то сжатия не происходит.

 

Применение GIF

Формат GIF следует использовать в том случае, если цветовой диапазон исходных изображений не превышает 256 цветов, либо количество цветов может быть уменьшено без существенного ухудшения качества. Это, как правило, изображения с большими площадями однородных одноцветных областей, изображения, полученные конвертированием из векторных форматов, изображения с текстом.

Для полноцветных изображений, в том числе для фотографий, формат GIF мало применим. В этом случае следует использовать другие форматы сжатия.



Формат GIF следует использовать в том случае, если цветовой диапазон исходных изображений не превышает 256 цветов, либо количество цветов может быть уменьшено без существенного ухудшения качества.

 
 

Формат JPEG

JPEG расшифровывается как Joint Photographic Experts Group — объединенная группа экспертов в области фотографии. Изображения в формате JPEG поддерживают 24-битные цвета, и вследствие этого им хорошо пользоваться для сохранения полноцветных изображений. Формат предполагает сжатие с потерями. JPEG-сжатие основано на разложении изображений на составляющие, близкие к тем, которые используются в человеческом зрении при отбрасывании информации, не сказывающейся на зрительное восприятие образа. За счет этого достигается высокое сжатие изображений при незначительном ухудшении качества. Степень сжатия и качество изображений находятся в обратной зависимости: чем сильнее сжато изображение, тем ниже его качество. Обычно эти параметры определяются в процентах в диапазоне от 0 до 100.

 

Применение JPEG

JPEG хорошо подходит для изображений с богатой цветовой гаммой, плавным переходом цветов, для фотографий и изображений с градиентными областями.

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

Формат JPEG получил свое развитие в формате JPEG 2000, который вводит новые возможности и улучшает качество сжатия изображений, но пока этот новый формат не получил поддержки в браузерах и недоступен для использования в Интернете.



JPEG хорошо подходит для изображений с богатой цветовой гаммой, плавным переходом цветов, для фотографий и изображений с градиентными областями.

 
 

Формат PNG

Формат PNG расшифровывается как Portable Network Graphics — переносимая сетевая графика. Это относительно новый формат, призванный заменить собой формат GIF. Формат PNG существует в двух вариантах PNG-8 и PNG-24. PNG-8 практически полностью аналогичен формату GIF, за исключением улучшенного сжатия и отсутствия возможности анимации.

PNG-24 обладает рядом дополнительных преимуществ, таких как:

  • наличие альфа-прозрачности — метода определения прозрачных областей, который в отличие от формата GIF обеспечивает 256 уровней прозрачности; О существование гамма-коррекции — автоматической коррекции яркости изображения при воспроизведении на разных системах;
  • применение улучшенного сжатия.

 

Применение PNG

Распространение формата PNG сдерживается старыми версиями браузеров, не поддерживающих данный формат, а также недостаточной и неполной поддержкой возможностей PNG в новых версиях. Так, например, обстоит дело с альфа-прозрачностью, поддержка которой отсутствует в браузерах.

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

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


 
 

Оптимизация графики

Для качественной оптимизации графики следует использовать специальные графические программы, такие как Adobe Photoshop, ImageReady, Ulead Smart Saver, Macromedia Fireworks, PhotoImpact. В программе Adobe Photoshop диалоговое окно, предназначенное для оптимизации графики для Web, открывается по команде Save for Web из меню File. Из-за того, что в разных форматах применяются разные алгоритмы сжатия и хранений информации, для них существуют разные правила оптимизации.



BBCode:
HTML:  
[ Скрыть ссылки ]




Категория: Уроки Photoshop | Добавил: ya (04.10.2008)
Просмотров: 22483 | Комментарии: 2 |
Всего комментариев: 1
avatar
0
1 Игорек • 09:51, 02.02.2012
Прошу прощения, что я вмешиваюсь, но не могли бы Вы дать немного больше информации.




avatar
Форма входа
Поиск
TRANSLATOR
Друзья сайта
Статистика
p
IP:34.228.142.94


Здесь и Сейчас: 1
Прохожих: 1
VIP: 0
l
n