Как "грамотно" собрать спрайт по цветам или нет ?

[soot]

Использование и сборка понятна - ну теория интеграции в HTML, тоже ясна.

Но есть тут одна догадка, интересно узнать мнение опытной аудитории.

Спрайт лучше собирать по цветам ?

Или можно в разнобой ?

Имеет тяжелый из трех цветов макет: бежевый и его оттенки, зеленый и его оттенки, коричневый и его оттенки.

В теории я могу сделать один спрайт содержащий все элементы, которые представляется возможным сделать с фиксированным размером.

Но я так же могу поделить их по цветам и получиться несколько спрайтов.

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

Кто что думает по этому поводу ?

[Vlad]

Зависит от сохраняемого формата. GIF/PNG хорошо сжимают однотонные горизонтальные полоски, алгоритм потому что такой. JPEG-у пофигу на цвет, там разбиение другое. А вообще, не стоит заморачиваться сильно, выигрыш не сильно большой. Понимаю, для какого-нибудь конкурса "сайт в пять килобайт" приходится экономить, а в реальности нет.

[soot]

Зависит от сохраняемого формата. GIF/PNG хорошо сжимают однотонные горизонтальные полоски, алгоритм потому что такой. JPEG-у пофигу на цвет, там разбиение другое. А вообще, не стоит заморачиваться сильно, выигрыш не сильно большой. Понимаю, для какого-нибудь конкурса "сайт в пять килобайт" приходится экономить, а в реальности нет.

Исчерпывающе.

В моем случае самый экономичный получился PNG 8 все примеры без прозрачности.

Пример

Вроде при использовании PNG-8 не отличается от оригинального изображения .

Я всегда думал, что у png 8 нет прозрачности .

У PNG 8 есть прозрачность ?

[Vlad]

Есть у него прозрачность.

[Serlutin]

По сути PNG-8 не сильно от GIF отличается. Тоже 256 цветов, один вариант прозрачности (либо прозрачно, либо нет). Но говорят, что у PNG-8 цвет передаётся лучше, чем у GIF, поэтому рекомендуют использовать его.