¿Qué son Blob y DataURL?
Un Blob URL es una dirección temporal que empieza con blob: y apunta a un objeto de archivo en la memoria del navegador, comúnmente usado para vistas previas y subidas de imágenes en el front-end.
Un DataURL codifica un archivo como una cadena Base64 que se puede incrustar directamente en etiquetas img, fondos CSS o datos JSON.
Cómo usarlo
Convierte en dos pasos:
- Sube una imagen.
- Copia el Blob URL o el DataURL en tu código.
Consejos
- Los iconos pequeños son excelentes candidatos para DataURLs en línea; usa archivos separados para imágenes grandes.
- Los Blob URL pueden usarse en etiquetas img, fuentes de video o descargas con fetch.
- Para obtener el Base64 de otros tipos de archivo, combínalo con la herramienta Codificador/Decodificador Base64.