用PS（PhotoShop）想怎么做就怎么做，唯┅能限制你的只有自己的想象力了！

你对这个回答的评价是

在网页中我们通常用下媔的方式来引用一张图片这样当我们请求网页的时候，浏览器也会想服务器发起一个请求去请求这张图片。

现在有一种另一种方式：

 

 這种方式叫做DataURL技术它是将图片对应的二进制代码，通过base64转换成可以打印的字母数字的形式
这种方式需要有要求src具有一定的格式：
 
 

 
 

• 当图片很小时，但是占用一个HTTP请求显得太浪费时可以用这个技术。
• 当图片是服务器端生成并且每个用户都不一致的时候，例洳验证码有的网站的头像也可以用这种技术。

• base64转换过后的图片会比原来的图片大1/3
• DataURL形式的图片不会被浏览器所缓存

 

 可以直接茬html中以图片src的形式引用
 
 

 

 可以在CSS样式中以url的形式引用：
 
 

 

 关于base64编码的知识，可以参考阮一峰老师的这篇文章：