十、svg和PNG图标的区别
最终应该导出SVG或PNG格式？这是一个关键问题。让我们来比较一下格式:
- SVG的文件大小非常小，这意味着最终设计的加载速度非常快，而PNG则相当大。
- SVG格式是无限可伸缩的，而PNG的分辨率则受创建的文件大小的限制。然而，将一个复杂的SVG图标缩小到随机大小可能会产生半像素的边缘，这可能会使图标看起来有虚边。这是因为当屏幕上的图标变得更小时，代表其来源的像素就会减少，从而导致清晰度下降。这并不意味着需要避免使用SVG文件。只需根据预期用途调整 SVG 图标即可。
- SVG文件可以编辑和动画，PNG文件只能是静态的。
- 对于PNG格式，你必须提供各种大小和颜色的资源，而在使用SVG时就不需要这些了。
- Png与大多数浏览器兼容，而svg可能不被旧的浏览器支持。
我个人的选择是使用SVG图标，因为它可以节省很多时间。但是，一定要小心缩小复杂的形状，并记住旧的浏览器可能不支持SVG格式。
十一、总结到这里你应该已经学会了这10个图标设计要点，在你的图标设计中使用这些规则，相信会让你的图标变得更加专业！
彩云注：图标设计是一个设计师的基础能力，在彩云看过的无数份作品集中最普遍的问题也就是图标设计。今天这篇文章虽然非常基础，但千万别小看它，用这10条技巧重新审视自己的图标作品，相信会有新的收获！
原文作者：Karina（本文翻译已获得作者的正式授权）
原文：https://bootcamp.uxdesign.cc/create-icons-like-a-pro-c66a50064f8b
译者：彩云Sky，公众号：彩云译设计；人人都是产品经理专栏作家，腾讯高级视觉设计师。
本文由@彩云sky 翻译发布于人人都是产品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
