【发布时间】：2016-10-11 00:52:37
【问题描述】：
我用 Photoshop 创建了自己的徽标... 但是，如果我放大或缩小徽标屏幕会产生分散的效果，而且还会产生拉伸效果。 . . 如何，我可以保持所有尺寸的高清或如何为我的网站制作矢量徽标。 . .
我的网站是：iHart Developers Group
【问题讨论】：
标签： responsive-design web image-resizing graphical-logo
【发布时间】：2016-10-11 00:52:37
【问题描述】：
您有三个选择：
创建矢量图，例如，在 Adobe Illustrator 中。您需要 Illustrator 教程，这超出了 SO 的范围。
在 Photoshop 中为不同的屏幕分辨率创建一组图像，例如标志_mdpi.png，标志_hdpi.png。等。通过使用媒体查询、JS、延迟绑定或其他一些技术，为不同的屏幕尺寸/分辨率显示不同的图像。
创建一个清晰的大图像并在必要时将其缩小。
选择取决于您的具体用例：变量太多，无法明确推荐一种解决方案。
【讨论】：