Convertidor de Imagen a Base64
Codifica cualquier imagen a una URI de datos Base64 para CSS/HTML en línea, o decodifica una URI de datos de vuelta a una imagen.
Respuesta rápida: Codifica cualquier imagen a una URI de datos Base64 para CSS/HTML en línea, o decodifica una URI de datos de vuelta a una imagen.
Última actualización
Preguntas frecuentes
- ¿Cuándo debería inlinar una imagen como Base64?
- Úsalo para imágenes de menos de 2 KB que necesiten ser enviadas con un solo archivo CSS (por ejemplo, iconos en una plantilla de correo electrónico, pequeños SVG de respaldo) o para demostraciones HTML de un solo archivo sin conexión. Por encima de 5 KB, una solicitud normal de <code><img></code> es más rápida porque se puede almacenar en caché.
- ¿La versión en Base64 será más grande que la original?
- Sí — Base64 añade alrededor de un 33% de sobrecarga. Una imagen de 1 KB se convierte en una cadena de 1.34 KB. Eso está bien para activos pequeños, pero es derrochador para los grandes.
- ¿Funciona con SVG?
- Sí, pero para SVG generalmente quieres dejarlo como marcado SVG en bruto (o codificarlo en URL) en lugar de Base64 — ambos son usualmente más pequeños y editables después.
- ¿Puedo pegar un URI de datos para recuperar el archivo?
- Sí — el panel de decodificación acepta URIs <code>data:image/...</code> y te proporciona un archivo descargable además de una vista previa en vivo.
- ¿Mis imágenes están subidas?
- No. FileReader lee los bytes localmente y la cadena codificada nunca sale de tu navegador.