data:image/png;base64 如何将自己的图片生成Base64编码

看到图片是这样一串码：

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAELSURBVChTdZKxTgJREEUXgomEWFnQGxsa9R+Qwk8wobCzhEhIqChorS2gN7EwFvyCf2Bh6GgstaA1sMu5w2Vxg5zk5s07M5PNbjY5RJqmF6RHHsip9WGyLCszeE+W1BnnL/kic/JOqh7dh+ajlgT1hKPiVqBl3JmvO5BXWhIM3VrnoEv4V7IgdesNiKkXn60K4LvqC+oZx1E0KPSuKzcuQ/5BjqTqb+H6pkbP9wL4E+/m4J7ca1qF/IwNoNYTrt3KwVVo/cQQ38c6lmvkW5ZzZF0A33d/wXFsvQHZIC80SlaB7viOFgV126196N8xcENa1APOj9gC6qHH/ocBvcKY5F+XUn/XuUdMkqwBP3BY37JIuDAAAAAASUVORK5CYII=)

那么如何生成的尼.

 

在在线工具加入小图片自动生成：

https://www.css-js.com/tools/base64.html

 

然后引用时：

// Base64 在CSS中的使用

.box{ background-image: url("data:image/jpg;base64,/9j/4QMZR..."); }

// Base64 在HTML中的使用

<img src="data:image/jpg;base64,/9j/4QMZR..." />