base64图片制作、展示流程

Question

如上图， 页面图标使用的是 base64直接输出。
我想请问大家，这一套制作流程是什么。比如说，用什么制图软件绘制，是不是直接输出base64,输出完直接交接给前端小伙伴?前端小伙伴直接页面上粘贴?如果是我想的那样，这一过程是不是显得很生硬?

Answer 1

webpack里的url-loader可以把指定大小以下的图片生成base64。
如果不用webpack，前端自己用node处理以下图片生成base64，也没啥区别

var fs = require("fs");
var imageBuf = fs.readFileSync("demo.png");
console.log(imageBuf.toString("base64"));