Tabla de contenido

Como puede ver arriba, hay dos opciones para elegir Base64 a convertidor de imagen e imagen a convertidor de Base64. Base64 a imagen convertirá cualquier cadena Base64 a formato de imagen. Image to Base64 convertirá la imagen en una cadena Base64. Haga clic en la opción según su necesidad.

Cómo usar la herramienta de conversión de Base64 a imagen

La herramienta de conversión de Base64 a imagen lo ayudará a convertir su cadena codificada en Base64 en una imagen. Puede descargar esa imagen haciendo clic en el botón de descarga. Simplemente pegue su cadena codificada en Base64 en el cuadro de entrada y automáticamente la convertirá en una imagen y se mostrará una vista previa en su pantalla. También puede seleccionar cualquier archivo de texto que contenga una cadena codificada en Base64. También hay opciones para copiar la cadena codificada en Base64 y borrar el cuadro de entrada.

Cómo utilizar la herramienta de conversión de imagen a Base64

La herramienta de conversión de imagen a Base64 lo ayudará a convertir cualquier imagen en una cadena codificada en Base64, código de etiqueta de imagen html y código de imagen de fondo CSS. Simplemente arrastre y suelte la imagen en el cuadro rectangular de arriba o simplemente haga clic en ella para seleccionar el archivo de imagen.

Tan pronto como finalice el procesamiento, aparecerán tres cuadros de entrada. El primer cuadro de entrada contendrá una cadena codificada en Base64. El segundo cuadro de entrada contendrá el código de etiqueta de imagen HTML que puede copiar y pegar directamente en su archivo HTML. El tercer cuadro contendrá el código CSS con la propiedad de la imagen de fondo. Puede copiarlo y pegarlo directamente en el archivo CSS. También habrá una opción de descarga encima de cada cuadro de entrada que le ayudará a descargar los datos respectivos en formato de archivo de texto. La herramienta es compatible con casi todos los formatos de imagen de uso común..

¿Por qué debería convertir una cadena Base64 en una imagen

El tamaño de la cadena Base64 utilizada en la URI de datos es un 33% más que el archivo original. Los datos grandes pueden afectar el rendimiento web. Convertir esos datos codificados en una imagen y usarlos como archivo, puede mejorar el rendimiento de su aplicación web. Otra razón para convertir Base64 a imagen es tener un archivo que se puede guardar en su disco duro y se puede ver o editar con herramientas de visualización y edición de imágenes de terceros.

¿Qué es la codificación Base64

Base64 es la codificación textual de datos binarios. El texto codificado no tiene más que números, letras y símbolos como +, / y =. Se conoce como una de las formas más convenientes de almacenar o transmitir datos binarios a través de medios que se utilizan específicamente para datos textuales. Además, se puede transmitir fácilmente en cosas como correo electrónico y datos de formularios HTML. El proceso de conversión de texto a Base64 toma 4 caracteres por cada 3 bytes de datos, más potencialmente un poco de relleno al final. El signo igual (=) se utiliza para el relleno. La cadena codificada también se puede pasar como valor al parámetro de consulta en una URL, ya que es una variante segura para URL.

¿Por qué debería utilizar la codificación Base64

Cuando tenemos algunos datos binarios que queremos transmitir a través de una red, generalmente no lo hacemos simplemente transmitiendo los bits y bytes a través del cable en un formato sin formato porque algunos contenidos multimedia están hechos para transmitir texto. Si lo transmitimos en forma de bits o bytes, algunos protocolos pueden interpretar estos datos binarios como caracteres de control (como un módem). Dichos datos binarios podrían corromperse porque el protocolo subyacente podría asumir que estos datos contienen alguna combinación de caracteres especial. Por ejemplo, FTP traduce finales de línea. Para solucionar este problema, codificamos dichos datos binarios en caracteres. Base64 es uno de estos tipos de codificaciones.

La cadena codificada en Base64 contiene 64 caracteres ASCII que representan los datos codificados. Estos 64 caracteres son suficientes para codificar cualquier dato de cualquier longitud. El único inconveniente de la codificación base64 es que el tamaño de la cadena codificada será un 33% más en comparación con la cadena original. Todos los caracteres base64 están presentes en muchos conjuntos de caracteres y esto asegura que los datos transmitidos definitivamente lleguen al otro extremo sin corrupción. Los caracteres de Base64 se pueden agrupar en 4 grupos:

