En determinadas ocasiones puede ser muy útil convertir una imagen a base64. El formato ‘base64’ es un tipo de código (una serie de caracteres) que representa o recrea el archivo original, ya sea una imagen, texto, etc.

Un ejemplo común de uso de base64 es la firma de una cuenta de email, en la que habitualmente mostraremos un logotipo corporativo, iconos de nuestras redes sociales, etc.

Utilizar imágenes en base64 tiene la ventaja de ahorrar peticiones al servidor, ya que éstas quedan “embebidas” en la propia página. Al formar parte del documento, evitamos depender de enlaces externos, en los que el enlace podría fallar si no tenemos acceso a su dominio, si las imágenes cambiasen de ubicación o fuesen eliminadas del servidor.

captchas

Imagen en base64

Además, usar imágenes en base64 puede llegar a ser imprescindible en determinados proyectos cuyo acceso a recursos externos está restringido.

Podemos convertir a base64 archivos gráficos como jpg, png, gif, svg e incluso bloques de texto.

 A continuación te dejo una selección de las mejores herramientas para convertir una imagen a base64.

Base64 Image Encoder: una de mis favoritas. Genera el código listo para añadir al ‘src‘ de cualquier etiqueta <img>. También nos genera el código para utilizar la imagen en nuestros archivos CSS. Los archivos que subamos a esta web no podrán sobre pasar el tamaño de 1 MB.

Convert Your Image to Base64 : alternativa a la anterior herramienta. En este caso, además de generarnos el código listo para añadir a nuestro HTML y CSS, nos muestra una vista previa de la imagen ya convertida a base64.

Code Beautify – Convert Your Base64 to Image : herramienta que nos ofrece la web de Code Beautify. Hace justo el proceso contrario a lo comentado en este artículo. A partir de una imagen que tengamos en base64, nos genera la misma imagen en el formato que tuviera originalmente (png, jpg, gif, svg…)

Decode from Base64 format :  alternativa a la herramienta anterior. Nos descarga directamente el archivo generado a partir de nuestro código en base64.

Code Beautify – Base64 Encode: en este caso tenemos una herramienta que nos convertirá cualquier texto a base 64.

 

Como siempre, espero que te haya gustado este artículo. ¡Nos leemos en el próximo!