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

Calculadora FIRE 2026 (Ajustada por Inflación) | Simulador de Brecha de Retiro

La calculadora FIRE 2026 definitiva con ajuste por inflación. Evita números ilusorios simulando el crecimiento del interés compuesto con poder adquisitivo real. Analiza las brechas de ahorro y exporta a CSV para tus paneles en Excel o Notion. 100% privada con cálculos locales.
Calculadora de Tamaño de Posición - Gestión de Riesgo en Trading

Calcula el tamaño de tu posición de trading a partir del capital de la cuenta, el riesgo %, el precio de entrada y el stop-loss. Funciona localmente en tu navegador para comparar escenarios de riesgo antes de operar.
Calculadora de Interés Compuesto | Gráfico de Inversión y Rendimiento

Calcula el interés compuesto a partir del capital inicial, las aportaciones periódicas, el rendimiento anual y los años de inversión. Visualiza el capital, el interés generado y el saldo final con un gráfico interactivo local.
Calculadora de Préstamos e Hipotecas Online - Tabla de Amortización Instantánea

Usa la calculadora de préstamos e hipotecas para calcular el pago mensual, el total de intereses y la tabla de amortización localmente. Introduce el importe, la tasa y el plazo para calcular ahora con gráficos interactivos.
Calculadora de Inversión y ROI Online - Visualizador de Interés Compuesto

Usa la calculadora de inversión y ROI para estimar el capital inicial, aportaciones periódicas, rendimiento anual y resultados ajustados por inflación localmente. Visualiza tus rendimientos futuros con un gráfico interactivo, ROI y un plan anual detallado.
Calculadora de APR a APY - Conversión de Tasa Nominal y Efectiva

Usa la calculadora de APR a APY para realizar conversiones bidireccionales de APR y APY de forma local en tu navegador. Introduce una tasa, elige la frecuencia de capitalización y obtén la tasa de interés efectiva, la diferencia y una tabla comparativa de frecuencias al instante.
Calculadora de Margen de Beneficio - Conversión de Margen frente a Markup

Usa la calculadora de margen de beneficio para calcular el beneficio bruto, Markup, Margen y precio de venta de forma local en tu navegador. Introduce el coste y el precio, o el coste y el margen objetivo para calcular al instante.
Calculadora de CPM y CPC - Estimación de Gasto y CTR Online

Calcula el gasto publicitario, impresiones, clics, CPM, CPC y CTR localmente en tu navegador. Introduce el presupuesto y los costes objetivo para planificar escenarios de campañas al instante.

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>.