来自图像提供商服务器的 Base64 和 cdn 有什么区别?

Whats the difference between a Base64 and a cdn that comes from the image providers servers?

我使用的图像源也提供了 Base64 选项和从他们的 CDN 提供的图像有什么区别?有什么优点或缺点吗?

<img class="icon icons8-Bebo" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAA" width="48" height="48">


<img src="https://maxcdn.icons8.com/Color/PNG/24/Social_Networks/bebo-24.png" title="Bebo" width="24">

区别在于图像数据的来源:

  • 对于base64,数据在HTML标签内
  • 对于 CDN:,图片托管在我们的 CDN

在这两个中,我会选择 base64。它更灵活:您可以调整图标大小和重新着色(对于 CDN,您也可以从预定义的大小中进行选择)。