如何为我的网站制作徽标矢量化？

Question

我用Photoshop创建了自己的徽标...... 但是，如果我进行较小的放大或缩小，徽标屏幕会产生分散的效果。它也有伸缩效果。 。 。 如何，我可以维持所有大小的高清或如何为我的网站制作矢量标志。 。

我的网站是：iHart Developers Group

Answer 1

您有三种选择：

1. 例如，在Adobe Illustrator中创建矢量图像。您需要一个Illustrator教程，这超出了SO的范围。

2. 在Photoshop中为不同的屏幕分辨率创建一组图像，例如logo_mdpi.png，logo_hdpi.png。通过使用媒体查询，JS或延迟绑定或其他技术，为不同的屏幕尺寸/分辨率显示不同的图像。

3. 创建一个大的清晰图像，并在必要时缩小它。

选择取决于您的具体使用情况：有太多变量可以明确推荐一种解决方案而不是另一种解决方案。