Графика для ВЕБ страниц : Графика для ВЕБ страниц Что значит «оптимизация изображений»
Форматы файлов для ВЕБ : Форматы файлов для ВЕБ Задача – максимально уменьшить объём файла, при приемлемом качестве изображения Растровые форматы:
GIF, JPEG, PNG Векторный формат:
SWF
GIF : GIF Graphics Interchange Format (GIF) был явлен в 1987 году.
Текущая версия - GIF89a
Особенности:
Позволяет хранить до 256 цветов (произвольные)
Отлично подходит для сжатия изображений содержащих большие поля одного сплошного цвета
Применение GIF : Применение GIF Современная версия формата отлично подходит для картинок с чёткими краями (векторные логотипы, текст в виде катринки, рисованная анимация)
Может один из цветов быть прозрачным
Поддерживает покадровую анимацию
Примеры GIF : Примеры GIF прозрачность логотип Текст
Недостатки GIF : Недостатки GIF Для полноцветных изображений, в том числе для фотографий, формат GIF мало применим. В этом случае следует использовать другие форматы сжатия. градиент оригинал GIF
JPEG : JPEG JPEG (Joint Photographics Experts Group) - cтандарт на сжатие полноцветных неподвижных изображений с отличным коофициентом сжатия
формат поддерживает 16 миллионов цветов
Отлично подходит для фотографий
Сила сжатия может регулироваться
Примеры JPEG : Примеры JPEG
Артефакты сжатия JPEG : Артефакты сжатия JPEG оригинал Сильно сжатый файл JPEG
PNG-8 : PNG-8 PNG (Portable Network Graphics)
Улучшенная и более современная версия GIFа,
Использует индексные цвета (до 256 цветов),
Обладает чуть большим коэффициентом сжатия,
Поддерживает один прозрачный цвет,
Нет возможности анимации,
Рекомендую использовать вместо GIF
Применение JPEG и PNG-8 : Применение JPEG и PNG-8
Другие форматы: PNG-24 и SWF : Другие форматы: PNG-24 и SWF Особенности форматов
PNG-24 : PNG-24 поддерживает, как и JPEG много миллионов цветов, кроме того у него есть замечательная особенность - он поддерживает alpha-transparency (альфа прозрачность), т.е. частичная прозрачность пиксела (переходная прозрачность)
Недостаток один – неоправданно большой объём файла (в 2-3 раза больше, чем у JPEG)
Векторный формат (Flash) : Векторный формат (Flash) SWF (Shockwave Flash или Small Web Format) – в браузерах за его отображение отвечают плагины (или ActiveX – компоненты в IE)
Один из самых популярных инcтрументов для создания изображений в этом формате – Adobe Flash
Используется в основном для вывода анимированных роликов или интерактивных объектов
Практика сохранения оптимизированных изображений : Практика сохранения оптимизированных изображений «Save for WEB…» в Adobe Photoshop
«Save for WEB…» в Adobe Photoshop : «Save for WEB…» в Adobe Photoshop
Дистанционные Курсы по подготовке графики для сайта : Дистанционные Курсы по подготовке графики для сайта Правила подготовки иллюстраций и «модные фишки» в оформлении сайтов