🖼️ 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
Vista previa
- Nombre
- MIME
- Tamaño
- Base64 size
- Dimensiones
💡 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
Soltar o hacer clic para seleccionar imagenArrastra y suelta una imagen o haz clic para seleccionar. Se soportan PNG, JPG, WebP, SVG y más.
-
2
Seleccionar formato de salidaElige Data URL, Base64 puro, CSS background-image, HTML img o Markdown.
-
3
Copiar y usarHaz 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.