Image to Base64
Image to Base64 — se ejecuta en el navegador. No se guardan datos.
Imagen → Base64
Introduce los valores y pulsa Calcular.
Vista previa
El archivo solo se lee en el navegador y no se sube a un servidor.
Cómo usar
- En archivo de imagen, elige un archivo local. Solo se acepta
image/*. - Al elegir, FileReader construye una data URL y rellena la vista previa y el campo de texto.
- La línea de info muestra el nombre de archivo y un tamaño Base64 estimado (KB).
- Copiar pone toda la data URL en el portapapeles. Puedes pegarla en HTML
img src, CSS o Markdown. - Restablecer vacía la elección de archivo y la cadena. El archivo elegido solo se lee en la memoria de esta pestaña.
- Antes de incrustar, revisa los KB estimados. Si el original es grande, redimensiona primero. El archivo elegido no se sube.
Conceptos clave
Imagen → Base64 convierte un archivo local en una data URL como data:image/png;base64,.... Úsalo para incrustar favicons o iconos pequeños en HTML, o para poner una miniatura en un borrador JSON/Markdown. Base64 es unas 33% más largo que el original, y las fotos grandes inflan el tamaño HTML y el coste de parseo. Elegir un archivo convierte al momento; no hay un botón de ejecutar aparte. Vista previa y cadena se rellenan juntas.
La lectura usa solo FileReader.readAsDataURL y no llama a una API de subida. Si el MIME no es image/, aparece un aviso y la cadena se queda vacía. Copiar usa la API del portapapeles; si se deniega el permiso, selecciona tú el campo de resultado. Las capturas sensibles tampoco salen de esta pestaña. Las imágenes incrustadas van en la página sin caché/CDN, así que las fotos grandes repetidas es mejor como URL de archivo.
Ejemplo
Elige un icono PNG pequeño: aparece la vista previa y el texto empieza por data:image/png;base64,. Cópialo a <img src="…"> y la imagen se ve sin archivo externo. Elige JPEG y el MIME pasa a jpeg. Los KB estimados de la línea de info salen de la longitud de la cadena, así que pueden diferir un poco del tamaño en disco. Elegir el mismo archivo otra vez refresca el contenido; restablece y elige al probar otro icono. Si los KB estimados son grandes, prefiere una URL de archivo estático a incrustar en HTML.
Relacionado: Base64 → imagen · Codificador URL · Contador de caracteres
Preguntas frecuentes
¿Cómo convierto una imagen a Base64?
Elige un archivo de imagen y FileReader construye al momento una data URL. Se rellenan vista previa y texto; no hay un botón de convertir aparte.
¿Cómo pongo Base64 de imagen en HTML?
Pega la cadena copiada en el <code>src</code> de un <code>img</code> o en CSS <code>background-image: url()</code>. También puedes usar la sintaxis de imagen de Markdown.
¿Funcionan JPG, WebP y GIF para imagen a Base64?
Si el navegador reconoce el archivo como <code>image/*</code>, el MIME de la data URL coincide. Si no es una imagen, solo aparece un aviso.
¿Funcionan las fotos grandes?
Se pueden leer, pero la cadena es muy larga y copiar/pegar y el tamaño de página sufren. Encaja en iconos y miniaturas pequeñas.
¿Se sube el archivo a un servidor?
No. El archivo elegido solo se lee en la memoria del navegador de esta página y no se transmite ni se sube.
¿Y si copiar falla?
Concede permiso del portapapeles o selecciona el campo de resultado y copia tú. Un mensaje de éxito aparece en la línea de info.
Última revisión: 2026-09-04