Responsive design 如何使我的网站的标志矢量化？

我用Photoshop创建了自己的徽标。。。 但是，如果我缩小或放大徽标屏幕，则会产生分散的效果，同时也会产生拉伸效果。 如何，我可以保持所有大小的高清或如何使我的网站矢量标识

我的网站是：

---

您有三种选择：

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

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

创建一个大而清晰的图像，必要时将其缩小

---

选择取决于您的特定用例：变量太多，无法明确推荐一种解决方案。

您有三种选择：

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

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

创建一个大而清晰的图像，必要时将其缩小

选择取决于您的特定用例：有太多的变量，无法确定地推荐一种解决方案而不是另一种