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
- Elige Imagen → Base64. Suelta un archivo, haz clic para elegir o pega una captura con Ctrl+V / Cmd+V.
- Revisa la vista previa, el MIME, el tamano en pixeles, el tamano original frente a Base64 y el porcentaje exacto de overhead (~33%).
- Copia la pestana Data URL, Base64 bruto, CSS background-image, HTML img o Markdown. No se sube nada.
- 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.
Herramientas relacionadas
Codificador / decodificador Base64
Codificador y decodificador Base64 online gratis. Codifica texto a Base64 o decodifica Base64 a texto plano, con soporte completo Unicode (UTF-8). Se ejecuta por completo en tu navegador.
Generador de hash
Genera hashes SHA-256, SHA-1, SHA-384 y SHA-512 a partir de cualquier texto. Obtén el digest hexadecimal en minúsculas al instante en tu navegador: no se sube nada.
Minificador de CSS
Minificador de CSS online gratis. Comprime y minifica CSS eliminando comentarios y colapsando espacios en blanco: hojas de estilo más pequeñas y páginas más rápidas. Se ejecuta en tu navegador, sin subir archivos.