Cómo convertir una imagen a Base64 (y a la inversa)

Pasos

1. Abre la herramienta Imagen a Base64 y elige "Image to Base64".
2. Suelta la imagen. El archivo original se codifica tal cual, así que un SVG sigue siendo un SVG.
3. Elige el formato que necesitas: un data URI, Base64 simple, un fondo CSS o una etiqueta de imagen HTML, y pulsa "Copy".
4. Para decodificar, elige "Base64 to image", pega el texto y descarga la imagen.

Cuándo conviene usar Base64

Base64 escribe los bytes de un archivo como texto plano, así que una imagen pequeña puede ir dentro de una página web, una hoja de estilos o un correo sin un archivo aparte. El texto es aproximadamente un tercio más largo que el archivo.

Va bien para imágenes pequeñas como iconos y logotipos. Con una foto grande el texto se vuelve larguísimo y un archivo de imagen normal carga más rápido, por eso la herramienta te avisa por encima de 100 KB.

Volver a pegar Base64

Puedes pegar un data URI completo o solo los caracteres Base64. La herramienta lee el tipo de imagen de los propios datos (PNG, JPG, GIF, WebP, BMP, AVIF, SVG o ICO) y se fía de ellos antes que de una etiqueta equivocada.

Si el texto se cortó al copiarlo, o no es una imagen, recibes un mensaje claro que lo dice en lugar de una descarga rota.