Making Your Photos the Right Size for the Internet with Photoshop

Cameras today are nothing short of amazing. People are able to take crisp and detailed images that can outshine any professional portrait from a decade ago with crystal clarity. Even the small cameras attached to smartphones can be used to develop breathtaking images from the eye of the photographer. However, there is a great price to pay for such detail. That price is from the size of the file of a digital image.

When it comes to images on the Internet, the size of the file makes a great impact of how a website functions. The larger the file, the longer it takes a page to load. Since images taken from high-end digital cameras can be processed in pixel sizes larger than 3000 wide, these images are huge in comparison. Although you want the detail of your pictures to remain, you don’t want to use them on your website. It simply takes too long to load and could discourage visitors from returning.

Luckily, you can edit the size of these images to become a more viable file size for the Internet. Nearly all image editing software has the ability to condense images to smaller file types. In this example, Photoshop makes this process simplistic.


1. Import

In Photoshop, users can import their images directly from the camera into the software by going to File, Import and then selecting the device that is attached to the computer. If Photoshop recognizes the camera, it will pull a list of every image saved. Once you find the image you want, you can either double-click the file or select it and press the “open” button on the window.

2. Resizing

Once you have the larger image imported into Photoshop, click on the “Image” tool from the top bar. On this drop down window, find “Image Size” and click. This will bring up the Image Size window. From this window, you can reshape the image according to pixels or inches. Constraining proportions will allow you to change the width of the image to your desired sized allowing the system to correctly modify the height automatically in order to prevent the image from being distorted. Change this to a preferable size for your website and click the OK button.

3. Further Editing

At this point, you are able to make more modifications if you wish using any of the tools at Photoshop’s disposal. Artistic filters, emboss effects, text typing and a great deal more are available. However, you can save the file if you merely want the image itself unmodified.

4. Saving

One rule of thumb is to always click “Save As” for new images. This will let you save the image in a variety of formats while leaving you with an option to save the PSD file for later editing. The PSD file retains original details that will be lost when converting the image to JPG or GIF and you should always save your original work prior to editing. This way, you can look at an earlier file if you made a mistake in the saved copy.

Images from your camera could be set at such a high resolution that no current display could ever render the image in whole. It is always best to reduce the image size before placing them on your website. Keep in mind that the higher the megapixel rating on your camera is, the larger the file is going to be.