• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 167
  • Last Modified:

How to get the best web image quality

Hello
Im a photoshop novice. Everytime I resize an image in photoshop & save for web I lose resolution quality
I save a lot of images from the web as jpgs and then resize and blend then in pscs2

How do I adapt an image in photoshop so it appears clear on my webpage.
Is a jpeg the best format to save an image?
0
kevinb4940
Asked:
kevinb4940
  • 5
  • 3
4 Solutions
 
dlan75Commented:
Hi
Jpeg is good in quality 10 (12 is not needed for the web as you wont see difference). Now if you need to have some transparency then only gif and png formats supports it. png 24 is much better quality and nowadays all browsers can handle its transparency.
0
 
kevinb4940Author Commented:
Thanks

How do I avoid losing quality when I resize an image by a small amount
0
 
dave4dlCommented:
when you resize your image do two things:
1.) lock the aspect ratio (so you always have the same percentage of width pixels as height pixels)
2.) Resample the image using a more complex algorithm (bicubic is pretty good)
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
kevinb4940Author Commented:
Thanks dave

Could you explain Part 2.) please
0
 
dave4dlCommented:
when you resize the image there is a little dropdown box at the bottom of the dialog box that lets you pick how you want to resample the image.  Make sure you select "Bicubic" there.
0
 
dave4dlCommented:
i am talking about photoshop dialogs specifically.  Since you mentioned that in your post i am assuming that is what you are using.
0
 
dave4dlCommented:
also if you have defined dimensions in your image tag other than what the image really is, it will look like crap.  So if your image is really 20 pixels by 30 pixels and your image tag says:
<img src="mygif.gif" height=19 width=19 />
then it will look bad (this is because browsers usually resample images on the fly using the fastest most naive method available, bicubic takes a bit longer that the simple methods).
0
 
kevinb4940Author Commented:
ThanksGuys

Dave = 400 points
dlan =100 points
0
 
dave4dlCommented:
Thanks for the A!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 5
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now