How to make images look good in FF and IE

  • 2
  • Idea
  • Updated 7 years ago
I wanted to share with you what I learned about working with images that I don't believe is covered in the tutorial.

When I was working on my site, I learned that although my images looked great in FF, they look pixelated and awful in IE7. I finally learned how to make your images look good in both browsers.

What I was doing was using my uploaded images, then resizing them using HTML. For example: img style="border: 0px; width=100px, height=100px" src="your image.jpg. FF is able to smooth out images according to the parameters set but IE is unable to do this and thus creating pixelated images.

So, how to counter this problem? I've learned you need to use the true size. So if you actually want an image to be 100x100, then physically resize your image to that dimension through Picnik or any other imaging program. Then, you just insert your img src as normal without any width or height. The result? Beautiful looking images that look good in all browsers!

I know that for some of you, this is old knowledge but hopefully for others, it will serve as a good tip to remember and save a lot of headache in trying to figure out how to make your images look good! =)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
  • content

Posted 9 years ago

  • 2
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hey littleus, thanks so much for posting this! I am sure it will be very helpful to users!

Emmy
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
I know this is old but thanks for posting this tip! I am thinking you posted this before you were an employee? (Kinda wanted to get this on the Recent activity page so some people that needs this tip can see it)

Nathan