前端图片的3个规范、命名、保存、压缩

曹え 5811 发布于:2022-09-27 03:20:26

图片规范.png

图片命名规范

1、以类型区分前缀

照片类的,比如新闻图片,产品图片等以 pic- 开头

图标类的,以 ico- 开头

按钮以 btn- 开头

背景类 bg- 开头


2、以模块为组命名


比如一个新闻列表模块的图片,命名可以是 pic-a1.jpg ..... pic-a5.jpg

产品列表模块的图片,命名可以是 pic-b1.jpg ..... pic-b5.jpg


图片保存规范

透明图片、卡通图片、色彩单的图片,保存为 png格式

其他图片保存为 jpg格式


图片压缩规范

压缩工具 tinypng.com

直接上传超过300kb的图片,压缩后覆盖原来的图片

觉得有用请点个赞吧!
2 310