Tuesday, September 18, 2007

Resampling & Save for Web

Re-sampling, or re-formatting, is the process of modifying the pixel count of an image. The reason we do this, is again, to make our file size as small as possible. You have started your "One a Day" project with a scan at 300 dpi, but a web image only needs to be 72 dpi. So we will re-sample the image as a means to be efficient and save room.
1.) Open your image in Photoshop.
2.) Go to Image>Image Size...
3.) First drop your resolution from 300 pixels/inch to 72 pixels/inch
4.) Next modify the "Pixel Dimension" width to meet your needs (between 300 - 500 pixels will be sufficient to fill your blog column.)
5.) Click OK
6.) Move along to the "Save for Web" tutorial below.



To prepare your image to post on Blogger is to optimize it using the "Save for Web" option. Optimizing is a way to lower your file size while not degrading your image quality. This will save more space on your blogger account.

1.) Open you image in photoshop.
2.) Go to "File" - "Save for Web"
3.) The "Save for Web" dialog box will open. Click on the tab "2-up" in the upper left hand corner [FIGURE A]. This will give you the original image on the left and the optimized version(s) on the right.
4.) On the right hand size you will see some options. Use the drop-down menu on the left, to make sure you are saving your image as a "JPEG" [FIGURE B].
5.) Use the next drop-down menu to choose the level of image quality [FIGURE C]. Try each option and watch how your image changes in the right hand window. Choose the image quality that is the lowest file size, but still acceptable to your for image quality. Remember, the goal here is to obtain the lowest file size possible to save space. (Aim for around 12k if you can)
6.) Looks good? SAVE!! and ReName-But remember not to use spaces in you file name. I also like to use the word "web" in it, so i know it is my web image. Save it in your images folder.
7.) Post it on your weblog! (Remember when posting on the blog, choose large image (since you have already formatted it, making it smaller is unnecessary.)

No comments: