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.