Inicio / Herramientas de imagen / Imagen a Base64
Imagen a Base64
Una URL de datos mete la imagen dentro del marcado, así que la página no hace ninguna petición extra por ella. Elige un archivo y copia la cadena: nunca sale de tu dispositivo, algo importante con material sin publicar.
Cómo se usa
- Elige un archivo de imagen.
- Comprueba la vista previa y la comparación de tamaños.
- Copia la URL de datos en tu src o en tu CSS.
Ejemplos
- Un icono de 2 KB se convierte en una URL corta que carga con la página.
- Pégala en el src de una etiqueta img o dentro de url() en la hoja de estilos.
- La salida codificada es aproximadamente un tercio mayor que el archivo original.
Preguntas frecuentes
¿Cuándo es mala idea?
Con cualquier cosa de más de unos pocos kilobytes. Las imágenes incrustadas no se pueden cachear por separado, así que una URL de datos grande se descarga con cada página e infla el HTML. Resérvala para iconos pequeños y gráficos puntuales.
¿Funciona con SVG?
Sí, y con SVG suele ser la mejor opción porque el archivo es pequeño y textual. Codificarlo además evita los problemas de escapado al incrustar SVG directamente en CSS.
Herramientas relacionadas
Actualizado: 2026-08-07