• Alfabetos en mayúsculas (índices 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Alfabetos en minúsculas (índices 26-51): abcdefghijklmnopqrstuvwxyz
• Dígitos (índices 52-61): 0123456789
• Símbolos (índices 62-63): +/

Los caracteres de una cadena codificada en base64 distinguen entre mayúsculas y minúsculas. Esto significa que, por ejemplo, cuando intenta decodificar cadenas codificadas en base64 como ab ==, Ab ==, aB == y AB ==; obtendrá 4 resultados diferentes. El signo igual (=) no es parte del índice y tampoco está involucrado en el proceso de codificación. Solo se usa para el relleno y también se conoce como carácter de relleno. Garantiza que la cadena codificada en base64 sea un múltiplo de 4 bytes, por eso siempre se agrega al final de la cadena codificada. Eche un vistazo a la tabla de índice de caracteres base64 que se muestra a continuación para una mejor comprensión.

Dónde se usa Base64

Base64 se utiliza en varios contextos. Algunos de ellos se dan a continuación.

• Base64 se puede utilizar para transmitir y almacenar datos de texto para evitar cualquier tipo de colisión de delimitadores.
• Los datos binarios están incrustados en archivos XML utilizando Base64.
• Base64 se utiliza para codificar archivos binarios como imágenes, para evitar la dependencia de archivos externos.
• El esquema de URI de datos también usa Base64 para representar archivos de imagen. Por eso, una fuente de imagen en un documento HTML puede ser una ruta a un archivo externo o un URI de datos.
• Base64 se usa comúnmente para ocultar secretos sin la sobrecarga de la administración de claves criptográficas porque es simple y fácil de usar.
• Los spammers también utilizan la codificación Base64 para evitar las herramientas básicas de antispam porque no pueden detectar palabras clave en mensajes codificados.
• En archivos LDIF, Base64 se utiliza para codificar cadenas de caracteres.

¿Qué es la URL de datos o la URI de datos

Data URL o URI significa localizador uniforme de recursos de datos o identificador uniforme de recursos. Es simplemente un esquema que proporciona un mecanismo para insertar datos en un documento HTML. El URI de datos contiene una cadena codificada en base64 que representa un archivo.

El archivo puede ser de diferentes tipos, pero lo más común es que sea un archivo de imagen. Tener datos de imagen en formato de cadena codificada en base64 simplemente significa que para mostrar una imagen en la web, no es necesario especificar la ubicación de la imagen. Puede usar directamente esa cadena codificada como valor del atributo de origen para mostrar una imagen. Siempre que el navegador encuentre un URI de datos, podrá decodificar el archivo y construir el archivo original. El esquema de URI de datos contiene información sobre el archivo, como su tipo MIME y una cadena codificada en base64. Eche un vistazo al código que se proporciona a continuación.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

Dependiendo del tamaño del archivo, la longitud de la cadena codificada en base64 puede variar. Puede utilizar URI de datos en archivos CSS y HTML.

Ventajas de usar URL de datos o URI de datos

La principal ventaja de usar URI de datos en lugar de la ruta del archivo es reducir el número de solicitudes http salientes. Demasiadas solicitudes http al servidor que solicitan el mismo archivo una y otra vez pueden aumentar la carga en el servidor. Si lo incrusta directamente en HTML, no habrá más solicitudes salientes ya que el archivo ya está presente en el documento HTML en formato codificado. El navegador solo necesita decodificarlo y mostrarlo. Como se mencionó anteriormente, el tamaño de la cadena base64 en el URI de datos será un 33% más que el tamaño real del archivo. Se trata de la optimización del rendimiento y depende estrictamente de su elección del método que prefiera para cargar el archivo.

Los datos URI no se almacenan en caché por el navegador, por lo que cada vez que un usuario visita la página web, el navegador tiene que descargar HTML completo y decodificar los datos incrustados. Demasiado uso de URI de datos en HTML puede dañar significativamente el rendimiento de un sitio web. Debe mantener su uso lo más bajo posible. Es posible que no vea mucha diferencia en términos de rendimiento en computadoras de escritorio o portátiles debido a la conexión inalámbrica de alta velocidad. Pero en el caso de los dispositivos móviles, que tienen una velocidad de Internet lenta, dañarán significativamente. Si su sitio web tarda demasiado en cargarse en dispositivos móviles, definitivamente habrá una pérdida de ingresos y una participación del usuario baja o nula.

Compatibilidad con el navegador de URI de datos

Los URI de datos son compatibles con todos los navegadores modernos. Los navegadores más antiguos, como IE5 e IE7, no lo admiten, así que evite usarlo si necesita soporte para esos navegadores o puede intentar buscar alguna solución alternativa en línea. Eche un vistazo a la lista de navegadores compatibles que se muestra a continuación.

• Firefox versión 2+
• Opera versión 7.2+ (la longitud de los URI de datos no debe superar los 4100 caracteres)
• Chrome (todas las versiones son compatibles)
• Safari (todas las versiones son compatibles)
• Internet Explorer 8+ (el tamaño de los URI de datos debe ser inferior a 32 kb)