Saltar al contenido

🖼️ Imagen → Base64 / Data URL

Arrastra y suelta una imagen para convertir a Base64 / Data URL. Listo para CSS background-image o HTML img.

✅ 100% gratis, sin registro, todo en el navegador

📂

Arrastra y suelta o haz clic para seleccionar

PNG / JPG / WebP / SVG / GIF / AVIF / BMP / ICO

💡 Cómo usar Data URLs

• Imágenes pequeñas (1–2 KB) reducen el número de peticiones HTTP.

• La codificación Base64 añade ~33% de tamaño.

• Para SVG, considera incrustar como XML plano.

🔗 Herramientas relacionadas

📖 Cómo usar

  1. 1
    Soltar o hacer clic para seleccionar imagen
    Arrastra y suelta una imagen o haz clic para seleccionar. Se soportan PNG, JPG, WebP, SVG y más.
  2. 2
    Seleccionar formato de salida
    Elige Data URL, Base64 puro, CSS background-image, HTML img o Markdown.
  3. 3
    Copiar y usar
    Haz clic en Copiar para guardar el texto codificado y pegarlo en tu código.

❓ Preguntas frecuentes

¿Soporta pegar desde el portapapeles?
Sí. Copia una imagen al portapapeles y presiona Ctrl+V / Cmd+V en la página para cargarla.
¿Cómo afecta Base64 al tamaño del archivo?
La codificación Base64 aumenta el tamaño un 33%. Incrustar imágenes grandes puede afectar el rendimiento.
¿Cuándo es apropiado usar una Data URL?
Son ideales para iconos pequenos (1–2 KB) para reducir solicitudes HTTP. No son adecuadas para imágenes grandes.