Imagen a URI de datos

Convierte imágenes a URI de datos rápidamente con esta herramienta gratuita en línea. Carga cualquier formato de imagen, visualiza el resultado y copia fácilmente como una etiqueta HTML, fondo CSS o URI de datos raw. No se requiere inscripción.
No se ha seleccionado ninguna imagen. Por favor, elija una imagen para redimensionar.
¡Copiado al portapapeles!

Acerca de

Cargar imagen

Selecciona y carga cualquier formato de imagen común (JPG, PNG, GIF, etc.) desde tu dispositivo.

Vista previa de la imagen

Ver una vista previa de la imagen cargada antes de la conversión.

Copiar como etiqueta HTML

Generar y copiar la imagen como una etiqueta HTML <img> para una fácil incrustación.

Copiar como fondo CSS

Convierte la imagen a una propiedad CSS background-image para el estilo.

Copiar URI de datos

Genera y copia el URI de datos codificado en base64 de la imagen.

Referencia

Los URI de datos permiten insertar archivos pequeños directamente en documentos web usando la codificación base64. Esta técnica evita las solicitudes HTTP adicionales para recuperar recursos externos, lo que puede mejorar los tiempos de carga de la página. Sin embargo, los URI de datos grandes pueden afectar negativamente el rendimiento, por lo que generalmente se usan para pequeñas imágenes, iconos y archivos de datos. Los URI de datos son compatibles con todos los navegadores web modernos y se pueden usar en varios contextos donde se aceptan las URLs de imágenes.

Cálculo

Esta aplicación no realiza cálculos complejos. Convierte imágenes cargadas en diferentes formatos como URI de datos, fondos CSS y etiquetas HTML <img> para incrustarlos. El proceso de conversión implica leer el archivo de imagen, codificarlo en base64 y formatear el resultado de acuerdo con la opción de salida seleccionada.

Preguntas frecuentes

¿Qué formatos de imagen son compatibles?
La aplicación admite la conversión de cualquier formato de imagen común como JPG, PNG, GIF, etc.
¿Hay un límite de tamaño para las imágenes cargadas?
Si bien no hay un límite estricto de tamaño de archivo, las imágenes más grandes pueden tardar más tiempo en procesarse y convertirse en URI de datos.
¿Puedo convertir GIFs animados?
Sí, la aplicación puede convertir imágenes GIF animadas a URI de datos conservando la animación.
¿Cómo puedo usar los formatos copiados?
Copia el URI de datos y pégalo como la fuente para una etiqueta <img>, una propiedad CSS background-image o en el código donde necesites incrustar una imagen.