Javascript 视网膜显示图像命名约定与实现的确认

这就是我到目前为止所知道的，在带有视网膜显示器的iOS设备上，它会自动拾取带有“@2x”后缀的视网膜图像（无需任何编码，假设新的chrome也能做到这一点）。如果我错了，请告诉我。我将很快在一个新的网站上工作，并将尝试支持MacBookPro的视网膜显示。我唯一的问题是我不想使用@2x后缀，而是想使用我定义的东西。我知道我可以通过媒体查询或js调用图像。@符号给我们的命令行带来了一些麻烦。无论如何，我想避免@2x

我想确认我是否可以使用不同的后缀命名视网膜图像，并使用media query或js实现它。理论上，它应该像以前一样适用于所有设备，但我不是这方面的专家，所以我希望得到一些保证

---

谢谢你

浏览器没有像iOS那样通过显示DPI进行资产交换的“自动魔法”支持。所以，无论你认为围绕这一点存在什么样的“标准”，都只不过是松散的惯例。如果您想以不同于其他人的方式构建您的多DPI支持，那么这完全取决于您。

“假设新的chrome也能做到这一点”您为什么会这样认为？它不会做任何类似的事情。iOS开发和web开发在很多方面都有着根本性的不同。那么，当他们说chrome支持视网膜时，这意味着什么呢？这意味着渲染可以处理这样一个事实，即页面上的1px是屏幕上的2px。这意味着文本或SVG等矢量内容将以最大清晰度呈现。但这并不意味着存在任何类型的自动资产交换。明白了，感谢您的解释据我所知，“在带有视网膜显示器的iOS设备上，它将自动拾取标有“@2x”后缀的视网膜图像”只有在您开发本机iOS应用程序时才是正确的。它不适用于网页或web应用程序。因此，您确认使用媒体查询或js可以，我可以摆脱@2x后缀？现代浏览器中没有系统要求这种命名约定。意思是这完全取决于你。如果愿意，您可以将

-retina

附加到视网膜图像文件名中。或者可能是

.embiggenned

或者甚至是prepend

cromulent-

或者

snazzy-style\uuuuuuuuuu

或者

spifferroonski

。完全由你决定。