Conversión de imagen a Base64

Conversión de imagen a Base64 es una herramienta gratuita que convierte un archivo de imagen en una cadena de texto codificada en Base64.

¿Qué es Base64 y para qué se utiliza?

Base64 aplica a la imagen subida una codificación de binario a texto que permite transmitir sus datos a través de sistemas diseñados principalmente para texto. Representa cada tres bytes de los datos originales mediante cuatro caracteres imprimibles de un alfabeto definido.

Resulta útil cuando un formato no admite un archivo binario independiente. Permite incluir una imagen en una URL de datos, una propiedad JSON o una parte MIME de un correo electrónico sin adjuntar los bytes originales en su forma binaria habitual. La cadena Base64 generada está codificada, no cifrada. Cualquiera que la obtenga puede decodificarla, por lo que no ofrece confidencialidad ni control de acceso.

Este sencillo ejemplo con bytes de texto muestra cómo funciona.

• El texto de entrada es <svg></svg>
• El resultado en Base64 es PHN2Zz48L3N2Zz4=

La mayoría de las imágenes contienen bytes binarios, no código legible, por lo que sus datos de entrada no se parecerán a los del ejemplo. El principio es el mismo para PNG, JPEG, GIF, WebP y otros formatos de imagen.

¿Cómo convierto una imagen a Base64?

Introduce la imagen en la herramienta, ejecuta la conversión y copia el valor que aparece en el campo Base64 codificado. La herramienta aplica la función base64_encode de PHP a los datos de la imagen.

1. Selecciona la imagen que quieres representar como texto.
2. Espera a que la página procese el archivo y devuelva el valor codificado.
3. Copia la cadena completa, incluidos los signos de igual que pueda haber al final.
4. Añade la sintaxis necesaria si el destino espera una URL de datos, un valor JSON u otro contenedor.

El procesamiento se realiza en el servidor. La imagen se envía al servidor mediante HTTPS y no se almacena. Como la conversión tiene lugar en el servidor, no des por hecho que el archivo permanece en tu dispositivo durante el proceso.

¿Cómo debo usar la cadena Base64 resultante?

Puedes usar la cadena como Base64 sin formato adicional o incluirla en la sintaxis que requiera el sistema receptor. Base64 por sí solo no identifica el formato, el nombre de archivo, las dimensiones ni el uso previsto de la imagen.

En una URL de datos para HTML o CSS, el valor codificado suele aparecer después de un tipo de medio y del indicador Base64. Una URL de datos de PNG comienza con data:image/png;base64,, seguida inmediatamente de la cadena. Para JPEG se utiliza image/jpeg, mientras que para SVG es habitual usar image/svg+xml. Si eliges un tipo de medio incorrecto, es posible que el software no muestre una imagen que, por lo demás, es válida.

En JSON, Base64 suele guardarse como una cadena entre comillas, a menudo junto a otro campo que identifica el tipo de medio. No añadas el prefijo de una URL de datos cuando una API solicite específicamente Base64 sin formato adicional. Consulta la documentación de la API antes de usar el valor devuelto por la herramienta, ya que estas dos formas de entrada no son intercambiables.

¿Dónde se utiliza Base64 en sistemas reales?

Es habitual encontrar Base64 cuando los datos binarios deben transmitirse mediante un formato o protocolo basado en texto. Algunos casos comunes son:

• URL de datos incrustadas en HTML, CSS o documentos generados.
• Datos JSON enviados a API que aceptan el contenido de una imagen dentro de una propiedad de texto.
• Mensajes de correo electrónico, donde MIME puede codificar archivos adjuntos e imágenes insertadas como Base64.
• Cadenas de consulta, aunque los caracteres de Base64 estándar también pueden requerir codificación de URL.
• Archivos de configuración y documentos XML que no admiten directamente bytes binarios arbitrarios.

Los nombres de dominio internacionalizados son otro ejemplo de datos convertidos a un conjunto restringido de caracteres, aunque utilizan Punycode en lugar de Base64. Para los valores incluidos en una URL, también puede ser necesaria una herramienta de Codificación de URL, ya que Base64 estándar puede contener signos de suma, barras y signos de igual.

¿Por qué falla la decodificación Base64 o aparecen caracteres ilegibles?

