Data URL
Un esquema para incrustar datos binarios como cadenas codificadas en Base64 dentro de URLs, comúnmente usado para incluir imágenes pequeñas en línea en HTML o CSS sin solicitudes HTTP adicionales.
Una Data URL (Data URI) representa datos binarios como una cadena en el formato data:[tipo MIME];base64,[datos codificados]. Permite incrustar imágenes directamente en HTML o CSS sin solicitudes HTTP, útil para iconos pequeños e imágenes de marcador de posición.
La codificación Base64 infla los datos aproximadamente un 37%, haciendo las Data URLs ineficientes para imágenes mayores de unos pocos kilobytes. La recomendación general es limitar su uso a imágenes de menos de 2-3 KB. El método toDataURL() de la API Canvas exporta el contenido renderizado como Data URL.
Comparadas con los Blobs, las Data URLs son más fáciles de almacenar en localStorage o incrustar en JSON ya que son cadenas de texto plano, pero son menos eficientes en memoria. Para el manejo masivo de imágenes, las Object URLs mediante URL.createObjectURL ofrecen mejor rendimiento. La herramienta de compresión de imágenes puede usar Data URLs para renderizado rápido de previsualizaciones.