Conversor de imagen a Base64
Convierte una imagen en una cadena data: URI.
Suelta imágenes aquí o haz clic para elegirlas
JPG, PNG, WebP, GIF, BMP, ICO, SVG o AVIF. Los archivos se procesan en tu navegador y nunca se suben. Se quedan en este navegador hasta que las quites.
Ctrl+OelegirCtrl+Vpegar
Convierte una imagen en texto que puedes poner directamente en HTML, CSS, JSON o Markdown. Suelta una o varias imágenes para obtener de cada una su data URI, el Base64 en bruto, la regla CSS de fondo, la etiqueta HTML <img> y la imagen en Markdown, cada uno a un clic de tu portapapeles. Tu navegador lee los archivos, que nunca salen de tu dispositivo; es gratis y no requiere registro.
Cómo convertir una imagen a Base64
- Suelta imágenes en cualquier parte de la página, pega una con Ctrl+V o haz clic para elegir archivos. Las imágenes que añadiste en cualquier otra herramienta de imagen ya están aquí, tal como están ahora: una que redimensionaste o recortaste allí y aplicaste da el data URI de la imagen editada. La imagen de muestra te permite probarlo sin archivo.
- Haz clic en Data URI, Base64, CSS, HTML o Markdown, debajo de una imagen, para copiar ese fragmento. Ctrl+C copia el data URI de la imagen seleccionada.
- Pégalo donde lo necesites o descárgalo como archivo de texto. Con varias imágenes, Descargar todo (ZIP) las guarda todas a la vez.
Funciones
- Cinco fragmentos por imagen: data URI, Base64 en bruto, background-image de CSS, <img> de HTML y Markdown
- La etiqueta HTML incluye el ancho, el alto y un texto alternativo tomado del nombre del archivo
- Copia con un clic; Ctrl+C copia el data URI de la imagen seleccionada
- Varias imágenes a la vez, con un archivo .txt por imagen o todas en un único ZIP
- Un aviso para las imágenes de más de 100 KB, en las que suele ser mejor enlazar el archivo
- PNG, JPG, GIF, WebP, SVG, AVIF, BMP e ICO, con el tipo MIME correcto aunque el navegador no lo indique
¿Es privado?
Sí. Tu navegador lee el archivo y lo convierte en la propia página; no se envía nada a ningún sitio, y las imágenes se quedan en este navegador hasta que las quitas. El data URI es el propio archivo, así que lleva consigo los metadatos de la foto: cuando hay una ubicación GPS u otros metadatos, la herramienta te avisa y te remite al Visor EXIF para eliminarlos antes.
Preguntas frecuentes
¿Cuándo debo usar un data URI?
Para imágenes pequeñas como iconos, logos y fondos diminutos, cuando ahorrarse una petición aparte importa, y allí donde no cabe un archivo: un correo HTML, una página de un solo archivo, un campo JSON o un documento Markdown. Para fotos grandes, enlaza el archivo, para que el navegador pueda guardarlo en caché.
¿Cuánto aumenta Base64 el tamaño de un archivo?
Alrededor de un tercio. Base64 usa 4 caracteres por cada 3 bytes, así que una imagen de 30 KB se convierte en unos 40 KB de texto. Por encima de unos 100 KB, suele ser mejor enlazar el archivo, y la herramienta te avisa.
¿Qué fragmento debo copiar?
Data URI para un src o un url() que escribas tú, CSS para una regla background-image lista, HTML para una etiqueta <img> completa con ancho, alto y texto alternativo, Markdown para documentación, y Base64 cuando una API o un campo JSON pide solo los datos codificados.
¿Puedo convertir varias imágenes a la vez?
Sí. Añade tantas imágenes como quieras; cada una tiene sus propios fragmentos, y Descargar todo (ZIP) guarda un archivo de texto por imagen.