Prepare an Image for Online

Published on: Author: cxyz

Learn how to edit images for use in online environments.

Prepare an image on an iPad

  1. Save the image in your Photos app.
  2. If you want to edit in in any way. e.g. crop it, do this first in the Photos app.
  3. Open the Resize app. resize_image
  4. Click + to import the image from the Photos app.
  5. Enter the Width and Height that you want.
  6. Make sure Constrain Proportions is turned on.
  7. To save your image tap the Export icon and select Save Image. It will save back to your Photos app.
  8. Now import or copy it into your presentation.
  9. See examples if images sizes.

Prepare an image on a computer

This tutorial uses Photoshop Elements 6 to prepare an image for upload to the web.
Other versions of Photoshop will work in a similar way.

Copy image into PhotoShop.
(File Menu > New > Blank File. OK. Paste the image)

To resize without altering the appearance of the image: 

  1. Image  menu > Resize > Image Size.
  2. Select a new width or height (one only – as the other will reduce in proportion)

To resize and alter the image by cropping:

  1. Select the Crop tool from the Tool Bar (left of screen). Select desired part of image. Click green tick (showing on the image somewhere) to reduce size.
  2. An exact size can be set for this tool in Width and Height boxes in the PhotoShop menu at the top of the screen. Always set the Resolution size to 72 pixels/inch.

Save the image for web


  1. File Menu > Save for Web.
  2. In Custom drop box select JPEG High.
  3. Click OK.
  4. Name image.
  5. Save to location on computer.
  6. From here you can upload to your website or use in an online presentation.