by Chacal » Mon Sep 09, 2019 10:20 am
This is the oldest problem in computer graphics.
Vector graphics can be resized (scaled up or scaled down) without quality loss. It is only when you convert them to bitmap (rasterize them) that a loss occurs.
The best way to work with logos is to use vector graphics. Problem is, real companies have vector-based versions of their logos, but we rarely have access to these. Still, if you have a vector graphics editor such as Adobe Illustrator, you can draw the logo yourself, or you can start with a high-quality bitmap picture and convert it to vector, then scale it down, then rasterize it. That's a lot of work. I would do it for a new model that I spent hundreds of hours on, but not for a repaint.
So the next best way, as Buzz said, is to start with the highest-quality bitmap you can find, and resize it only once. You will lose quality for anything but vertical or horizontal lines. Some graphic apps such as Irfanview let you fiddle with scaling algorithms and parameters, you can try these for better results.
Why it does this:
When scaling down, you lower the number of pixels available for displaying the dots in your image. It's like building a Lego model with bigger bricks. So you lose some information. You can't go back to the original quality.
When scaling up, you raise the number of pixels available, so you can display more information. So in theory you can have more dots. But your graphic app doesn't know what you want to do with those pixels, so it just displays each dots using more pixels. It's like building each of a Lego model's big bricks into smaller bricks. You could manually edit the resized image, but that's as much work as drawing the logo from scratch, and it's unlikely to give good results.
Some (most) graphic apps try to reduce this effect with anti-aliasing: they change the color of the new pixels so that the overall image looks smoother. But this doesn't work with logos on repaints: it makes them noticeably blurred.
Over the hill and gathering speed