Imagen a Base64
Convierte una imagen a Base64.
Arrastra y suelta una imagen, o haz clic para elegirla
Selecciona un solo archivo
Ejemplos de uso
Incrustar un pequeño icono directamente en CSS
Úsalo para colocar el resultado directamente en el background-image: url(data:image/png;base64,...) de CSS, evitando una solicitud de imagen aparte.
Incluir una imagen dentro de JSON o un archivo de configuración
Útil cuando quieres incrustar datos de imagen de muestra como texto dentro de código o un archivo de configuración, sin una solicitud al servidor.
Incrustar una imagen en un correo HTML
Para clientes de correo que bloquean los enlaces de imágenes externas, convertir una imagen en una URI de datos permite incrustarla directamente en el HTML.
Preguntas frecuentes
¿Mi imagen subida se envía a un servidor?
No. La conversión ocurre completamente en tu navegador, y la imagen nunca se envía a un servidor.
¿Cuál es la diferencia entre URI de datos y solo Base64?
Una URI de datos es la cadena completa que empieza con data:image/png;base64,, lista para pegar directamente en <img src="..."> o en un url() de CSS. Solo Base64 es únicamente el valor codificado que le sigue, útil cuando armas tú mismo la cadena de formato en otro lugar.
¿Convertir a Base64 hace que los datos sean más grandes?
Sí. La codificación Base64 es aproximadamente un 33% más grande que el original. Es la contrapartida por representar datos binarios de imagen de forma segura como texto, así que es mejor evitar enviar imágenes grandes de esta manera a menos que lo necesites específicamente.
¿Qué formatos de imagen son compatibles?
JPG, PNG, WebP, GIF y la mayoría de los demás formatos de imagen que tu navegador puede leer.