Skip to content

Convertidor de imagen a Base64

Solo en el navegador Imagen nunca enviada 8 formatos de salida
Suelta una imagen aquí, o haz clic para subirPNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF — hasta 20 MBPNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF · máx 20 MB

Tu salida Base64 aparecerá aquí.
Herramientas relacionadas Ver todo

Resumen

Convierte cualquier imagen a Base64 en tu navegador

Sube cualquier imagen y obtén al instante una URI de datos Base64 — ocho formatos listos para pegar: HTML, CSS, Markdown y JSON. Todo el procesamiento ocurre en tu navegador.

  • Arrastra y suelta o haz clic para subir
  • PNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF
  • Ocho formatos de salida listos para pegar
  • Copia con un clic para cada formato
  • Funciona completamente en tu navegador
  • Tu imagen se lee localmente con la API FileReader
  • Nada se sube a un servidor
  • La codificación Base64 se ejecuta en JavaScript en tu dispositivo
  • Los archivos nunca salen de tu navegador
  • No se guarda ninguna copia al cerrar la pestaña
  • Incrustar un icono pequeño directamente en CSS para ahorrar una solicitud HTTP
  • Insertar una imagen en un correo HTML que bloquea archivos externos
  • Pegar un logotipo en un prototipo HTML de un solo archivo
  • Guardar una imagen en una configuración JSON o carga útil de API
  • Añadir un enlace de favicon Base64 al encabezado de una página

Paso a paso

Cómo convertir una imagen a Base64

  1. 1
    Sube tu imagen

    Arrastra y suelta un archivo de imagen en el área de carga, o haz clic para examinar tus archivos. Formatos admitidos: PNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF (máx. 20 MB).

  2. 2
    Vista previa y verificación

    Tu imagen aparece como miniatura para confirmar que es el archivo correcto. El nombre, formato y tamaño del archivo se muestran junto a la vista previa.

  3. 3
    Elige tu formato de salida

    La herramienta genera tu cadena Base64 en ocho formatos listos para usar. Haz clic en la pestaña del formato que necesites — URI de datos, HTML <img>, CSS background-image, Markdown, JSON, JavaScript o favicon <link>.

  4. 4
    Copia al portapapeles

    Haz clic en el botón de copia junto al formato elegido. Aparece una confirmación "¡Copiado!" para que sepas que el texto está en tu portapapeles.

  5. 5
    Pega en tu proyecto

    Pega la cadena Base64 directamente en tu HTML, CSS, archivo Markdown o código JavaScript. No se necesita ningún archivo de imagen externo.

Formatos de salida

Ocho formatos, un clic cada uno

Format Description Example
Base64 puro Cadena Base64 sin prefijo. iVBORw0KGgo…
URI de datos URI de datos completa lista para usar donde se acepte una URL. data:image/png;base64,iVBORw0KGgo…
HTML <img> Etiqueta <img> lista para pegar con la URI de datos como src. <img src="data:image/png;base64,…" alt="foto">
CSS background Valor de propiedad CSS background-image listo para pegar. background-image: url("data:image/png;base64,…");
Imagen Markdown Código de imagen Markdown usando la URI de datos. ![foto](data:image/png;base64,…)
Objeto JSON Objeto JSON con las claves mime y base64. { "mime": "image/png", "base64": "…" }
JS new Image() Fragmento JavaScript que crea un elemento Image con la fuente codificada. const img = new Image(); img.src = "data:…";
Favicon <link> Etiqueta HTML <link> para incrustar un favicon Base64 directamente en el <head>. <link rel="icon" type="image/png" href="data:…">

Preguntas frecuentes

¿Mi imagen se sube a un servidor?
No. Todo ocurre completamente en tu navegador. Tu archivo de imagen se lee localmente mediante la API FileReader, se codifica en Base64 con JavaScript y nunca sale de tu dispositivo.
¿Qué formatos de imagen son compatibles?
PNG, JPG/JPEG, GIF, SVG, WebP, BMP, ICO y AVIF. Si intentas subir un formato que no está en esta lista (como TIFF, PSD o RAW), la herramienta mostrará un mensaje de error con los formatos aceptados.
¿Por qué la cadena Base64 es más grande que mi imagen original?
La codificación Base64 representa datos binarios usando solo 64 caracteres ASCII imprimibles, lo que aumenta el tamaño de los datos en aproximadamente un 33 %. Una imagen de 1 MB se convierte en unos 1,33 MB en Base64. Esto es inherente al algoritmo Base64 (RFC 4648).
¿Cuándo debo usar Base64 en lugar de un archivo de imagen normal?
Base64 es útil cuando necesitas un archivo autónomo — correos HTML, prototipos de un solo archivo o iconos pequeños incrustados en CSS. Para imágenes grandes, una URL de archivo suele ser mejor porque Base64 aumenta el tamaño y no puede almacenarse en caché por separado.
¿Cómo funciona esta herramienta?
Cuando subes una imagen, el navegador la lee en memoria mediante la API FileReader. Los bytes binarios se convierten en una cadena Base64 usando el algoritmo estándar (RFC 4648) y se envuelven en una URI de datos (RFC 2397) que los navegadores reconocen como fuente de imagen en línea.
¿Cuál es el tamaño máximo de archivo?
La herramienta acepta archivos de hasta 20 MB. Este límite existe porque codificar un archivo de 20 MB produce una cadena Base64 de ~27 MB, lo que puede sobrecargar la memoria del navegador en dispositivos de gama baja.
¿Puedo codificar varias imágenes a la vez?
Actualmente la herramienta codifica una imagen a la vez. La codificación por lotes es una función futura planificada. Por ahora, puedes codificar imágenes de una en una.
¿Funciona la herramienta sin conexión?
Sí. Una vez que la página ha cargado, el proceso de codificación no requiere conexión a la red. Todo se ejecuta localmente en tu navegador.