Images reduced in size (width x height) look horrible... can I fix this?

Raven94

Honorable
Apr 27, 2013
2
0
10,510
Hey guys,
I'm having an issue on my new computer which I've never run into before. When browsing the internet and I stumble across an image which has been reduced in size via html, css, etc. (size as in width x height, not kilobytes) it ends up looking very poor quaity with jagged edges. Take for example the images below. This is an actual screen shot I just took to illlustrate the issue:

http://i.imgur.com/tJhJTJu.png

When I view the html source I can see that the upper image is very big (1,621 x 2,328 pixels) but has been scaled down via html. It has some very jagged edges when scaled down... the little girl almost looks like some kind of monster, geez.

Meanwhile the lower image of the guy appears of normal quality with no jagged edges. The source reveals that the lower image is also scaled down, but only slightly with original size of 280 x 400 pixels.

This did not happen when I was on Intel HD Graphics 4000, but only since I installed a MSI Radeon HD 7770 GPU. So I feel that it must relate to the Radeon GPU somehow. I've looked through the different settings in Catalyst Control Center, but I don't see any options that would relate. This happens in both Windows 7 and Windows 8. It happens in IE, Chrome, and Opera. I've owned many computers in the past with many different GPU's and I've never experienced this issue. Any help is way appreciated!! :D
 

USAFRet

Titan
Moderator
This is in no way related to your graphics subsystem (internal or dedicated card), CCC,or anything else inyour machine.

It is directly related to how the person created the file, how it is dislpayed on that website, and how your browser renders it.

You can take a file with dimensions of 1280x720, and display it on the web page (in the HTML) as 320x180. It will appear small as you view it. Copy it locally, and you will see it as 1280x720.
Another person may take that same 1280x720 image file, and actually resize it to 320x180. Try to display it at 1280x720, and it will look like crap.

There is nothing you can do about how someone else displays their files.
 

Raven94

Honorable
Apr 27, 2013
2
0
10,510

I feel we might be talking about 2 different things here. I understand whenever enlarging a small image it will look like crap. But I've never experienced the problem I'm currently having where large images being shrunk down via html look like crap. :??:


This particular example comes from an email I received this morning from amazon and I viewed it in yahoo mail (browser based email). I've extracted the html from the email, removed all personal information, and uploaded it to one of my websites so you can view it here.

You guys are awesome for helping out with this! :) I look forward to any ideas you might have.
 

USAFRet

Titan
Moderator
large images being shrunk down via html look like crap.

That happens too.
With browser based email, the browser is rendering it, on top of whatever yahoo email has done to it.

It also depends on how the original started.
If it happens consistently across Chrome/Opera/IE..it's almost certainly not you.
 

USAFRet

Titan
Moderator
It looks fuzzy for a small time slice, then renders semi-sharp? That is normal behavior. That's just the browser catching up.

I see that image as an 8.5k, 197 x 281 pixels (in FireFox)

If I were to expand that locally, it would look like crap.
 

I am not complaining. I am just wondering why the OP has it staying poor.
I suggest you see if it happens in firefox.
 

USAFRet

Titan
Moderator


For a small image, it looks OK to me in FF.