Incrustar una imagen pequeña en Base64 elimina una petición HTTP: útil para iconos, logos en emails HTML, favicons de prueba o prototipos autocontenidos. Suelta el archivo y copia directamente el data URI, la etiqueta <img> o la regla CSS.
Ten en cuenta el coste: Base64 ocupa un ~33 % más que el binario original y no se cachea por separado. Es perfecto para recursos de pocos KB; para imágenes grandes, mejor un archivo normal comprimido.
Cómo funciona
- 1
Suelta la imagen que quieres incrustar.
- 2
Revisa el tamaño resultante (Base64 ocupa ~33 % más).
- 3
Copia el data URI, el
o el CSS con un clic.
Preguntas frecuentes
¿Cuándo conviene usar Base64 en lugar de un archivo?
Para recursos pequeños (menos de ~10 KB) que quieras autocontenidos: iconos, separadores, logos en emails HTML o documentos únicos. Para imágenes de contenido, un archivo normal comprime y cachea mejor.
¿Por qué el Base64 ocupa más que mi imagen?
Base64 codifica cada 3 bytes binarios en 4 caracteres de texto, un 33 % extra por diseño. La herramienta te muestra el tamaño exacto antes y después para que decidas.
¿Funciona con SVG?
Sí: cualquier archivo de imagen que cargues se codifica con su tipo MIME correcto en el data URI, SVG incluido.
¿Se suben mis imágenes a algún servidor?
No. Todo el procesado ocurre dentro de tu navegador con la Canvas API: tus archivos nunca abandonan tu dispositivo, no hay colas de subida y la herramienta funciona incluso sin conexión una vez cargada la página.