首先，我对网页设计和本网站都很陌生。
我会在聊天中提出这个问题，但我没有足够的声誉，我认为我不能回答现有的回答问题，所以如果我在这里发布这个问题，我希望这一切都没关系：
我的问题是关于“webkit-mask-image”，请点击此主题：flexslider border-radius does not wrap image in Chrome, Safari, but will in Firefox。
这个代码回答了这个问题： “-webkit掩模图像：网址（数据：图像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA + oJAAAAAElFTkSuQmCC”
我只想尝试着解决这个问题，因为我还在学习，但有人可以为我定义这段代码吗？这是SVG格式吗？
链接的URL到底是什么？或者它是如何写入“召唤”一个数据图像，png-64（我认为它上升到24（！））与SVG格式的代码？
总而言之，我问的是上面的代码：
1）url：URL的用途以及是否链接到外部源？
2）数据：image / png; base64：可能有哪些变化？
3）iVBORw0KGgoAAAANSUhEUAAAAAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA + oJAAAAAElFTkSuQmCC：从基于矢量的程序中获取SVG，如Illustrator？
非常感谢您的时间，我希望在实施之前了解一些事情。
答案 0 :(得分：0)
最常见的是，url用于定义背景图像的上下文中。您指示从给定的uri加载指定的图像。您可以阅读更多相关信息here。例如：
background-image：url（“images / darkpattern.png”）;
image / png是一个所谓的MIME-TYPE，它定义了您正在描述的内容类型（文本，视频，音频，图像......）。所以基本上你可以插入任何类型的媒体。 Base64是使用过的字符集，在这种情况下是一种以ASCII格式呈现二进制数据的方案。
这里所做的不是加载存储在Web服务器某处的png图像，而是在css中包含此图像的内容。如果你用你的记事本打开这个png文件，你会看到许多特定于其编码的奇怪符号。在base64中编码应该等于上面的字符串（“iVBORw0KGgoAAAA ...”）。您必须考虑使用此技术保存请求，但同时失去缓存图像的能力。这意味着每个请求都会再次加载图像，这就是为什么只建议小图片。我个人不喜欢这种技术。