2014-10-29 3 views
0

Мой вопрос заключается в разработке любого веб-сайта. Я использую много изображений, останавливая, следующий, задний, предыдущий, чтобы сделать что-то, я помещаю их в другую папку и получаю их отдельно. Но когда я вижу другой веб-сайт и пытаюсь получить изображения, такие как ответ, сообщение, поиск, чтобы я мог использовать их для своего сайта или использовать комбинацию цветов так, как они используют. Я вижу, что я получаю много изображений в одном png-изображении. Я хочу спросить, какова цель размещения всех изображений в одном изображении PNG и при доступе к одному изображению оттуда, как они получают доступ к этому конкретному изображению с этих изображений. Если кто-то может предоставить какой-то код, то это будет очень хорошо, а также преимущества и недостатки. Спасибо заранее.Выбор изображений из многих изображений в одном PNG-файле

ответ

0

Я думаю, что вы имеете в виду это спрайты. Sprite представляет собой набор небольших значков в одном PNG-изображении. Преимуществом этого является увеличение скорости загрузки веб-сайта, эти маленькие значки сгруппированы вместе, что приводит к одному маленькому PNG-изображению по сравнению с каждым из них, которые хранятся отдельно.

Образцы спрайтов затем получают доступ к исходному положению.

Лучший, например. http://www.spritecow.com

+0

Привет, спасибо за быстрый ответ ... и я понял, что это такое, но ... как я могу использовать предмет Sprite на своем веб-сайте ... PLZ помогите мне в этом. нужно использовать код или есть что-нибудь готовое, как это .... – kedar

+0

Вам нужно создать спрайт в Photoshop. Он может иметь любую ширину и высоту, а фон должен быть прозрачным, без фона. После этого перетащите значки/изображения на этом PSD и правильно установите их, создайте правильное пространство между этими изображениями. После этого сохраните его как png. http://css-tricks.com/css-sprites/ Прокрутите страницу до конца, и вы увидите примеры спрайтов. Загрузите спрайт в spritecow.com, и вы сможете получить позицию bg каждого из них, скопировать и вставить код в свой css. –

Смежные вопросы