How can you disable image smoothing if firefox?
Whenever I zoom into images in Firefox (example), the image smoothing makes them look blurry, especially on low resolution images. Is there any way to disable image smoothing of Firefox?
Zgjidhje e zgjedhur
Well, hmm, there isn't a built-in setting for this but if there happens to be a style rule in the page to switch from bilinear scaling ("auto") to nearest neighbor scaling ("crisp-edges") then you'll get a different result. As an example, see the attachment.
The style rule for that is:
img {
image-rendering: crisp-edges !important;
}
More info on this CSS property: https://developer.mozilla.org/docs/Web/CSS/image-rendering
You can use an extension like Stylus to inject that change into every page, but I don't know whether you want it on every page or only selected pages. ??
Lexojeni këtë përgjigje brenda kontekstit 👍 1Krejt Përgjigjet (2)
Zgjidhja e Zgjedhur
Well, hmm, there isn't a built-in setting for this but if there happens to be a style rule in the page to switch from bilinear scaling ("auto") to nearest neighbor scaling ("crisp-edges") then you'll get a different result. As an example, see the attachment.
The style rule for that is:
img {
image-rendering: crisp-edges !important;
}
More info on this CSS property: https://developer.mozilla.org/docs/Web/CSS/image-rendering
You can use an extension like Stylus to inject that change into every page, but I don't know whether you want it on every page or only selected pages. ??
jscher2000 said
Well, hmm, there isn't a built-in setting for this but if there happens to be a style rule in the page to switch from bilinear scaling ("auto") to nearest neighbor scaling ("crisp-edges") then you'll get a different result. As an example, see the attachment. The style rule for that is:img { image-rendering: crisp-edges !important; }More info on this CSS property: https://developer.mozilla.org/docs/Web/CSS/image-rendering
You can use an extension like Stylus to inject that change into every page, but I don't know whether you want it on every page or only selected pages. ??
I put the code into stylus, and image smoothing is now disabled. I don't know how to make it inject the code in every page, so I just made it apply to any url that starts with "http". All pages have no image smoothing now, thanks!