Tutorial de uso de Base64.im

1. ¿Por qué utilizar la codificación Base64?

Base64 representa datos binarios como texto. Sirve para incluir iconos pequeños en HTML, CSS o una demostración de un solo archivo. En firmas de correo, comprueba primero la compatibilidad del cliente.

2. Formatos de imagen admitidos

Admite JPEG, PNG, GIF, WebP, SVG y BMP. Conserva los bytes y el tipo MIME; no comprime, redimensiona ni convierte el formato de la imagen.

3. Cómo utilizar base64.im para convertir imágenes

Elige archivos o arrástralos al área de imágenes. Puedes procesar hasta 20 imágenes de 10 MB cada una. Cada resultado se puede copiar y descargar por separado.

4. Utilice imágenes codificadas en Base64 como fuentes de imágenes HTML

Copia el resultado completo, incluido data:image/...;base64,, en el atributo src de una imagen. Añade texto alternativo. Si no funciona el portapapeles, selecciona y copia manualmente.

<img src="data:image/png;base64,…" alt="…">

5. Utilice una imagen codificada en Base64 como fondo CSS

Introduce la Data URI completa dentro de url() en background-image de CSS. Conserva el prefijo y el relleno. Los puntos suspensivos de un ejemplo no son datos de imagen válidos.

.image { background-image: url("data:image/png;base64,…"); }

6. Notas

Base64 aumenta el tamaño aproximadamente un tercio. Usa imágenes pequeñas y prueba el resultado. Para recursos grandes o reutilizables, suele convenir una URL de imagen normal.