Resizing Images with Photoshop

  • Digital images have two kinds of size:

    • Dimensions: Height and width in pixels
    • File Size: Size in KB or MB

    These are separate measurements, but both must be accounted for. (For our purposes, image dimensions are always expressed in pixels.)

    Reducing the dimensions and the file size results in a smaller download for site visitors, meaning that the website will load and respond faster for them.

    Image Resolution

    Images on your computer or camera are often larger than what is needed for your website/webpage. First make sure the resolution is correct. 

    Cropping Images in Photoshop

    Use the Marquee tool or edit the Canvas Size to crop your images to the needed size.

    Saving the Image

    The Save for Web option compresses the image file for faster performance.