Best Practices for Speeding Up Your Web Site / Рекомендации лучших вебоводов для ускорения вашего сайта: Optimize CSS Sprites / Оптимизируйте CSS спрайты
| Английский оригинал | Перевод на русский | |
|---|---|---|
Сожалеем, но текст оригинала доступен только зарегистрированным пользователям. |
Собирая картинки в горизонтальные спрайты в отличие от вертикальных, вы обычно получаете меньший размер файла. Alexasa 21.09.12 в 15:49 |
|
|
Комбинация одинаковых цветов в спрайте поможет вам уменьшить его палитру, в идеале меньше 256, чтобы можно было использовать PNG8. Alexasa 21.09.12 в 15:51 |
||
|
"Будьте мобильными" и не оставляйте большие пробелы между картинками в спрайте. Это не сильно повлияет на размер файла, но потребует меньше памяти от пользовательского агента для распаковки изображения в пиксельную карту. Картинка 100х100 содержит 10 тысяч пикселей, в то время как 1000х1000 уже 1 миллион их же. Alexasa 21.09.12 в 15:54 |