Cómo convertir una imagen a Base64
- 1Arrastra una imagen al recuadro, pega una captura desde el portapapeles o pulsa «Elegir archivo».
- 2Elige un formato de salida: data URI, Base64 sin prefijo, HTML, CSS o Markdown.
- 3Copia el código y pégalo en tu página, hoja de estilos o petición a la API.
Formatos de salida
data:image/png;base64,iVBOR…Funciona en cualquier lugar que acepte una URL.iVBORw0KGgoAAAANSUhEUg…Para campos JSON y API que solo esperan la parte Base64.<img src="data:image/png;base64,…" alt="">Una imagen incrustada para correos HTML y páginas de un solo archivo.background-image: url("data:…");Iconos pequeños y patrones sin una petición extra.Archivos README y notas que admiten data URI.Cuándo conviene incrustar una imagen
Base64 hace que una imagen ocupe aproximadamente un tercio más, y una imagen incrustada no se puede almacenar en caché por separado de la página. Incrustar compensa para iconos pequeños, logotipos en correos HTML y documentos de un solo archivo. Para fotos y cualquier cosa de más de unos 10 KB, un archivo de imagen normal suele ser más rápido.
Preguntas frecuentes
¿Hay un límite de tamaño?
No hay un límite fijo, porque todo ocurre en tu navegador. Las imágenes muy grandes producen cadenas muy largas que pueden ralentizar los editores, así que mantén pequeñas las imágenes incrustadas.
¿La conversión cambia la calidad de la imagen?
No. Los bytes del archivo se codifican tal cual, sin redimensionar ni recomprimir. Al decodificar se obtiene exactamente el mismo archivo.
¿Funcionan las imágenes Base64 en el correo?
Apple Mail y la mayoría de los clientes móviles las muestran. Gmail y algunas versiones de Outlook bloquean las data URI; pruébalo en los clientes que usan tus destinatarios.
¿Cómo vuelvo a convertir la cadena en imagen?
Pégala en Base64 a imagen para previsualizarla y descargarla.