FormatFlow
Idioma

Imagen · Actualizado el 20 oct 2026 · Revisado por FormatFlow Editorial

Convertidor de imagen a Base64

Puedes convertir una imagen en una cadena Base64 o en una URL de datos lista para pegar en tu navegador, y después copiar o descargar el texto para CSS, JSON o una plantilla de correo sin subir la imagen.

Se ejecuta en tu navegadorGratis · Sin registro · Sin marca de agua
IMAGE → BASE64Se ejecuta en tu navegador
Loading the tool…

Everything runs locally in this tab. No file is uploaded while the tool loads.

Esta herramienta se ejecuta en tu pestaña. No se sube nada y no se guarda ninguna copia.

Cómo se tratan los archivos

Acerca de Imagen a Base64

Base64 convierte los bytes de una imagen en texto, que es justo lo que necesitas cuando un sistema acepta una cadena pero no la subida de un archivo: un fondo de CSS, una fuente de imagen en línea, un campo JSON, una plantilla de correo HTML o una columna de base de datos. Este conversor lee la imagen localmente con FileReader y escribe la URL de datos completa o la carga Base64 sin procesar, para que elijas la forma que espera el sistema receptor.

El texto codificado suele ser aproximadamente un tercio mayor que el archivo original, algo que importa para el peso de la página y los límites de tamaño del correo. El panel muestra el recuento de caracteres antes de copiar, así que una imagen principal demasiado grande es evidente en lugar de sorprendente. La entrada SVG se devuelve como texto de marcado y funciona como URL de datos, aunque algunos sistemas bloquean las URL de datos SVG por motivos de seguridad.

Qué hace esta herramienta

Los detalles que importan cuando usas Imagen a Base64 para trabajo real.

  • URL de datos o Base64 sin procesar

    Elige la cadena completa data:image/...;base64,... para HTML y CSS, o solo la carga codificada para API y campos JSON.

  • JPG, PNG, WebP, GIF y SVG

    Se puede codificar cualquier imagen web común, incluidos GIF animados y archivos SVG vectoriales, y el tipo de medio original se conserva en la URL de datos.

  • Caracteres y tamaño codificado

    El tamaño del archivo seleccionado, el recuento de caracteres Base64 y el tamaño codificado en bytes se muestran juntos para valorar primero el impacto en el peso de la página.

  • Copiar o descargar como texto

    Copia la cadena completa al portapapeles o descárgala como archivo .txt para repositorios, plantillas de correo y documentación.

  • La codificación se queda en la pestaña

    FileReader codifica el archivo seleccionado localmente. La imagen y la cadena resultante nunca viajan por la red.

Cómo usar Imagen a Base64

Sin cuenta y sin instalación: todo el trabajo ocurre en esta pestaña del navegador.

  1. 01

    Arrastra una imagen

    Elige un archivo PNG, JPG, WebP, GIF o SVG de hasta 10 MB, o arrástralo al selector.

  2. 02

    Elige la forma de salida

    Mantén URL de datos cuando el texto vaya a HTML o CSS, o elige Base64 sin procesar para una petición de API o un valor JSON.

  3. 03

    Comprueba el recuento de caracteres

    Lee el tamaño codificado bajo la vista previa. Si la cadena es enorme, comprime o redimensiona la imagen antes de usarla en línea.

  4. 04

    Copia o descarga el texto

    Usa el botón de copiar para el portapapeles o descarga un archivo .txt que mantenga toda la cadena intacta.

Cómo funciona esta herramienta

Trabaja con
IMAGE → BASE64
Procesamiento
En el cliente, dentro de tu navegador. No se sube nada.
Tamaño máximo
Hasta 10 MB por imagen
Requisitos
Chrome, Edge, Firefox o Safari en escritorio o móvil

Limitaciones que conviene conocer

  • El texto codificado es aproximadamente un 33 % más grande que el archivo de origen, así que Base64 encaja mal con fotos grandes e imágenes principales.
  • Solo se aceptan imágenes de hasta 10 MB; los archivos más grandes deben comprimirse o redimensionarse antes.
  • Los GIF animados se codifican byte a byte, pero algunos clientes de correo y campos de CMS no animarán los GIF de URL de datos.

Privacidad y tratamiento de archivos

La imagen se lee con la API FileReader del navegador y se codifica en memoria en tu dispositivo. Nunca se sube a FormatFlow ni a terceros, no se guarda ninguna copia, y al cerrar o actualizar la página se descartan el archivo y la cadena generada.

Leer la política de privacidad completa

Preguntas frecuentes sobre Imagen a Base64

Respuestas breves y directas a las dudas habituales antes de usar la herramienta.

¿Cuándo debería usar una URL de datos en lugar de un archivo de imagen normal?
Una URL de datos es útil para iconos diminutos, plantillas de correo y documentos que deben ser autónomos, porque elimina una petición HTTP aparte. Para páginas web normales suele ser mejor un archivo de imagen separado: se almacena en caché una vez y mantiene el HTML pequeño.
¿Por qué mi cadena Base64 es más grande que el archivo original?
Base64 representa cada tres bytes como cuatro caracteres, así que el texto codificado es aproximadamente un 33 % más grande que el archivo binario. El prefijo de la URL de datos añade unos cuantos caracteres más.
¿Convertir una imagen a Base64 cambia su calidad?
No. La codificación es una representación de texto reversible de exactamente los mismos bytes; al decodificarla se obtiene un archivo idéntico byte a byte. Redimensionar o volver a comprimir la imagen es lo que cambia la calidad, y esta herramienta no hace ninguna de las dos cosas.
¿Puedo pegar el resultado directamente en un fondo de CSS?
Sí, usa la opción URL de datos y pégalo como background-image: url(data:image/...). Algunas herramientas de compilación y minificadores manejan mal las cadenas muy largas, así que reserva las URL de datos en línea para recursos pequeños.
¿Se sube mi imagen mientras se codifica?
No. El archivo se lee con la API FileReader del navegador y se codifica en memoria; nunca se envía a FormatFlow ni a terceros, y no se guarda ninguna copia al cerrar la pestaña.
¿Por qué una URL de datos SVG no se muestra en algunos sitios?
Algunas aplicaciones bloquean las URL de datos SVG porque el SVG puede contener scripts y referencias externas. Si la vista previa se queda en blanco, usa un formato raster como PNG o sirve el SVG como archivo normal.
¿Cuál es el límite práctico de tamaño para Base64 en un navegador?
El selector acepta archivos de hasta 10 MB, que producen unos 13 MB de texto. Las cadenas mucho más grandes se vuelven lentas de copiar y pueden chocar con los límites del editor o del portapapeles, así que comprime o redimensiona la imagen primero.

Para seguir leyendo

Guías que explican las decisiones detrás de Imagen a Base64.

Revisado por FormatFlow Editorial · Equipo de herramientas y formatos de archivo

Última actualización: 20 oct 2026