压缩image

使用雪花图

使用雪花图 http://www.spritecow.com/

使用矢量图

使用矢量图字体  http://fontawesome.dashgame.com/
使用阿里矢量图库 https://www.iconfont.cn/
使用矢量图转成字体 https://icomoon.io/

使用base64转换

使用网站压缩  

使用无损压缩 https://tinypng.com/
png转换webp https://zhitu.isux.us/

合理使用格式图片

jpg有损压缩,压缩率搞,不支持透明
png支持透明,浏览器兼容好
webp压缩程度更好,在ios webview有兼容性问题
svg矢量图,代码内嵌,相对于较小,图片样式相对简单的场景

SVG-让世界变得柔软
生成头像

使用TinyPNG来优化您的网站图片

蝴蝶结
蝴蝶结
领带
领带

截图软件

https://www.v2ex.com/t/573894
Snipaste
ShareX 官网 下载 ,也可以通过 Microsoft StoreSteam 下载使用。
https://www.photopea.com/
Xnip && apple store

邮箱签名设计

https://aotu.io/notes/2016/07/25/vuejs-mailsign/

响应式图像教程

标签:前端, 图片

你的评论