在HTML和CSS中使用数据URI的优缺点是什么？

Question

不是链接来自外部资源的图像，而是可以在HTML和CSS中对它们进行加密，如下所示：

<img alt="" src="data:image/png;base64,R0lGODlhEAAQAM..." />

或

body {
    background: url(data:image/png;base64,R0lGODlhEAAQAM...);
}

与通常的链接相比，有哪些优点和缺点？什么是高性能网站更可取的？这个功能在浏览器中的支持程度如何？