I'm not sure whether it's due to antialiasing or something else, but the logo and Twitter icon on my site look blurry, especially on mobile: http://scarletstringstudios.com/
The logo source was a 512x512 PSD which I resized and tried saving as both PNG and JPG. I also threw together an AI vector of the logo just to test, but the exported PNG still came out as you see it.
I have definitely seen smaller, crisper icons on websites before. Why is downscaling my image causing it to look bad?
I even tried using an SVG as the img src, and that sort of worked, but then my browser rendered the incorrect font for the logo.