Unless you need Photoshop for your profession then it’s probably unlikely that you have a copy.

Optimise image file size (more detail below).

JPEG high is usually what I’ll save my images as.

Select PNG if I need transparency or JPEG if I don’t.

Perform any touch ups or small edits and cropping.

My own workflow goes something like this: Now that you know that you need to resize, how do you do it? You need a graphics editing program. Use Chrome’s “Inspect Element” tool to see the width of any element on a website The screenshot below shows that the width of this article is 795 pixels wide, so if I want to add an image that takes up the full width of the article I should resize my photos so they are no bigger than 795 pixels wide.

You can also quite easily use Google Chrome’s “inspect element” feature to see the size of any element on a web page. Consult your web designer / developer to ask for the exact dimensions if you are not sure. The dimensions you should resize to depends on where you want the photo on your site and in most cases the photo will not need to be bigger than 1200 pixels wide by 900 pixels high. Unless you still have a fax machine, it’s very likely that the camera / phone you are using takes photos much larger than 1 megapixel, so it’s important to reduce this size first. A 1 megapixel photo is about 1200 pixels × 900 pixels which is a good size for most websites. The majority of digital cameras and phones will save photos at the highest possible resolution which is usually many times bigger than what it needs to displayed on the web. Resizing your photo to the correct size is the first step to making sure you’re not loading bigger images that you need to. Optimise file size using TinyPNG or Kraken.io.Resize your image to the correct dimensions.One of the simplest ways to speed up a website is to optimise images and photos before you upload them and below are the two steps you need to take to do this to help improve your website speed. If I was to tell you that 40% of users will abandon a website that take more than 3 seconds to load and that Google have confirmed that site loading speed is a ranking factor – what would you do to speed up your site? Do you know what it slowing it down? It’s clear that a fast loading website is important but how do you optimise your site?

Panda tiny png