Imagen a Base64

De imagen a data URI y viceversa: suelte, pegue, previsualice y copie como CSS o HTML.

Funciona en local · no se sube nada
Preview of the selected image
Drop an image here, click to choose one, or paste it with Ctrl+V.
PNG, JPEG, GIF, WebP, SVG, AVIF, ICO, BMP
Click, drop or paste another image to replace it
Output

Qué hace

Incrustar imágenes pequeñas como URI data: ahorra una petición HTTP en iconos, plantillas de correo y HTML de un solo archivo. Esta herramienta convierte en ambas direcciones.

Imagen → Base64

  • Suelte una imagen, haga clic para elegir una o pegue una captura de pantalla directamente desde el portapapeles con Ctrl+V.
  • Verá una vista previa con el tipo, las dimensiones en píxeles, el tamaño original y el tamaño en Base64, para saber exactamente cuánto añade la codificación (alrededor de un tercio).
  • Copie el resultado como data URI, Base64 en bruto, una regla CSS background-image, una etiqueta HTML <img> con width y height ya rellenados, o Markdown.
  • El tipo se detecta a partir de los bytes del archivo, así que un PNG guardado como .jpg recibe igualmente el tipo MIME correcto.

Base64 → Imagen

  • Pegue una data URI o Base64 en bruto (se admiten saltos de línea, relleno ausente y el alfabeto apto para URL).
  • El formato se detecta por sus bytes mágicos (PNG, JPEG, GIF, WebP, AVIF, SVG, ICO, BMP, TIFF…), se muestra en una vista previa y se descarga con la extensión correcta. Se avisa si el tipo declarado no coincide con el real.

Cómo usarlo

Elija una dirección y después suelte o pegue. Todo se actualiza al instante; Copiar (o Ctrl+Enter) copia el formato seleccionado al portapapeles.

Privacidad

Las imágenes se leen y codifican localmente en su navegador y nunca se suben. La última imagen que codificó (si es razonablemente pequeña) y el último Base64 que pegó se guardan en el almacenamiento local del navegador; Borrar los elimina.