¿Qué hace Imagen a Base64?
Base64 es una forma de escribir datos binarios, como una imagen, usando solo caracteres de texto. Una imagen codificada
así puede colocarse directamente dentro de HTML, CSS, JSON, Markdown o una plantilla de correo como data
URI (data:image/png;base64,…), sin tener que alojar ni enlazar un archivo aparte. Esta herramienta
convierte imágenes a Base64 y al revés, por completo en tu navegador.
Imagen → Base64
Suelta una imagen (JPG, PNG, WebP, GIF, SVG y más) y obtendrás al instante cuatro versiones listas para copiar: el data
URI completo, una declaración CSS background-image, una etiqueta HTML <img> con el ancho y
el alto correctos, y la cadena Base64 sin prefijo para las API que la esperan así. Los bytes del archivo se codifican tal
cual, sin volver a comprimir, de modo que la imagen decodificada es idéntica a la original. Con imágenes muy grandes,
las cajas de texto muestran solo el principio para que la página siga fluida, y el texto completo está disponible como
descarga.
Base64 → Imagen
Cambia a la segunda pestaña y pega un data URI o una cadena Base64 sin más, por ejemplo copiada de una hoja de estilos,
de la respuesta de una API o de un campo de base de datos. La herramienta la decodifica, reconoce el formato real de la
imagen por sus primeros bytes, muestra una vista previa y te deja descargarla con la extensión correcta. El Base64
«seguro para URL» (con - y _) y la falta de relleno se gestionan automáticamente.
Cuándo usar data URI
Las imágenes incrustadas ahorran una petición HTTP, lo que ayuda con iconos pequeños, plantillas de correo y documentos HTML de un solo archivo. Ocupan alrededor de un 33 % más que el archivo original y no se pueden guardar en caché por separado, así que para fotos grandes suele ser mejor un archivo de imagen normal.
Privada por diseño
La codificación y la decodificación se hacen en local. Nada de lo que sueltas o pegas se sube, así que puedes usar con tranquilidad capturas internas o recursos de proyectos de clientes.
Preguntas frecuentes
¿Hay un límite de tamaño?
Hasta 10 MB por imagen. Los data URI más grandes son poco prácticos en el código de todos modos.
¿Puedo usar el resultado en un correo?
Muchos clientes de correo bloquean las imágenes en data URI, así que pruébalo antes o adjunta la imagen.