Картинки в авоське: форматы графических файлов в Интернете

Спецвыпуск Xakep, номер #015, стр. 015-062-4

FST (FAST Image Transfer)

Формат FST (*.fst) - еще один малоизвестный, но используемый в Интернете, формат. При одинаковом качестве изображения файлы этого формата имеют объем в 2-6 раз меньший, чем JPEG. Но для отображения в браузере сначала загружается java-апплет размером 22 Кбайт, который декодирует и отображает картинку на экране. Апплет поддерживается, начиная с третьих версий браузеров.

Flash - векторный формат и не только

Примером векторного формата в Инете служит Flash (.swf файлы). Этот формат был разработан компанией Maсromedia и активно продвигается на рынок и в сеть. Что ж, сия фича довольно перспективна и уже активно юзается пагостроителями всех сортов и оттенков. Flash интересен тем, что включает в себя не только графику, но и текст, звук и скрипты. Все это хранится очень компактно, поэтому подходит для юзания в Интернете. Такое объединение делает flash-формат очень удобным для разработчиков (веб-дизигнеров). Что же касается графики, то она здесь именно векторная. То есть Flash хранит изображение в виде типов примитива и параметров, что конкретно срубает размеры файла. Но недостаток векторной графики в том, что нельзя замутить размытия и тени, поэтому она серьезно проигрывает растру по качеству (фотку в ней точно не сохранишь). Поэтому Flash позволяет сохранять и битмапы - правда, очень сильно их жмет. Flash-формат поддерживается IE, начиная с четвертой версии, но перцы из Макромедии постоянно выпускают новые версии Flash-а, поэтому лучше все-таки утянуть свежий плюгин для осла с www.macromedia.com.

Вердикт

Чаще всего в вебе используются два формата: JPEG и GIF. Если нужно выложить большое изображение с количеством цветов более 256 или с высоким разрешением - используй JPEG. Если нужно делать кнопки, заливку, небольшие графические элементы или изображения с количеством цветов менее 256 - используй GIF. PNG хоть и обладает более высокими характеристиками, чем GIF, и поддерживается браузерами, начиная с 4-х версий, но встречается не особо часто в Интернете, так как не все графические редакторы включили его поддержку. Но если ты работаешь с редактором, который поддерживает PNG-формат, смело используй именно его. Для анимации подойдет GIF-формат - и уже существует полно программ, с помощью которых ты можешь сделать такую анимацию, например, Ulead GIF Animator или Microsoft GIF Animator. Если же ты хочешь сделать полную анимацию сайта, то используй Flash, так как этот формат может работать как с растровой, так и с векторной графикой. Более подробно про нюансы алгоритмов архивации и сжатия смотри, к примеру, по адресам http://www.kgg.boom.ru/pages/page01.htm и http://kunegin.narod.ru/ref1/code/index.htm.

Полезные советы

- Ограничения палитры в 256 цветов у формата GIF можно избежать, разрезав картинку на отдельные кусочки, каждый из которых использует свою палитру из цветов, характерных именно для этого кусочка. Для вывода используется таблица, каждая из ячеек которой содержит свой кусочек картинки. Этот же способ работает и при использовании 256-цветного PNG.

Назад на стр. 015-062-3  Содержание  Вперед на стр. 015-062-5

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001