Entradas Aleatorias

viernes, 18 de septiembre de 2009

CSS-sprit.es: Un generador de CSS sprites

Desde "Chica Blogger" nos enseñan de entrada

¿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”.
Tal como podéis ver en el ejemplo.

Muchas gracias a "Chica Blogger" por enseñarnos.

Fuente: Chica Blogger

Artículos relacionados


2 comentarios:

saidba dijo...

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...

Unknown dijo...

hola, pero lo que no dicen es en que parte de la plantilla va eso

Publicar un comentario


Suscríbete al Feed