La decodificación puede fallar si la entrada incluye un prefijo copiado, está dañada o truncada, o no coincide con el formato Base64 que espera el decodificador. Si aparecen caracteres ilegibles, a menudo significa que se han decodificado correctamente datos binarios de una imagen, pero después se han mostrado de forma incorrecta como texto normal.

• Un prefijo copiado puede provocar un error si el decodificador solo espera Base64. Elimina texto como data:image/png;base64, antes de usar un decodificador de Base64 sin formato adicional.
• Una entrada dañada o truncada puede generar una imagen incompleta que los visores no sean capaces de abrir.
• La codificación doble genera otra cadena Base64 después de la primera decodificación. Puede ser necesario decodificarla una segunda vez si el origen codificó un valor que ya estaba codificado.
• Un alfabeto incorrecto puede causar un error si el decodificador espera otra variante. Base64url utiliza guiones y guiones bajos donde Base64 estándar emplea signos de suma y barras.
• La ausencia de relleno puede afectar a los decodificadores estrictos. Base64 estándar puede terminar con uno o dos signos de igual, aunque algunos sistemas los omiten deliberadamente.

Si el resultado decodificado es binario, guárdalo con el tipo de imagen correcto en lugar de abrirlo en un editor de texto. Las herramientas Decodificación Base64 o Decodificación Base64 a imagen pueden ayudarte a realizar la operación inversa, siempre que la cadena esté completa y utilice el formato esperado.

Elección del formato y entradas problemáticas

Base64 estándar es adecuado para correos electrónicos, URL de datos y sistemas que lo solicitan expresamente. En rutas URL, parámetros de consulta y tokens, usa la variante que requiera el sistema receptor. Base64url puede ser la opción adecuada cuando así lo indique la especificación correspondiente. Esta herramienta utiliza la operación base64_encode estándar de PHP, por lo que no debes asumir que el resultado está en Base64url.

La herramienta codifica los bytes de la imagen subida. Los espacios, los signos de puntuación, los números, los caracteres acentuados y el texto no latino incluidos en un SVG o en los metadatos de una imagen se codifican como parte de esos bytes. Un nombre de archivo que contenga estos caracteres es independiente del contenido del archivo y no queda representado de forma inherente en Base64.

En PHP, base64_encode devuelve un valor vacío para una secuencia vacía de bytes. Los archivos grandes producen cadenas largas, y Base64 añade aproximadamente un tercio al número original de bytes, antes de incluir cualquier sintaxis adicional de JSON o de una URL de datos. No comprime la imagen, no mejora su calidad ni cambia sus dimensiones en píxeles.

Preguntas frecuentes

¿Puedo insertar una imagen Base64 directamente en CSS?

Sí. Las propiedades CSS que aceptan URL de imágenes pueden usar una URL de datos formada correctamente. Es una buena opción para recursos pequeños y autónomos, pero las imágenes incrustadas de mayor tamaño aumentan el tamaño de la hoja de estilos y no pueden almacenarse en caché por separado del archivo CSS.

¿Por qué mi cadena Base64 contiene saltos de línea?

Esta herramienta devuelve un valor continuo porque la función base64_encode de PHP no inserta saltos de línea. Si aparecen, se han añadido al copiar la cadena o durante algún procesamiento posterior. Muchos decodificadores ignoran los espacios en blanco, pero las API estrictas pueden rechazarlos. Usa una cadena sin interrupciones cuando así lo exija la especificación del sistema receptor.

¿Cambiar el nombre de una imagen modifica su valor Base64?

Base64 representa los bytes del archivo, no su nombre. Por tanto, cambiar el nombre de un archivo sin modificarlo no altera su codificación. Sin embargo, editar los metadatos, volver a guardar la imagen o convertirla a otro formato cambia los bytes y produce una cadena distinta.

¿Base64 sirve para proteger una imagen privada?

No. Base64 puede revertirse sin contraseña ni clave secreta. Utiliza cifrado, autenticación y controles de acceso adecuados para proteger material confidencial. Recuerda también que esta herramienta envía la imagen a su servidor mediante HTTPS para procesarla.

¿Cómo compruebo que la conversión ha funcionado?

Decodifica la cadena completa y abre el resultado con un visor de imágenes compatible con el formato original. Comprueba que las dimensiones y el contenido visible coincidan con la imagen de origen, y conserva los caracteres de relleno del final salvo que el destino exija expresamente eliminarlos.