Что такое спрайт из картинок? Когда он бывает полезен?

Спрайт из картинок
Спрайтом называют способ объединения различных служебных изображений (элементы фона, иконки, кнопки и т.п.) в один файл, а также собственно результат использования этого метода – css sprite. Написать такой файл можно вручную или воспользоваться специальными программами и сервисами – спрайт-генераторами, создающими спрайт из картинок сайта в автоматическом режиме.

В чем заключаются достоинства и преимущества метода? Во-первых, использование одного файла вместо нескольких (отдельного для каждого изображения) позволяет заметно сократить время загрузки сайта за счет уменьшения количества HTTP запросов, которые браузер отправляет серверу. Это непременно отметят пользователи, для которых просмотр страниц станет комфортнее.

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

Соответственно, использование спрайта нужно, в первую очередь, в том случае, если страница содержит большое количество разнообразных графических элементов. Однако здесь тоже важна мера: если в результате создания спрайта вы получите слишком объемный файл, его загрузка тоже может занять много времени и, возможно, это окажется менее удобным, чем загрузка всех элементов по отдельности.

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

P.S. Итак, со спрайтами разобрались, теперь стоит задуматься о главной графике которая будет располагаться на сайте – логотип. Если у вас еще нет своего логотипа, могу порекомендовать вам заказать разработку логотипа у профессионалов.

Опубликовано: 30 Ноябрь, 2012 | Просмотров: 3780 |     | Печать

Это интересно