Convertidor imagen a Base64

Base64 es una forma de escribir datos binarios como una cadena de texto. Una imagen codificada se puede incrustar directamente en HTML (<img src="data:image/png;base64,...">), en CSS (background-image: url(data:...)) o en JSON, o enviarla a una API, sin alojar el archivo en un servidor.

La codificación Base64 hace falta en varios casos: incrustar iconos y logotipos pequeños en el CSS (ahorra peticiones HTTP), crear plantillas de correo con imágenes incrustadas (Outlook bloquea las imágenes externas por defecto), enviar imágenes a una API (OpenAI Vision, Google Cloud Vision) y generar archivos HTML autónomos sin dependencias.

Base64 aumenta el tamaño de los datos alrededor de un 33 por ciento (3 bytes binarios se convierten en 4 caracteres). Para imágenes pequeñas de hasta 10 KB, el ahorro de peticiones compensa. Para fotos grandes de más de 50 KB es mejor usar archivos normales: Base64 aumentaría el peso de la página y ralentizaría la carga.

Toda la codificación ocurre localmente en el navegador; los datos no se envían a ningún servidor. Sin registro, sin límites, sin rastreo.

La codificación Base64 convierte los datos binarios de una imagen en una cadena de texto usando 64 caracteres ASCII imprimibles (A–Z, a–z, 0–9, +, /). Cada grupo de 3 bytes de datos binarios se convierte en 4 caracteres Base64, lo que significa que la cadena codificada es aproximadamente un 33% más grande que el archivo original.

El convertidor lee tu archivo de imagen, lo codifica en una cadena Base64 y añade el prefijo Data URI apropiado (ej. data:image/png;base64,). Esto crea una cadena autónoma que puede integrarse directamente en HTML, CSS o JSON sin necesitar un archivo de imagen separado.

Las imágenes codificadas en Base64 se usan comúnmente para pequeños iconos, logos y elementos de interfaz donde eliminar una petición HTTP adicional mejora el tiempo de carga. La conversión se realiza completamente en tu navegador.

La codificación Base64 conviene en casos concretos, pero no siempre es la mejor opción:

• Usa Base64 para – imágenes pequeñas de menos de 10 KB (iconos, logotipos), plantillas de correo con imágenes incrustadas, peticiones a una API que exigen la imagen dentro del JSON y archivos HTML autónomos.
• Usa archivos normales para – imágenes grandes de más de 50 KB, imágenes principales y fotos de un sitio web, imágenes que el navegador debe guardar en caché y contenido servido desde un CDN.

Base64 aumenta el tamaño de los datos un 33 % e impide que el navegador los guarde en caché. Para un sitio rápido, incrusta solo recursos muy pequeños y sirve el resto como archivos normales con cabeceras de caché adecuadas.