Making Images shot with the Rebel ready for the internet

[WAL]

Hi there,

I am re-vamping a website in Dreamweaver, and want to use some photographs taken using my Canon10D Digital Rebel. I have never used files as big as those that the Rebel generates (when set to produce the highest resolution images) and I obviously want to retain the best viewing quality, while still providing decent download times for viewers with a dial-up connection to the web.

I am using Paintshop Pro 7 to edit the photos.

Logic tells me that, I first need to reduce the size of the canvas in Paintshop to set up a canvas something close to the dimensions of the picture that will appear in the final website, import the photo and then use the JPEG optimiser to get the shots into the website and loading quickly.

I suspect that the ISO setting, whether the shot is RAW or JPEG and the shutter speed, used will have quite an effect, but as a very rough guide, can anyone suggest how best to reduce a full 6 megabyte Rebel image (shot at (say) ISO 100) to a typical 2 inch square shot that will appear in the website? Also, what would be a typical JPEG optimiser setting to use for such a file before the deterioration in quality makes the shot unusable?

Regards

WAL

[Radioham]

Hi Wal
This site may help you http://www.ukclimbing.com/articles/page.php?id=96
Best regards Steve :lol:

[pvonk]

Hi there,

I am re-vamping a website in Dreamweaver

If you use Dreamweaver, you might also have Fireworks. If so, check that out, it takes graphics and converts them for web page resolutions/sizes.

[Jonny]

Basically i would open your file straight into Photoshop then:

1. Crop to the desired ratio if needed.
2. Edit picture as desired.
3. Image > Image Size > set resolution to 72 pixels/inch > width and height to required dimensions.
4. View > Actual Pixels
5 Apply Unsharp mask as required.
6. Image > Mode > Convert to profile > convert to sRGB.
7. Save As JPEG adjusting quality as required. If you check the preview box you will see the file size as you adjust the quality slider.


Thats how i do it.

[Cr8tor]

Last time I used dreamweaver it had an option to create a photo gallery. It created thumbnails and everything for you. It works in conjunction with fireworks and worked just fine for me.
If you don’t have fireworks you can download a trial version and test it out before you spend money on purchasing the full version. Of course that’s only if you like the results.

PS: If you want to try it out and can not figure out how to make it work, shoot me an email and ill help you out. Its been a while since I used dreamweaver (I use visual studio.net now) but id be glad to help out if i can.

[Curtis N]

There are plenty of options, here's one more.
With Canon's Digital Photo Professional software, you can batch process a whole bunch of images at once, with the option of resizing and compressing to your wishes. You can also add some sharpness and set the DPI at the same time. The original batch can contain RAW files, jpeg, 8 bit tiff, 16 bit tiff, or any combination.

Other programs may offer the same option. DPP is free for Canon owners.

[wolf]

If you want to reduce the image file (mb/kb) size down to 10%-15% of the original have a look at the JPG Optimizer (http://www.xat.com/jpegopt/index.html) software. It does an awesome job of reducing the file size without degrading the image. I use this software for web images all the time with great success.

[epeace]

im not sure how you would do it in Paintshop Pro . . im a photoshop guy . . but in ps theres an "export for web" feature that automatically sets the resolution to 72 DPI (regardless of where you started from) .. just make sure you resize the image to about 200x200 pixels (for about 2" screen size) . .