MozillaZine

How to force a certain zoom/upscaling method for images?

User Help for Mozilla Firefox
Franpa
 
Posts: 50
Joined: November 10th, 2011, 1:31 pm

Post Posted February 11th, 2020, 10:23 am

For example I'd like it if images were upscaled (when zooming in) using Nearest Neighbour so that the original sharpness is retained. I've tried putting the following in to a new Stylish style but it didn't seem to work:
Code: Select all
#media {image-rendering: crisp-edges;}
and also tried:
Code: Select all
#media {image-rendering: pixellated;}
Computer specifications:
Windows 10 (1909) x64|AMD Ryzen 3700X|ASUS Crosshair Hero VIII (WiFi)|16GB 3600MHz RAM|Nvidia Geforce 1070Ti 8GB|Corsair AX760 Power Supply

jscher2000

User avatar
 
Posts: 11035
Joined: December 19th, 2004, 12:26 am
Location: Silicon Valley, CA USA

Post Posted February 19th, 2020, 4:52 pm

https://developer.mozilla.org/docs/Web/CSS/image-rendering

Did you try applying it to inline images as a test?

Code: Select all
img {image-rendering: crisp-edges;}

Franpa
 
Posts: 50
Joined: November 10th, 2011, 1:31 pm

Post Posted February 20th, 2020, 3:50 am

That seems to do the trick, thank you very much.
Computer specifications:
Windows 10 (1909) x64|AMD Ryzen 3700X|ASUS Crosshair Hero VIII (WiFi)|16GB 3600MHz RAM|Nvidia Geforce 1070Ti 8GB|Corsair AX760 Power Supply

Return to Firefox Support


Who is online

Users browsing this forum: Google [Bot], Google Adsense [Bot] and 11 guests