Convertidor de imagen a Base64

Convierte imágenes PNG, JPG, GIF, WebP o SVG en data URI Base64 listas para pegar en HTML o CSS.

100% privado: todo funciona en tu navegador

Cómo usarla

  1. 1

    Suelta una imagen o haz clic para elegirla de tu dispositivo.

  2. 2

    El data URI Base64 se genera al instante, junto con fragmentos de etiqueta img y CSS.

  3. 3

    Copia el fragmento que necesites o descarga el data URI como archivo de texto.

Ejemplos

Icono pequeño

Entrada

logo.png · 12 KB

Salida

data:image/png;base64,iVBORw0… (~16 KB de texto)

CSS incrustado

Entrada

background.png · 4 KB

Salida

background-image: url("data:image/png;base64,…");

Preguntas frecuentes

¿Por qué la versión Base64 es más grande?

Base64 codifica cada 3 bytes en 4 caracteres, así que el texto es un 33% más grande que el archivo binario. La compresión Gzip suele reducirlo de nuevo.

¿Cuándo conviene incrustar una imagen?

Para iconos, logotipos y gráficos de interfaz de unos pocos KB, donde ahorrar una petición HTTP importa más que el peso extra.

¿Se sube mi imagen?

No. El archivo se lee con la API FileReader del navegador y nunca sale de tu dispositivo.

Herramientas relacionadas