Convertir imagen a Base64
Convierte una imagen a una cadena Base64 (data URL) que puedes incrustar directamente en HTML, CSS o JSON sin necesidad de un archivo aparte.
Se procesa en tu dispositivo. Nada se envía a ningún servidor.
o haz clic para seleccionarlo
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
Sube tu imagen
Arrastra el archivo o selecciona uno desde tu dispositivo.
- 2
Copia el resultado
El texto Base64 (data:image/...;base64,...) aparece listo para copiar.
Detalles técnicos
- El resultado es una data URL completa (data:image/…;base64,…) que puedes pegar en un atributo src de HTML o en un url() de CSS.
- El archivo se codifica tal cual, sin recomprimirlo. Ocupa aproximadamente un 33 % más que el original: una imagen de 30 KB genera unos 40 KB de texto.
- Límite: 25 MB, aunque para incrustar en código lo razonable son iconos o imágenes de pocos KB.
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.