Softonic

Convertidor de imagen a BASE64

Paso 1 / 3
Restaurando el archivo seleccionado...

Una URL de datos Base64 reúne el tipo de medio y los bytes codificados de una imagen en un único valor de texto, por ejemplo data:image/png;base64,.... Elige una imagen de hasta 20 MiB y el convertidor creará ese valor localmente en tu navegador. Antes de copiarlo verás los datos del archivo original y la longitud aproximada de la URL generada.

Cómo codificar una imagen en base64

  1. 1

    Elige una imagen

    Selecciona un archivo de imagen de hasta 20 MiB.

  2. 2

    Codifica en el navegador

    El archivo se convierte en una URL de datos Base64 completa sin subirse al servidor.

  3. 3

    Revisa el resultado

    Comprueba el tipo de medio, los datos del archivo y la longitud aproximada de la URL generada.

  4. 4

    Copia la URL de datos

    Copia el valor completo `data:image/...;base64,...` al portapapeles.

Cuándo incrustar, cuándo enlazar

La incrustación en Base64 ahorra una solicitud HTTP a costa de un aumento del 33% en el tamaño: vale la pena para algunos activos, derrochador para otros.

Cálculo de tamaño

Tamaño original Tamaño Base64 Bytes extra
1 KB 1.36 KB 360 B
10 KB 13.6 KB 3.6 KB
100 KB 136 KB 36 KB
1 MB 1.36 MB 360 KB

Guía de decisiones

Caso de uso Incrustar o externo
Ícono menor de 2 KB (logotipo SVG, sprite) Incrustar
Imagen de cursor en CSS (cursor: url()) Incrustar
Demostración HTML o CSS pequeña y autocontenida Incrustar
Ícono incluido en una carga de JavaScript Incrustar
Imagen principal, > 50 KB Externo
Cualquier cosa que pueda ser almacenada por separado Externo

Formato de URI de datos

data:[<mediatype>][;base64],<data>

Ejemplos:

  • data:image/png;base64,iVBORw0KGgo..., PNG
  • data:image/svg+xml;utf8,<svg>...</svg>, SVG, a menudo mejor incrustado sin base64
  • data:image/jpeg;base64,/9j/4AAQS..., JPG

Consejos

  • SVG es frecuentemente mejor como url() con codificación utf8 en lugar de base64; más corto, legible.
  • La codificación no inspecciona ni desinfecta la imagen. Incrusta solo archivos de confianza, sobre todo SVG, que puede contener contenido activo o externo.
  • Imágenes grandes dentro de cargas JSON bloquean el análisis si son muy grandes; considera referencias multipart o externas.
  • La imagen de fondo CSS con base64 se incrusta limpiamente pero derrota el almacenamiento en caché entre páginas.

Preguntas frecuentes

Base64 codifica 3 bytes de entrada como 4 caracteres, por lo que la salida siempre es ~33% más grande que la entrada. Una imagen de 10 KB produce una cadena de aproximadamente 13,600 caracteres. Largo es normal.

Este convertidor acepta una imagen de hasta 20 MiB. Es un límite de procesamiento, no una recomendación: conviene que las URL de datos sean pequeñas porque Base64 añade alrededor de un tercio al tamaño original e impide almacenar la imagen por separado en caché.

No. La codificación Base64 se ejecuta en tu navegador. La imagen nunca sale de tu dispositivo.

No en este codificador. Para convertir una URL de datos o una cadena Base64 en un archivo descargable, utiliza la herramienta independiente Base64 a imagen.

Herramientas relacionadas

Creador de listas por niveles

Crea una lista privada con texto e imágenes locales, personaliza niveles, clasifica con arrastre o teclado y exporta JSON, PNG o SVG.

Comprimir GIF

Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.

Vectorizador de PNG a SVG

Convierte imágenes raster PNG en rutas SVG desde el navegador. Ideal para logotipos, iconos y arte lineal. Controla el umbral, el número de colores y el suavizado.

WebP a JPG

Convierte imágenes WebP a JPG/JPEG directamente en el navegador. Elige la calidad, aplana la transparencia sobre un color de fondo y descarga sin subir archivos.

Generador de códigos de barras

Crea en el navegador códigos de barras 1D en Code 128, EAN, UPC, ITF-14 y otros formatos compatibles. Descarga el resultado como SVG o PNG.

Generador de códigos QR

Genera un código QR localmente en el navegador a partir de una URL, texto plano o una carga QR correctamente formateada, y descárgalo como PNG.