本作品为转载作品，版权为作品原作者所有，感谢上传者的分享！

图标是网页中的常见元素，主要功能是表意，也包含装饰及品牌传递的作用。存储为gif、png等位图格式的图标，称为像素图标，大小通常为16px、24px、32px等。当然像素图标也可以理解为像素风格的图标，不一定是位图格式存在，本文中我们按格式去理解。与像素图标相对的是矢量图标，通常以svg格式及字体格式存在，大小可以随意调整。这篇文章主要介绍个人的一些像素图标绘制经验，不足之处还请各位高手多多指教。

一、基本知识

1.图片格式与透明

全透明、alpha透明、图片格式及兼容性
全透明是指图片的格式只支持完全透明和不透明两种状态，alpha透明是指图片格式可以支持不同的透明程度。
各种图片格式对透明的支持程度以及浏览器兼容性见下表