Mobile app version of vmapp.org
Login or Join
Martha945

: Browser Scaling vs GIMP--I Can't Match Sharpness I am attempting to scale down a logo that contains text. Original size is 336 x 336 and wish to scale down to 75 x 75. No matter what settings

@Martha945

Posted in: #Css #Gimp

I am attempting to scale down a logo that contains text. Original size is 336 x 336 and wish to scale down to 75 x 75. No matter what settings I use in GIMP, the image comes out pixelated with illegible text. Original file is png but converts to xcf when opened in GIMP, and quality is degraded before exporting back to png.

Now, if I upload the original png image and scale to 75 x 75 with CSS, the browser renders the image crystal clear.

My question is this: What is going on with the browser scaling that I can't reproduce in GIMP? And how would I workaround this?

I've attached a Firefox screenshot to show the browser-scaled image (far left) vs GIMP-scaled image (far right). Middle image was scaled 50% in GIMP, then down to 75 x 75 with CSS.



Any insight would be greatly appreciated.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Martha945

1 Comments

Sorted by latest first Latest Oldest Best

 

@Hamaas979

You appear to have zoomed in on the image. You need to view them at 100%. You can't expect to zoom in on images and not see pixels, since they are raster images, and they are made of pixels!

Also when resampling/rescaling an image smaller in GIMP using Image > Scale Image, set the interpolation method to "Sinc(Lanczos 3)" - it's the best method in GIMP for resizing smaller.

However if the image is really very small like yours and the text is small like yours, then there will be a severe degradation in quality, and the text will more or less be unreadable. Nothing you can do about that except perhaps make the text bigger, or perhaps use a vector image editor and make an SVG logo. Of course that might not help either because monitors have pixels, and ultimately all images are rendered as pixels when viewing on a computing device.

This is what your logo looks like at 75 x 75 px @ 100%

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme