I have created an icon in Illustrator that I would like to use as an emoji on Discord and Twitch. I exported it as a 2031 × 2002 image and uploaded it to Discord.
When I use the emote on Discord (top pic) it gets resized automatically to 32x32, and it looks nice and crisp. Twitch, however, asks for the image to be uploaded at the specified resolution (28x28) rather than doing the resizing itself.
If I use Illustrator to export for web at 32x32 resolution, or if I try to resize the image in GIMP, it results in the bottom image.
- Why do the two not look the same, despite both being 32x32?
- How can I get a 32x32 (or, 28x28, for Twitch) PNG that is as crisp-looking as the top one? (either directly via Illustrator, or resizing an exported .png in GIMP/Photoshop)?
Edit: The top image, when I save it, has an original resolution of 128x128px. However, it is definitely being downscaled to 32x32 when it is being displayed in Discord (the white box is a 32x32 image in GIMP for scale).
So what I don't understand is how does it look good when the 128x128 image is downscaled to 32x32 on screen, vs having a 32x32 image to begin with, and is it possible to achieve this effect with a native 32x32 png? I am a photo/image/editing novice, so this might be something very obvious that I'm missing!