Resizing Images

Resizing Images article has been updated with new information

Resize Images Step 1

Resize Images Step 1

The first thing you have to do in preparation to add content to your site is to optimize your images. Optimizing is a term used to indicate a change to a photo or a graphic, to reduce it in both visual size and file size, for use in other programs.  For use in an Artbiz website I ask clients to resize to no larger than 800px in any one direction and no larger than 50 to 100 kbs.

Photoshop or Photoshop Elements

  1. Choose  “File” > “Save for Web & Devices” (Photoshop)
  2. Choose “File”>”Save for Web” (Photoshop Elements)
  3. Use the Save For Web dialog box to preview the effects of different optimization options on a photo you want to share on the web. The process is simple: Open a photo in the Editor and choose File > Save For Web. Then choose a format from the file format menu (GIF, JPEG, PNG-8, or PNG-24) and set options as desired. (The file format menu is directly the Preset menu.) This saves a copy of your file, without overwriting the image.

More information and visual aids


Resize your images online

This is an online tool provided by shrink pictures

  1. Browse your computer and select your image/photo to resize
  2. Select the new size for your picture –choose a custom size and enter 800 (it will keep the aspect ratio)
  3. Optionally, add an effect to your image
  4. Select output image/picture quality Lower quality means a smaller file- select “Better”
  5. Click “Resize” and wait for the processed images to be displayed, depending on the file size it may take a few minutes.

Once complete you will be prompted to download the file. I recommend that you do a “save as” and rename the file with a name that is more relevant that the name provided by the online tool and put it into a folder called website.

There is also a video tutorial http://www.youtube.com/watch?v=YbR5DVZBkPw&feature=player_embedded

This entry was posted in Creative Resources and tagged , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>