Saltar al contenido
ToolsMinify logo
Herramientas para desarrolladores

Conversor de Imagen a Base64

Convierte una imagen local a Base64 (o a un data URL, CSS background, HTML img o Markdown listo para pegar) sin subir nada.

Acerca de Conversor de Imagen a Base64

Convierte una imagen local a Base64 (o a un data URL, CSS background, HTML img o Markdown listo para pegar) sin subir nada. Este conversor gratuito lee archivos con FileReader en tu navegador, asi que capturas, logos y assets ineditos no salen del dispositivo. Al reves: pega un data URL o Base64 en bruto, previsualiza y descarga el archivo.

Cómo usar Conversor de Imagen a Base64

  1. Elige Imagen → Base64. Suelta un archivo, haz clic para elegir o pega una captura con Ctrl+V / Cmd+V.
  2. Revisa la vista previa, el MIME, el tamano en pixeles, el tamano original frente a Base64 y el porcentaje exacto de overhead (~33%).
  3. Copia la pestana Data URL, Base64 bruto, CSS background-image, HTML img o Markdown. No se sube nada.
  4. Para invertir: cambia a Base64 → Imagen, pega un data URL o Base64 en bruto, previsualiza y descarga el archivo.

Ejemplos de Conversor de Imagen a Base64

Icono pequeno en CSS

Codifica un PNG 16×16, abre la pestana CSS y pega background-image: url('data:image/png;base64,...') en una hoja de estilos o plantilla de email.

Pegar una captura

Copia una captura al portapapeles, enfoca esta pagina y pulsa Ctrl+V / Cmd+V. La herramienta codifica la imagen del portapapeles al instante, sin dialogo de guardar.

Decodificar un data URL de logs

Pega data:image/webp;base64,... en Base64 → Imagen para previsualizar y descargar el archivo cuando solo tienes la cadena.

Comprobar el overhead de Base64

El panel de tamano muestra bytes originales, longitud codificada y el porcentaje exacto de aumento para decidir si merece la pena incrustar.

Preguntas frecuentes sobre Conversor de Imagen a Base64

Mi imagen sale del navegador?
No. La codificacion usa la API FileReader del navegador (readAsDataURL). No hay endpoint de subida. Puedes confirmarlo en DevTools → Red: convertir una imagen no crea ninguna peticion saliente con el archivo.
Como convierto una imagen a Base64 online?
Suelta o elige una imagen (o pega una captura) y copia la pestana Base64 bruto o Data URL. Todo corre en el cliente.
Puedo convertir Base64 de nuevo a imagen?
Si. Cambia a Base64 → Imagen, pega un data:image/...;base64,... o Base64 en bruto. La herramienta detecta el MIME por bytes magicos si falta el prefijo, muestra vista previa y permite descargar el archivo.
Por que Base64 es un ~33% mas grande?
Base64 codifica cada 3 bytes binarios como 4 caracteres ASCII, asi que el texto es aproximadamente un tercio mas grande que el archivo. El panel muestra el overhead exacto de tu payload.
Cuando no debo incrustar imagenes en Base64?
Evita incrustar fotos grandes o cualquier cosa por encima de ~100 KB en paginas CSS/HTML: bloquea la cache y hincha el documento. Prefiere URLs de imagen normales; reserva Base64 para iconos pequenos, email o embeds offline.
Que formatos admite?
PNG, JPEG, GIF, WebP, SVG, BMP, ICO y AVIF cuando el navegador puede leerlos. El limite suave es 8 MB por archivo, aplicado en local antes de FileReader.