Далее на странице...
Как правило, для вставки изображений на веб-страницу используется один из трех графических форматов: gif, png и jpg/jpeg.
Все эти форматы относятся к растровой графике. Что это значит?
Растровое изображение – это изображение, состоящее из сетки пикселов (цветных прямоугольных точек). А пиксель в свою очередь – это наименьший двумерный элемент цифрового изображения в растровой графике.
Растровые изображения распространены практически везде, в основном именно они используются в веб-дизайне, так как с ними удобно и быстро работать.
Далее подробнее поговорим о графических форматах gif, png и jpg/jpeg, использующихся для вставки изображений на сайт.
Формат GIF
Формат gif – достаточно пожилой (разработан в 1987 году) и один из самых распространенных и популярных форматов изображений, использующихся на веб-страницах.
Формат gif способен хранить сжатые данные без потери качества в формате не более 256 цветов (8-битный цвет) - это максимальное количество цветов, которые могут быть одновременно отображены на одном пикселе. Это ограничивает область применения формата изображениями, имеющими резкие цветовые переходы.
Однако, одним из основных достоинств формата является его поддержка всеми браузерами, начиная с самых первых версий. Поэтому картинки gif часто применяются вместо анимированных кнопок и баннеров, созданных с помощью технологии Flash, которая предполагает, что на каждом браузере установлен плагин Flash или элемент ActiveX Flash нужной версии.
Формат PNG
Формат png был создан независимыми программистами в 1995 году с целью улучшить формат gif, который перешел в разряд коммерческих продуктов.
Формат png делает почти все, что и формат gif, за исключением анимации.
Размер 8-битной картинки в формате png будет меньше, чем у gif. Но самые мелкие мелочи получатся легче у gif.
Формат png поддерживает цветные фотографические изображения вплоть до 48-битных включительно. Хорошо подходит для публикации высококачественной растровой графики на страницах сайтов.
В зависимости от свойств изображения формат png иногда предпочтительнее, нежели gif или jpg.
Стоит отметить, что прозрачность фона поддерживается в двух форматах - gif и png. Но png в этом плане более предпочтительный вариант, так как gif может предложить только двоичную прозрачность (прозрачный или не прозрачный), в то время как png может иметь 256 вариантов прозрачности. Например, в формате png можно изобразить полупрозрачную тень.
Формат JPG/JPEG
Формат jpg - самый популярный и подходящий формат для хранения в Интернет и размещения на веб-страницах фотографических полно цветных изображений.
Формат jpg является общепризнанным стандартом и может хранить только 24-битовые полно цветные изображения.
Изображения в формате jpg сжаты, но при этом удалена та информация, которая несущественна для восприятия изображений.
Для вставки изображений на страницы сайта рекомендуется исходить из правила: максимальное качество при минимальном размере.
Изображение в формате jpg - Размер 4,038 Mb.
Изображение в формате gif - Размер 3,773 Mb.
Изображение в формате png-24 - Размер 13,674 Mb.
Изображение в формате png-8 - Размер 3,119 Mb.
В данном примере нет ощутимой разницы между изображениями. Все они примерно равны по размеру в Мб, за исключением картинки в формате png-24. Ее отличие от формата png-8 в том, что последний использует 256 цветов, в то время как png-24 16 миллионов.
Эти изображения редактировались и были сохранены в различных форматах специально для WEB при помощи программы AdobePhotoshop. Естественно, качество и размер изображений могут быть другими - программа AdobePhotoshop позволяет гибко варьировать эти параметры при сохранении графических файлов для веб-страниц.
Итак, здесь мы рассмотрели три основных графических формата, использующихся для вставки изображений на страницы сайтов. Это форматы gif, png и jpg. Удачи Вам в работе с графикой.
