Crear sprite CSS de manera rápida con Sprite Cow
En el ámbito web es natural que utilicemos imágenes y muchas veces usamos muchísimas imágenes ocasionando una carga extra en nuestro servidor o hosting, para evitar esto podríamos crear sprite CSS de nuestra imagen evitando la carga de muchos gráficos y ganando velocidad de navegación.
Crear Sprite CSS con Sprite Cow
Bueno amigos les presenta a SpriteCow un sitio web que nos permitirá crea sprite CSS con unos cuantos clics y de manera rápida y sencilla, empezamos entonces!
1. Ingresamos a SpriteCow.com y hacemos clic en el botón Open Imagen:
2. Listo veremos que se carga la imagen, ahora para cortar la imagen y obtener el código CSS del sprite solo basta con sombrear lo que deseamos, lo genial de esta web es que detecta automáticamente los bordes de la imagen par así hacer un corte perfecto, cabe recalcar que detecta las imágenes transparentes:
3. Bien en la parte inferior veremos el código CSS, recuerda cambiar img por el directorio que usaras:
Bien con ello habremos conseguido crear sprite CSS de manera rápida y podremos mejorar la eficiencia del uso de su sitio web.
Enlace: SpriteCow.
Sobre el Autor
Gerardo Arambulo es un Blogmaster amante de la tecnologia y los gadgets, en este blog escribo sobre diversos temas como Tutoriales, trucos, tips, consejos, SEO entre otros!. Cada dia aprendo cosas nuevas y trato de compartir todo mi conocimiento en este lugar.