{{ toolName[curType] }}

选择图片

或者选择一张图片拖拽图片到这里来

  • 1、支持屏幕截图后直接在此处粘贴进行转化
  • 2、支持复制文件、复制图片在线地址在此处直接粘贴进行转化
Data Url
复制
CSS
复制
HTML
复制
  • 原始图片大小:{{sizeOri}}
  • DataUri  大小:{{sizeBase}}

1.支持 PNG、GIF、JPG、BMP、ICO 格式。

2.将图片转换为Base64编码,可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的,因为你不需要再去寻找一个保存图片的地方。

3.假定生成的代码为"data:image/jpeg;base64, .....",那么你只需要全部复制,然后在插入图片的时候,地址填写这段代码即可。

4.CSS中使用:background-image: url("data:image/png;base64,iVBORw0KGgo=...");

5.HTML中使用:<img src="data:image/png;base64,iVBORw0KGgo=..." />

6.图片转换Base64,无线开发、HTML5、CSS3必备的工具,CSS DataURI Base64 工具。

7.将图片转换成base64编码的,在web网上一般用于小图片上,不仅可以减少图片的请求数量(集合到js、css代码中),还可以防止因为一些相对路径等问题导致图片404错误。