Графика для web
Данная статья вряд ли пригодится профессионалам. Содержащиеся в статье практические примеры, описания и исторические справки скорее помогут новичкам понять и увидеть разницу между различными форматами изображений для web, а также, я надеюсь, научатся их грамотно, "к месту", использовать. Статей на данную тематику в интернет множество, но как и любой другой автор, я тешу себя надеждой, что моя статья наиболее проста для восприятия и максимально практична.
Форматов изображений, которые подходят для использования в web не так много. Чаще всего для этих целей используются три формата: GIF, JPEG, PNG. У каждого имеется свое применение.
Исторически сложилось так, что первым появился на свет формат GIF (Graphic Interchange Format), на основе алгоритма сжатия LZW, придуманного в 1977 году двумя израильскими математиками по фамилии Лемпель и Зив. В файлах формата GIF рисунок хранится в сжатом этим алгоритмом виде. Когда создавался GIF это было очень актуально, при низких интернет скоростях, чем меньше размер графического файла, тем быстрее загружается изображение. А так как используется сжатие, в относительно небольших файлах могут записываться достаточно большие рисунки. Еще одним из преимуществ данного формата является возможность один цвет сделать прозрачным. На самом деле, GIF не поддерживает прозрачность в изображениях (т.н. альфа-канал), он лишь позволяет назначить одному любому цвету в палитре атрибут прозрачности. Когда броузер рисует на экране такой GIF, то, встречая "прозрачный" пиксель, он просто игнорирует его и не печатает на экране.
Палитра цветов, используемая в GIF 8-битная (максимум 256 цветов). В графическом формате JPEG, например, используется до 16 миллионов цветов.
В файлах формата GIF могут быть сохранены анимированные изображения. Именно этот формат позволяет создавать файлы с чересстрочными (interlaced) изображениями. Чресстрочные изображения хранятся в gif-файле особым образом. В начале файла записываются строки с номером, кратным восьми, затем - четырем, и т.д. Таким образом, строчки, составляющие изображение, перемежаются, и при загрузке броузер вначале показывает каждую 8-ую строчку, потом каждую 4-ую, каждую 2-ую, и, наконец, загружается полное изображение. Таким образом, подобное изображение проявляется в окне загрузки постепенно, увеличивая свою четкость по мере загрузки новых порций данных.
Другие статьи по теме:
-
Рисунок сотен слов дороже нам-
Что такое безопасная палитра цветов?-
Компьютерная графика. С чего начать?-
Основные понятия 3d-графики-
И тогда Он решил создать человека...