CSS-sprit.es: Un generador de CSS sprites

CSS, Herramientas Publicado por Claudia en septiembre 16, 2009

css-sprit-esLos 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).

No son una técnica nueva ni poco usada -especialmente en los sitios con alto tráfico-, pero su implementación requiere un manejo más bien avanzado de CSS. CSS-sprit.es, sin embargo, lo hace más fácil: subimos el grupo de imágenes, y automáticamente entrega como output (en formato PNG o GIF con transparencia o JPG sin transparencia) 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”.

css-sprites

Es compatible con la mayoría de los navegadores, y también es útil para crear imágenes con efecto roll-over en sepia o escala de grises.

Visto en Makeuseof

Compártelo!
4 Comentarios en CSS-sprit.es: Un generador de CSS sprites
  1. Información Bitacoras.com…

    Valora en Bitacoras.com: 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 e…..

  2. […] | Chicablogger¿Te ha gustado?Compartir en TwitterGuardar en DeliciousVotar en BitácorasEnviar a tu […]

  3. Paco dice:

    Excelente aporte, saludos.

Deja tu comentario
Tu Comentario