¿Que es un CSS Sprite?
Los CSS sprites son una técnica para reducir el número de peticiones HTTP y disminuir el tiempo de carga de nuestro sitio, que consiste en “agrupar varias imágenes en una sola de mayor tamaño, para luego volver a separarlas en imágenes individuales mediante CSS” (me gusta la simpleza con que lo explica Román Cortés).
En realidad sería complejo el programar en CSS esta solución de agrupar las imágenes, y no estaría la alcance de todo el mundo, pero gracias a CSS-sprit.es, sin embargo, lo hace más fácil, el procedimiento sería:
- subimos el grupo de imágenes
- Nos da como output una gran imagen que contiene todas las anteriores, junto a los correspondientes códigos CSS y HTML con la posición de cada imagen “pequeña”.
Muchas gracias a "Chica Blogger" por enseñarnos.Fuente: Chica Blogger
1 comentario:
una gran pregunta para mi jejeje,,,
he generado el sprite con los codigos y la imagen,,, subi la imagen, despues coloque el css,, que me daba,,,,,, pero por ejemplo quiero poner una imagen en vez de ç
background:url('http://two.xthost.info/unscorpio/flecheizq.png?imgmax=800') no-repeat center left}
quiero poner el que me dio
<div class="sprites" id="sprite_4"></div>
donde lo pongo...
ayuda, no c,,jejeje intente sustituyendo varias veces...
Publicar un comentario