Resizing photos for website

[russellneal]

Hello again,

What is the best way of Resizing photos to 600x480 for a website.

Also keeping in mind i want to keep as much quality as poss.



PS I'm using Photoshop CS3?



Thanks

[0lBaldy]

I use Irfanview (free) found here Batch conversions
Download all the plugins also

There is a short tutorial here: HowToResize-IrFanView

[Roof]

These days you can go to 1024x768 everybody has big monitors these days but your safest wil be 800x600. And in PS you go to image>Image size> (ctrl+alt+I) then change the longest size to whatever you want. Make sure Constrain proportions is ticked.

You can also make a action that does it for ya, Keep in mind Once you've changed the size you can't change it back to the same size.

Hope this helps

[lurch]

In Photoshop CS3 you can use File>Save for Web and Devices. Resize to whatever pixel dimensions you choose and optimize to whatever file size you choose. It will tell you the download time for whatever connection speed you're interested in; also gives you the option to convert the output to sRGB. It leaves your PSD file intact. I've not noticed any huge degradation in quality.

[milkvn]

I'm used to this way (In Photoshop CS3):
Step 1: Resize picture to 600x480 pixel (Note: resolution from 72 to 96 pixel/inch)

Step 2: Use Unsharp mask to sharpen picture

Step 3: Convert to Web color profile (to color not change in web browse):
Edit\Convert to Profile\ Select Destination Space is sRGB 1966

Step 4: Save for web

[TommyO]

Another thought to consider is moving slightly away from the older 72 ppi standard for web/monitor only images. Since most users are running higher resolutions than the older 800x600 or 1024x768, a resolution of 110 ppi is a bit better. It does not add much overhead to the image, but ensures the image looks extremely crisp on the higher resolution monitors.

For example: a 24 inch LCD is 20.5 inches in width. If a screen resolution of 1920 wide is being used, that equates to 1920/20.5=93.65 or 94 pixels wide. Hence, an image of at least 94 pixels per inch will look best. Going to a round number like 95 or 100 or 110 is fine. An image of 72 ppi must be slightly interpolated by the OS, GC or application.

[neumanns]

Tommy, I thought that ppi was device dependant.

I thought if you saved an 800 pixal image at 72ppi (11.1 inches) and it was viewed on a 96 ppi monitor the image automatically displayed at 96 ppi but only came up at 8.3 inches.

You mean to tell me it interpolates to it to 11.1 inches ...

[neumanns]

duplicate post

[TommyO]

Originally Posted by neumanns

Tommy, I thought that ppi was device dependant.

I thought if you saved an 800 pixal image at 72ppi (11.1 inches) and it was viewed on a 96 ppi monitor the image automatically displayed at 96 ppi but only came up at 8.3 inches.

You mean to tell me it interpolates to it to 11.1 inches ...

No, you are correct. I should not have said "interpolated".
At 100% of scale, the image would appear smaller on the higher res monitor. But most people would not want to reduce the size, if they could prevent it. They would want it to look crisp at 100%, yet still appear at the original size or larger. Hence, the trend to go higher than 72 ppi.

The other thing is that many applications do scale an image - we never know how or why. Normally those applications display an image better if they toss out pixels rather than extrapolate/create them. In higher end app's like PS, we don't worry about it as much, as we know what is happening behind the scenes. But, in a browser it is often an unknown. Again, it can be better to err' on the high side.