Convertidor CSS a data URI
Pega una hoja de estilos, elige un archivo o introduce la URL de un archivo CSS remoto. El convertidor encuentra todas las referencias url(...), descarga los recursos más pequeños que tu límite de tamaño y los sustituye por data URI Base64.
| Recurso | Tamaño | Resultado |
|---|
Cuándo conviene incrustar imágenes en CSS
Cada imagen externa cuesta una solicitud. En iconos pequeños, incrustarlos como data URI Base64 elimina esa solicitud y evita parpadeos. A partir de unos pocos kilobytes, el 33 % de tamaño extra y la pérdida de caché superan la ventaja, por eso el convertidor tiene un límite de tamaño. Sirve el resultado con gzip o Brotli para recuperar la mayor parte del exceso de Base64.
Preguntas frecuentes
¿Debo incrustar todas las imágenes CSS?
No. Incrusta solo iconos y fondos pequeños. Las imágenes grandes inflan el CSS, bloquean el renderizado y no se pueden almacenar en caché por separado.
Comentarios (0)
¿Preguntas, ideas o un error en “Convertidor CSS a data URI”? Deja un comentario, valora la herramienta o responde a otros usuarios.
Aún no hay comentarios. ¡Sé el primero en dar tu opinión!