Pro*_*ler 16 google-chrome pixels images
当我尝试近距离查看像素艺术时,chrome 开始模糊图像。我想让它即使在图像放大时,我仍然可以看到清晰的细节,而不是模糊的像素。
Dav*_*ave 21
更新
根据评论:
现在可以在 Firefox 中使用: image-rendering: optimizeSpeed; – 阿诺
原来的
这不能直接从浏览器中实现。
平滑是通过算法应用的,大多数现代浏览器都这样做,在 IE、Firefox 和 Chrome 中无法关闭它。
http://productforums.google.com/forum/#!topic/chrome/AIihdmfPNvE
您还有其他选择,以下是上面链接中的 2 个要点,都是 Chrome 插件。
img {
image-rendering: optimizeSpeed; /* */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
image-rendering: pixelated; /* Chrome as of 2019 */
image-rendering: optimize-contrast; /* CSS3 Proposed */
-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
43738 次 |
最近记录: |