Codificador de Imágenes a Base64
Convierta imágenes a cadenas Base64 para incrustarlas directamente en HTML o CSS.
Acerca del Codificador de Imagen Base64
El Codificador de Imagen Base64 convierte sus archivos de imagen en una larga cadena de caracteres (un Data URI). Esto le permite integrar imágenes directamente en código HTML o CSS sin necesidad de una solicitud de archivo de imagen separada.
¿Cuándo usar Imágenes Base64?
Iconos y Logos Pequeños
Integrar pequeños iconos de IU directamente en CSS ahorra al navegador realizar solicitudes HTTP adicionales, acelerando la carga de la página.
Aplicaciones de un solo archivo
Si necesita distribuir un archivo HTML que funcione sin conexión sin una carpeta de activos, las imágenes Base64 son la solución.
Firmas de Correo Electrónico
Algunos clientes de correo bloquean imágenes externas. Las imágenes Base64 integradas a menudo se muestran de manera confiable sin mensajes de advertencia.
Preguntas Frecuentes (FAQ)
- ¿Esto aumenta el tamaño del archivo?
- Sí. La codificación Base64 típicamente aumenta el tamaño del archivo en aproximadamente un 33%. Es un compromiso: un tamaño más grande pero menos solicitudes de red. Úselo para imágenes pequeñas.
- ¿Cómo uso el resultado?
- Para HTML:
<img src="data:image/png;base64,..." />
Para CSS:background-image: url('data:image/png;base64,...');