Ir al contenido
Image Toolkit

Imagen a Data URI

Genera un Data URI de imagen completo con su tipo MIME para HTML o CSS. Las imágenes permanecen en tu navegador.

Funciona en tu dispositivo Sin registro
Herramientas de desarrollo local

Cómo funciona

  1. 01

    Prepare su fuente

    Elija una imagen de origen compatible o comience con la plantilla de texto cuando la herramienta proporcione una.

  2. 02

    Ajustar el resultado

    Crea un URI completo data:image/...;base64 con el tipo MIME de origen correcto. El resultado se puede incrustar en una imagen HTML o usarse en un valor url() de CSS. No se requiere carga de archivos.

  3. 03

    Revisar y descargar

    Inspecciona la vista previa completa y los ajustes de salida. Descarga el archivo terminado, manteniendo el original disponible para comparar.

Sobre esta herramienta

Crear con Imagen a Data URI

Genera un Data URI de imagen completo con su tipo MIME para HTML o CSS. Las imágenes permanecen en tu navegador.

Crea un URI completo data:image/...;base64 con el tipo MIME de origen correcto. El resultado se puede incrustar en una imagen HTML o usarse en un valor url() de CSS. No se requiere carga de archivos.

Consejos para mejorar el resultado

  • Un Data URI incluye un prefijo data:, el tipo MIME y un marcador de codificación. Una cadena Base64 sin procesar contiene solo bytes codificados; las aplicaciones pueden requerir un formato u otro.
  • Mantén el archivo original hasta que se haya verificado el resultado.
  • Inspecciona el texto pequeño y los bordes finos al tamaño de visualización previsto.
  • El procesamiento de imágenes ocurre en tu navegador. Descarga el resultado antes de cerrar la pestaña. La herramienta no sobrescribe tu archivo original.

Preguntas frecuentes

¿Cómo uso Imagen a Data URI? +

Elige una imagen de origen compatible o comienza con la plantilla de texto cuando la herramienta lo proporcione. Crea un URI completo data:image/...;base64 con el tipo MIME de origen correcto. El resultado se puede incrustar en una imagen HTML o usarse en un valor url() de CSS. No se requiere carga de archivos.

¿En qué se diferencia de una cadena Base64 sin procesar? +

Un Data URI incluye un prefijo data:, el tipo MIME y un marcador de codificación. Una cadena Base64 sin procesar contiene solo bytes codificados; las aplicaciones pueden requerir un formato u otro.

¿Dónde se procesa mi entrada? +

El procesamiento de imágenes ocurre en tu navegador. Descarga el resultado antes de cerrar la pestaña. La herramienta no sobrescribe tu archivo original.

¿Qué archivos puedo usar? +

Formatos aceptados: JPG, PNG, WebP, AVIF, GIF. Salidas disponibles: TXT. La compatibilidad de decodificación del navegador y la configuración de salida seleccionada determinan qué archivos de origen se pueden procesar.

¿Se requiere una cuenta? +

No se necesita cuenta para esta herramienta. Puedes revisar el resultado antes de guardarlo en tu dispositivo.

Herramientas relacionadas