前军教程网

制作网页端时候，有时候，需要一个透明的小图片，作为占位符，当然可以做一个小的png图片，但还得保存为一个图片文件，维护很麻烦。

今天分享几个小的图片，无需保存文件，直接在任何地方使用，简单方便：

• 可以直接用在 css 中，background:url("...");
• 可以直接用于：<img src='...' />

一、base64透明图片：

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

二、更小的，空的svg图片

data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>

如果转为base64，也不算大

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==