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). 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”.
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
CSS-sprit.es: Un generador de CSS sprites
Posted by Cristian on 21:37
ENTRADAS MÁS VISTAS
- Ejemplo de aplicación web móvil con jQuery Mobile?
- Tagboard para tu blog - Cbox
- Cómo reparar tarjetas de memoria SD dañadas
- CREA FOTOMONTAJES DE PORTADAS DE REVISTA Y COLÓCALOS EN TU BLOG
- GADGET DE RECETAS DE COCINA PARA TU BLOG
- Cómo agregar el botón “Compartir en Facebook” en tu sitio web
- ¿QUÉ ES LA UNA URL?¿QUE SON LAS URL?
- Hacer un ping del blog con Ping-o-Matic!
- Saber el precio de una cuenta de Twitter
- Cómo Como Encontrar Recursos Gratis para Backgrounds o Fondos para tu Blog
0 comentarios:
Publicar un comentario