Фестиваль профессиональных веб-разработчиков
В начале октября, в отеле «Холидей Инн» прошел четвертый Фестиваль профессиональных веб разработчиков «404»

Окт 5, 2011

Графика для 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-ую, и, наконец, загружается полное изображение. Таким образом, подобное изображение проявляется в окне загрузки постепенно, увеличивая свою четкость по мере загрузки новых порций данных.

Страница: 1 из 3    -   --->

Навигация: 1  2  3  

Другие статьи по теме:

- Сколько и зачем
- Рисунок сотен слов дороже нам
- Графика: советы для начинающих
- Основы компьютерной графики
- Lathe и extrude

Много нового и интересного на сайте зимних Олимпийских игр в Сочи. Относительно недавно дизайн на проекте был кардинально обновлен.
Всемирное известное издание ARTCOM Media Group про дизайн и архитектуру выпустили журнал INTERNI.
Совсем недавно вышла книга, посвященная самой известной петербургской «Мухе», самой старой в Петербурге школе дизайна.
     Верстка | Анимация | Веб-Дизайн | HTML и CSS | Основы веб-графики
2003-2014 © sredaboom.ru
карта сайта обратная связь на главную