Для тех кто не в курсе, css-спрайты – это одна комбинированная картинка, из которой потом выбираются нужные изображения с помощью CSS.
Использовать спрайты нам рекомендует Google Page Speed, так как это должно ускорять скорость загрузки сайта. Вот пример спрайта с главной страницы гугла:
Теперь перейдем к тому, как создавать такие спрайты самому.
Первая возможность это Photoshop, этот вариант работает практически в любом случае. Необходимо создать новый документ, вставить в него все картинки и сохранить. Затем придется с помощью разметки или линейки замерить размеры отдельных картинок и составить html/css-код.
Второй вариант – использовать онлайн генератор, например СSS-Sprit.es. Необходимо выбрать нужные картинки и нажать на кнопку upload. В итоге, сайт выдаст нам готовый спрайт в форматах jpg, png и gif, а так же готовый html и css код. Удобно.
Кстати, мобильные телефоны, телевизоры и другая бытовая техника по выгодным ценам, доступна в магазине Tehnoskarb.com.ua