Оптимизация CSS-спрайтов
В статье "Optimize CSS Sprites" автор рекомендует объединять одинаковые цвета в спрайт для уменьшения количества потребляемой памяти.
- Расположение изображений по горизонтали в отличие от вертикального отображения обычно уменьшает размер файла.
- Объединение одинаковых цветов в спрайт помогает сохранить низкое количество цветов, в идеале не больше 256 цветов, чтобы они поместились в PNG8.
- Не оставляйте больших промежутков между изображениями в спрайте. Это не так сильно влияет на размер файла, но требует меньшего количества памяти пользовательского агента во время декомпрессии изображения в пикселах. Например, изображение 100x100 имеет 10 тысяч пикселей, а 1000x1000 - 1 миллион пикселей.
Оригинал статьи на developer.yahoo.com
Перевод КОМТЕТ komtet.ru