Convertidor de imagen a Base64: genere URI de datos localmente

Conversor de imagen a Base64 en línea gratuito. Codifique imágenes PNG, JPG, SVG, WebP o GIF en URI de datos para fondos CSS y etiquetas img HTML localmente, sin cargas.

Haga clic para el modo cine

Resultados de conversión

Cargue una imagen para ver el URI de datos, CSS y el código HTML.

Cómo usar

  1. Arrastre una imagen PNG, JPG, SVG, WebP o GIF al área de carga o haga clic para elegir archivos.
  2. Confirme la vista previa de la imagen, el tipo MIME, el tamaño original y el tamaño de salida del URI de datos.
  3. Copie el URI de datos completo, la cadena Base64 sin formato, el fragmento CSS background-image o HTML <img>.
  4. Pegue el código en CSS, HTML, plantillas de correo electrónico o configuración JSON.

Ejemplo: haga clic en "Cargar muestra SVG" para generar un icono SVG local como URI de datos, luego copie el fragmento CSS o HTML.

Características principales

  • Generación instantánea de URI de datos: suelte una imagen y genere un data:image/...;base64,... URI directamente en su navegador.
  • CSS y HTML listos para usar: copie fragmentos de CSS background-image o HTML <img> sin escribir el prefijo URI de datos a mano.
  • Admite formatos de imagen web: funciona con PNG, JPG, SVG, WebP, GIF, AVIF y otros formatos de imagen que su navegador pueda leer.
  • Cola de imágenes por lotes: suelte varios íconos, recursos de correo electrónico o imágenes de la interfaz de usuario y copie el fragmento exacto que necesita por archivo.
  • Procesamiento 100% privado: las imágenes se leen localmente con la API FileReader del navegador. No se carga nada.

Herramientas relacionadas

Codificador y decodificador de imágenes Base64: URL de datos + generador de CSS

Codificador/decodificador de imágenes Base64: convierta archivos a URL de datos, decodifique cadenas para descargas y copie código de fondo CSS: listo para WebP, local y privado. Pruébalo.
Convertidor de Base64 a imagen: vista previa local

Decodifica imágenes Base64 o URI de datos en tu navegador, obtén una vista previa al instante y descárgalas como el archivo original, PNG, JPG o WebP.
Formateador JSON seguro y generador de tipos: generación de tipos locales

Formateador JSON seguro: formatee, valide y corrija JSON localmente. Embellecer/minimizar, resaltar errores, generar TypeScript o Zod, convertir a XML: privado. Pruébalo ahora.
Probador y evaluador JSONPath gratuito | Consultas locales en tiempo real

Probador y evaluador JSONPath gratuito para API JSON. Extraiga nodos coincidentes en tiempo real, inspeccione rutas y copie resultados JSON mientras el análisis permanece local en su navegador.
Convertidor de JSON a CSV - Exportación de hoja de cálculo local

Convierta objetos o matrices JSON a CSV localmente en su navegador. Aplane los campos, obtenga una vista previa del resultado y luego copie o descargue CSV sin cargar datos.
Convertidor de CSV a JSON: analizador local en tiempo real

Convierta texto o archivos CSV a matrices JSON localmente en su navegador. Admite encabezados, delimitadores de coma/punto y coma/tabulación, archivos de arrastrar y soltar, copiar y descargar sin cargas.
Comprobador de diferencias JSON: comparación semántica local

Compare dos documentos JSON localmente en su navegador. Ordene las claves de los objetos para obtener una diferencia semántica, ignore el ruido del orden de las claves y marque los campos agregados, eliminados y modificados sin cargarlos.
Minificador y compresor JSON

Minimice JSON en una línea, elimine sangrías y saltos de línea, y compare el tamaño original, el tamaño minimizado, los bytes guardados y el porcentaje guardado.

Lógica de cálculo

La codificación Base64 convierte los datos de imágenes binarias en una cadena ASCII, lo que permite incrustar imágenes directamente en HTML, CSS o JSON. Un URI de datos tiene la forma data:[mime-type];base64,[encoded-data] y los navegadores pueden leerlo como un recurso de imagen.

Compensación importante: Base64 no es compresión de imágenes. La salida codificada suele ser aproximadamente un 33% más grande que el archivo original, por lo que es mejor para íconos pequeños, logotipos, imágenes de correo electrónico o para reducir una pequeña cantidad de solicitudes HTTP. Las fotografías grandes y muchos recursos normalmente deben permanecer como archivos de imagen normales y comprimirse por separado.

Preguntas frecuentes

¿Por qué convertir una imagen a Base64?

Es útil cuando desea incrustar íconos pequeños, imágenes de correo electrónico o imágenes de configuración directamente en el código, reduciendo las solicitudes externas o evitando imágenes de correo electrónico remotas bloqueadas.

¿Base64 reduce el tamaño de la imagen?

No. Base64 generalmente aumenta el tamaño codificado en aproximadamente un 33%. Ayuda con la integración y la reducción de solicitudes, no con la compresión del almacenamiento.

¿Qué formatos de imagen son compatibles?

PNG, JPG, JPEG, SVG, WebP, GIF, AVIF y cualquier formato de imagen que su navegador pueda leer.

¿Están cargadas mis imágenes?

No. La conversión utiliza la API FileReader.readAsDataURL nativa del navegador, por lo que los archivos permanecen en su dispositivo.

¿Puedo copiar CSS o HTML directamente?

Sí. Cada imagen obtiene un URI de datos completo, una cadena Base64 sin formato, un fragmento de CSS background-image y HTML <img>.