Изображения: форматы и сжатие (1/3)

[m0sk1t]

Будет совсем шикарно если вы расскажете про методы оптимизации и паковки\распаковки изображений для браузерных игр (html5+JS). Спасибо за статью!

[1ney]

Спрайты и локал сторейдж уже не справляются??

[m0sk1t]

неа =)

[1ney]

Нету никаких специальных видов оптимизаций для передачи тонн спрайтов. Хотя, как вариант — можно попробовать хранить все в флеше(по сути — джипег с маской на альфаканал), но это извращение. Хотя для анимированного объекта может и ок будет.

[subzey]

Это же прямо-таки описание формата JNG.

Кстати, отличная идея, 1ney! В PNG разделение цвета и альфы на разные изображения действительно может дать свои плюсы. PNG вообще по этому поводу часто критикуют.

Демо

86 128 б


71 919 б


6 764 б

Все изображения оптимизированы с одинаковыми настройками. Автор: Mythique-Design.

[Triang3l]

Не думаю так. HTTP-запрос — тоже довольно большая нагрузка. При этом ещё и для сервера не так хорошо — дополнительный запрос из кеша.

[lesobrod]

Спасибо! Сам как-то разбирался с rar и zip, а вот про изображения у вас почитаю.
Знаю, что в одном из форматов применяются фракталы и т.н. системы итерированных функций.
Интересно про это будет почитать.

[Vorchun]

Шикарно! Хорошая статья. Спасибо. Жду продолжения

[Vorchun]

Вот какие вы хабролюди — за благадарность карму снимаете. Хабр все тот же

[VokaMut]

Многие уже используют шрифты вместо картинок(нaпример bootstrap), но всё равно минимализм отличается от полноценной картинки.

[subzey]

Хочется в ответ процитировать Дмитрия Барановского:

Using icon fonts is like using tables for layout: temporary workaround due to immaturity of technology.
You want vector icons? Try SVG.

[everyonesdesign]

Ну, с одной стороны да, а с другой, при использовании в псевдоэлементах шрифт, состоящий из иконок, не наносит никакого ущерба семантике документа, а на этом, по сути, и заканчивается сходство с версткой таблицами.

[TiGR]

Вопрос: а к SVG можно применять те же эффекты, что и к шрифту? Легко менять цвет, фон, добавлять тени?

[subzey]

Цвет в заинлайненных svg меняется очень легко, css-свойством fill. Тень делается через filter effects.

Более того, некоторые элементы можно выносить в <defs> (что-то вроде библиотеки в флеше), а потом фигуру любой сложности использовать при помощи <use> в нужном месте с перекрытыми по необходимости атрибутами и css.

Единственная, но очень важная, проблема — эту «библиотеку» можно только инлайнить в каждую страницу, т.е., подключить её не получится. Впрочем, <iframe seamless> теоретически может помочь, но даже если и так, это костыль, а не решение.

Вкратце: имхо, SVG — очень клёвая идея с недостаточно продуманной имплементацией.

[TiGR]

Итого, получается слишком сложно и многословно для простых иконок. К тому же работает далеко не во всех браузерах (по крайней мере не все функции).

icon fonts, получается, пока что впереди.

[subzey]

Ага. Я верю, наступит тот день, когда векторные картинки будут делать через svg, колонки при помощи grid layout, а выравнивание — флексбоксом. Ну а пока будущее не наступило… эх!

[TAURUSiv43]

Мое знакомство с форматом PCX началось со StarCraft — скриншоты сохранялись в этом формате. Хотя потом встречал его крайне редко.

[Triang3l]

Quake с программным рендерингом его для скриншотов использует, Quake 2 — повсеместно для картинок, Half-Life командой screenshot (snapshot, используемый по умолчанию, сохраняет в BMP) тоже в программном рендеринге может скриншоты в PCX делать.

[vsespb]

Спасибо за PCX, понастальгировал…

[Psionic]

RLE у вас както неверно описан — я разбирал фотошопные файлы, там все куда хитрее когда есть РЛЕ. И ЛЗВ планируется к описи — я писал свой распаковщик для ТИФ — невышло.

[Newbilius]

RLE — общее название набора алгоритмов, объединенное общими принципами, на базе него можно построить различные варианты.

[loginsin]

За шрифт NES на картинках с кодами цветов отдельная пятерка :)

[horror_x]

У NES не было никаких встроенных шрифтов, если Вы имеете в виду Nintendo Entertainment System.

[loginsin]

Разумеется не было. Но я и не писал о том, что он встроен в платформу. В моем комментарии речь о наиболее популярном шрифте этой платформы.

[horror_x]

Я думаю, что визуальное сходство этих шрифтов больше обусловлено низким разрешением (т.е. было не так уж много вариантов графического представления того или иного символа в определённой стилистике), нежели самой приставкой. Поэтому похожие шрифты можно в изобилии найти не только на NES.

Впрочем, я занудствую. :)

[Triang3l]

8 только не очень. Выглядит как S и 5.

[PavloG]

Самое ужасное что есть в TGA файле — это отсутствие сигнатуры.

[SADKO]

Блин, когда то я свой модуль для загрузки\выгрузки pcx делал по описанию формата, давно это было…