Imagen a Base64 en línea — Data URI local

Convierte una imagen local (PNG, JPEG, GIF, WebP, SVG) a Base64 o data URI. Límite 32 MiB — no se envía nada al servidor.

Cargando…
Imagen a Base64 — ayuda local de data URI
Codifica un archivo de imagen local como Base64 o data URI. Límite 32 MiB. La vista previa usa solo img src.

Cómo funciona la conversión

Elige un archivo PNG, JPEG, GIF, WebP o SVG (máx. 32 MiB). Elige data URI o Base64 bruto. La vista previa se renderiza con un elemento img — el SVG nunca se inyecta en el DOM como markup.

Opciones

Formato de salida
dataUri para atributos CSS/src; rawBase64 para encadenar con otras herramientas.

Ejemplos prácticos

Data URI

Entrada

icon.png (archivo local)

Forma de la salida

data:image/png;base64,iVBOR…

Base64 bruto

Entrada

photo.webp

Forma de la salida

iVBOR… (sin prefijo data:)

Herramientas relacionadas

Para Base64 de texto usa base64. Para data URI específicas de SVG véase svg-to-data-uri.

FAQ de imagen a Base64

Límites y formatos

¿Cuál es el límite de tamaño?

32 MiB. Los archivos mayores se rechazan — no hay subida ilimitada.

¿Por qué Base64 aumenta el tamaño?

Base64 expande los datos binarios alrededor de un 33 %. Prefiere archivos o URLs de CDN para assets de producción.

¿Es segura la vista previa SVG?

La vista previa usa solo un img con data URI — nunca inyección de SVG en el DOM.

Codificación

Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.

Explorar otras categorías de herramientas

Minificar

Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.

Embellecer

Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.

Desminificar

Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.

Conversión

Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.

Preprocesadores CSS

Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.

Herramientas JSON

Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.

Herramientas SVG

Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.

DevOps e Infra

Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.

CI/CD

GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.

Logs y observabilidad

JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.

Kubernetes

Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.

Red / IP

CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.

Seguridad y tokens

JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.

API y esquemas

Herramientas OpenAPI para formatear, validar y analizar tus specs.

Utilidades para desarrolladores

Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.

Texto y Markdown

Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.

IA y LLM

Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.

Datos de prueba

Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.

Serialización

Serializa y deserializa estructuras PHP junto a los flujos JSON.