每个网站都有一些.png图片,如徽标,图标等。
我对此有所了解。那就是创建这些图像的字体。我的意思是我可以创建我的网站徽标的矢量图像并将其转换为.ttf或.svg文件(字体)。因为字体的大小比png小得多,我也可以设置它的颜色,大小,边框等。
所以你怎么看待我的想法?将所有png转换为字体是一个好主意吗?
答案 0 :(得分:0)
考虑到字体有一些限制,例如它们每个图像只能是一种颜色,而且它们是从矢量而不是像素构建的。在您的网站上可能没有那么多图像满足此要求。
另一方面,Svg确实支持字体缺少的内容,并且还有pretty good browser support所以我建议使用它,如果它没有太多的形状(浏览器必须在运行时将其转换为像素,这需要一些处理),它实际上削减了你的图像的文件大小。 您无法将png文件真正转换为svg文件,因为很难从像素数据中精确推导出矢量。如果你有像.ai(Adobe Illustrator)这样的矢量格式的原始图像,那么你可以使用它来获取你的svg图像。在旁注中,如果您对降低带宽感兴趣,请查看webp以替换基于像素的图像。浏览器支持不是很好(仅限Chrome,Opera和Android),因此您仍然必须使用当前使用的内容作为后备类型。将它实施到您的网站也需要一些努力。