@itchenliang/picture-plugin-image2base64

1.0.4 • Public • Published

image2base64

图片转base64编码格式,需要注意的是: 经过Base64编码后的文件体积一般比源文件大 30% 左右202401291057116369.png

工具介绍

  1. 支持PNG、JPG、JPEG、GIF、ICO、SVG、WEBP图片格式。
  2. 将图片转换为Base64编码,可以让你快速地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的,因为你不需要再去寻找一个保存图片的地方。
  3. 假定生成的代码为"data:image/jpeg;base64, .....",那么你只需要全部复制,然后在插入图片的时候,地址填写这段代码即可。
  4. CSS中使用:background-image: url("data:image/png;base64,,/9j/4AAQSkZJRgABAgEAYABgAAD/7gAOQWRvYmUAZAAAAAAB...");
  5. HTML中使用:<img src="data:image/png;base64,,/9j/4AAQSkZJRgABAgEAYABgAAD/7gAOQWRvYmUAZAAAAAAB..." />
  6. 将图片转换成base64编码的,在网页设计开发中,一般用于小图片上,不仅可以减少图片的请求数量(集合到js、css代码中),还可以防止因为一些相对路径等问题导致图片404错误。

使用说明

  1. 点击【选择图片...】按钮,上传要转换的图片,即可自动生成Base64编码.
  2. 当然也支持【拖拽】选择方式,拖拽要转换的图片,即可自动生成Base64编码.
  3. Base64编码完成后会自动生成DataURI、HTML、CSS三种模式,点击右上角复制即可将内容复制到剪切板中。

Package Sidebar

Install

npm i @itchenliang/picture-plugin-image2base64

Weekly Downloads

8

Version

1.0.4

License

ISC

Unpacked Size

1.08 MB

Total Files

8

Last publish

Collaborators

  • it-chenliang