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!