哪个更好？用于显示图像的数据URL方案或图像链接？

Question

我对此感到有点困惑。为了在我的HTML页面中显示图像，嵌入图像代码在HTML img标签中很好（使用数据URL技术）或者给予该图像文件的链接会更好（传统方式）？如果有人能以比较的方式告诉我两者的优缺点，那将是一个很大的帮助。

Answer 1

数据网址嵌入：

• ↑加载页面的HTTP请求较少;
• ↓带有非微小图像的超长代码行;
• ↓很难（很难）维护（想想当你需要更换图像时）;
• ↓IE 6和7不支持。

图片链接：

• ↑易于维护（您只需更换文件）;
• ↑独立于HTML缓存;
• ↑代码是简洁的;
• ↑所有版本的IE都支持;
• ↓更多HTTP请求加载页面。

一般情况下，我建议使用链接来放大图像（照片，布局元素，大图标）以及可以随时间变化的图像。仅将数据URL用于非常小的图标。

我必须说你可以避免前两个数据URL问题（长代码和可维护）从物理图像文件生成数据URL，使用服务器端语言（例如PHP）进行编码。