Saltar al contenido

Convertir imagen a Base64

Convierte una imagen a una cadena Base64 (data URL) lista para incrustar en HTML o CSS.

Se procesa en tu dispositivo. Nada se envía a ningún servidor.

o haz clic para seleccionarlo

Convierte una imagen a una cadena Base64 (data URL) que puedes incrustar directamente en HTML, CSS o JSON sin necesidad de un archivo aparte.

Lee el archivo con la API FileReader del navegador y lo codifica como una data URL, el formato estándar para incrustar archivos binarios en texto.

Casos de uso

  • Incrustar un icono pequeño directamente en el CSS sin una petición HTTP adicional.
  • Añadir una imagen a un JSON de configuración.
  • Probar rápidamente una imagen en un prototipo sin subir archivos.

Cómo funciona

  1. 1

    Sube tu imagen

    Arrastra el archivo o selecciona uno desde tu dispositivo.

  2. 2

    Copia el resultado

    El texto Base64 (data:image/...;base64,...) aparece listo para copiar.

Preguntas frecuentes

¿Es buena idea usar Base64 para imágenes grandes?
No, Base64 aumenta el tamaño del archivo en torno a un 33% y no se puede cachear por separado; es mejor para iconos pequeños, no para fotografías.
Imagen