Готовый перевод Best Practices for Speeding Up Your Web Site / Рекомендации лучших вебоводов для ускорения вашего сайта: Optimize CSS Sprites / Оптимизируйте CSS спрайты

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

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

"Будьте мобильными" и не оставляйте большие пробелы между картинками в спрайте. Это не сильно повлияет на размер файла, но потребует меньше памяти от пользовательского агента для распаковки изображения в пиксельную карту. Картинка 100х100 содержит 10 тысяч пикселей, в то время как 1000х1000 уже 1 миллион их же.

Переведено на Нотабеноиде
http://notabenoid.org/book/31735/110144

Переводчики: Alexasa

Настройки

Готово:

100.00% КП = 1.0