优秀的编程知识分享平台

网站首页 > 技术文章 正文

最小的透明图片,制作网页时,用作图片占位符,收藏备用

nanyue 2025-01-26 23:42:27 技术文章 10 ℃

制作网页端时候,有时候,需要一个透明的小图片,作为占位符,当然可以做一个小的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==

Tags:

最近发表
标签列表