Generador de sprite sheet
Combina imágenes en un sprite sheet con código CSS generado automáticamente. 100% en el navegador.
Ctrl+Enter ejecutarCtrl+Shift+C copiar
Más información
Generador de hojas de sprites CSS: combine imágenes con código CSS
Aprenda cómo crear hojas de sprites con código CSS background-position generado automáticamente para optimización web.
Qué son CSS Sprite Sheets
Una hoja de sprites combina múltiples imágenes pequeñas en un solo archivo de imagen más grande. Cada imagen individual ocupa una región definida dentro de la hoja. En el desarrollo web, CSS background-position se usa para mostrar solo la porción de la hoja de sprites necesaria para cada elemento, reduciendo las solicitudes HTTP y mejorando el rendimiento de carga de la página.
5 min de lecturaLeer la guía completa