Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将图像内容保存在html文件中_Html_Css_Image - Fatal编程技术网

将图像内容保存在html文件中

将图像内容保存在html文件中,html,css,image,Html,Css,Image,是否可以将图像保存在html中?我想用一些图片创建html。也许我需要用base64解码图像内容并将其粘贴到html标记中?看来您正在寻找使用CSS数据URI的方法。您需要将图像编码为base64,并在HTML或CSS中使用其中一个数据URI进行设置,因为它可以同时使用这两种格式 li { background: url(data:image/gif;base64,...) no-repeat left center; } 您想使用图像而不需要将其上载到某个位置 您可以使用该工具返回您

是否可以将图像保存在html中?我想用一些图片创建html。也许我需要用base64解码图像内容并将其粘贴到html标记中?

看来您正在寻找使用CSS数据URI的方法。您需要将图像编码为base64,并在HTML或CSS中使用其中一个数据URI进行设置,因为它可以同时使用这两种格式

li { 
  background: url(data:image/gif;base64,...) no-repeat left center;
}

您想使用图像而不需要将其上载到某个位置

您可以使用该工具返回您上传的图像的base64

例如,我的化身:

li { 
  background: url(data:image/gif;base64,...) no-repeat left center;
}
对于CSS,这是相同的:

背景图像:url(数据:image/jpeg;base64,{此处有大量字母/数字})


是的,base64真是太大了。因此,不要使用太多,您的.html/css文件也将非常庞大。

是的,如果有可能,请检查以下简单示例:

li { 
  background: url(data:image/gif;base64,...) no-repeat left center;
}

还有一点很简单。

请澄清一下:您希望如何显示这些图像-我知道一种技术,但问题中没有更多细节,我不知道它是否能帮助您。链接已断开,请尝试。此外,您可能可以删除该字符串的大部分,您的答案将更具可读性。我还编写了一个可在本地使用的转换器,并将其实现为一个gulp目标: