Convertir imagen a Base64

Funciones

• Tres formas de entrar: arrastrar y soltar, selector de archivos o pegar desde el portapapeles; tras una captura, pegar es lo más rápido
• Escala por el lado máximo a 2560, 1920, 1280, 800, 512 o 256 píxeles, o a nada
• Solo reduce, nunca amplía: una imagen pequeña no se interpola hasta una falsa imagen mayor
• Mantiene el formato original o convierte a PNG, JPEG o WebP
• Control de calidad para JPEG y WebP; PNG no pierde calidad, así que el deslizador se desactiva en vez de fingir que sirve
• El SVG se lee como su contenido vectorial original y nunca se rasteriza, salvo que pidas explícitamente un formato de mapa de bits
• Muestra una vista previa junto al tamaño original, el tamaño del texto de salida y las dimensiones en píxeles
• Avisa antes de que lo hagas cuando el resultado va a ser enorme: el texto Base64 es aproximadamente un tercio más grande que el archivo
• Un clic para copiar, o descargar como archivo en el formato de salida

Cómo se usa

1. Suelta una imagen, elígela, o haz una captura y pégala con Ctrl o Command más V
2. Ajusta el lado máximo, el formato de salida y la calidad según lo necesites
3. El resultado aparece solo, con su tamaño y sus dimensiones en píxeles
4. Pulsa «Copiar» para llevarte el texto, o «Descargar» para guardarlo como archivo

Preguntas frecuentes

¿Se sube mi imagen a un servidor?

No. Los archivos se leen con FileReader y se escalan con un canvas, todo dentro de la memoria de tu navegador, y la página no hace ninguna petición de red. Si quieres comprobarlo, desconecta la red y vuelve a intentarlo: se comporta exactamente igual. Esto importa sobre todo en fotos personales y capturas que llevan información de clientes.

¿Por qué el texto es más grande que la imagen?

Base64 gasta 4 caracteres por cada 3 bytes, así que la carga crece hasta unos cuatro tercios de su tamaño original. Una foto de 3 MB se convierte en unos 4 MB de texto. Incrustar eso en HTML o CSS añade el mismo peso a la página, y por eso las imágenes grandes es mejor servirlas desde una URL de archivo normal y reservar Base64 para iconos pequeños y casos en los que incrustar es inevitable.

¿Por qué mi GIF ha dejado de animarse?

Un canvas solo puede leer el primer fotograma; ningún navegador puede volver a escribir un GIF animado. Así que la animación se pierde, y el resultado lo dice expresamente. Si la animación tiene que sobrevivir, sáltate el canvas y codifica en Base64 el archivo original.

¿Por qué no se ha cambiado el tamaño de mi SVG?

Un SVG es gráfico vectorial, y rasterizarlo destruye lo único que hace bien: mantenerse nítido a cualquier tamaño. Así que cuando el formato de salida se deja como el original, el SVG se lee como bytes en crudo y la opción de redimensionar no se aplica. Solo cuando eliges explícitamente PNG, JPEG o WebP se convierte en mapa de bits, y entonces el resultado dice que se ha rasterizado.

¿Puede convertir fotos HEIC?

Depende de tu navegador. Safari puede decodificar HEIC; la mayoría de los navegadores Chromium no. Cuando la decodificación falla recibes un mensaje claro diciendo que el navegador no ha podido leer la imagen, en vez de un resultado roto. Exportar antes a JPEG con las herramientas de tu sistema funcionará.

¿Hay un límite de tamaño?

10 MB por imagen. Por encima de eso el texto resultante se hace lo bastante largo como para que la pestaña vaya visiblemente lenta, así que el archivo se rechaza antes de empezar a procesarlo en vez de dejarte esperar a que el navegador se atragante.