Codificador de imágenes
Convierte una imagen compatible en Base64, comprueba su vista previa y copia una Data URL lista para HTML o CSS.
Todavía no has seleccionado una imagen.
Incrustar imágenes pequeñas puede reducir solicitudes, pero las imágenes grandes aumentan el HTML o CSS y dificultan la caché. Úsalo con criterio.
Base64 representa los bytes de una imagen mediante caracteres de texto. La opción Data URL añade el tipo MIME y el prefijo necesario para utilizar el resultado directamente en atributos HTML o reglas CSS. La opción de Base64 puro resulta más adecuada cuando una API o un formato de datos solicita únicamente la cadena codificada.
Incrustar un icono pequeño puede evitar una solicitud de red adicional, pero la codificación aumenta aproximadamente un tercio el tamaño del contenido y dificulta almacenar la imagen en caché de forma independiente. Para fotografías, capturas o recursos reutilizados en muchas páginas suele ser mejor conservar un archivo optimizado y referenciarlo por URL. Base64 no comprime la imagen ni mejora su calidad.
url(...) en el navegador objetivo.Una cadena incompleta puede seguir pareciendo Base64 válido y, aun así, producir una imagen dañada. Puedes comprobar el recorrido inverso con Base64 a imagen antes de integrar el dato.
El portal excluye SVG porque ese formato puede contener scripts, enlaces u otros elementos activos. Los formatos admitidos se procesan localmente, aunque la aplicación de destino también debe permitir Data URLs y el tipo de imagen elegido. Algunas políticas de seguridad de contenido —CSP— bloquean recursos data:; en ese caso necesitarás ajustar la política bajo tu control o usar un archivo convencional. No compartas capturas que contengan credenciales, documentos o información personal solo porque estén codificadas: Base64 es reversible y no equivale a cifrado.