把图片放放入CSS文件中的小工具

把图片写入CSS,是通过背景图方式实现,通过background-image的dataURL方式。这种写法可以减少图片文件(增大CSS文件内容),减少客户端和服务器端的交互次数。对于小图片,有利于提高浏览器显示速度。

下面的工具就是把图片加入到CSS的一个工具

SVG文件内容或拖动图片到此
把SVG文件内容粘贴到上面的输入框,或拖动图片文件到此
横向: 纵向:
横向: 纵向:
CSS内容

CSS background 的属性详细信息,可以参考以下网址