If your images are displaying too large for your website, you should resize them. This will help your webpages load faster for your visitors.
How big do I need my images?
Images are measured in pixels (or “px”). A digital camera image may be around 5,000 pixels wide.
A computer screen, however, is typically less than 2,000 pixels wide.
The content column within a webpage is normally around 800 pixels wide, so you shouldn’t normally need to upload images to your website that are larger than around 800 pixels wide. However, this may vary depending on the exact dimensions on your own webpage, because every website design is a bit different.
Here’s some examples:
This image is 800 pixels wide:
This image is 400 pixels wide:
This image is 300 pixels wide:
(Good for logos)
Please note, the larger your image, generally the slower it’ll be for your visitors to load your webpage. So an original digital camera image could be around 7MB. The file size of a resized image may be 20x smaller, so it’ll be much quicker for your visitors to load, especially for those using slow internet connections (e.g. via a mobile connection). This is why it’s important to resize your images.
So how do I resize my images?
1) Resize your images using your computer software (best option)
If you have image editing software installed on your computer (e.g. Adobe Photoshop), use this to resize your images, prior to uploading the files to your website.
You may need to consult your own IT adviser to find out what software is installed on your computer. Normally a basic free image editor is installed on Windows and Mac computers.
There are also free software programs available for you to install, e.g. Image Resizer for Windows.
2) Use an online image editor
If you don’t have image editing software installed on your computer, you could try using an online service, such as BulkResizePhotos.com:
We recommend you resize your image to 800px, or smaller, depending on your requirements.
After using an online tool, you can then download the resized image onto your computer, then upload it to your website.
An alternative tool is Squoosh, which allows you to resize and choose different output options to make your file size as small as possible.
3) Use the options in your website editor
Within your website editor, after you upload an image via the “Add Media” button, your website creates a second smaller version of your image file that is 300px wide. You can select this by using the drop-down menu indicated below:
The original size image also remains stored within your hosting account too.
Please note, links to external services are provided solely for your convenience, but are at your own risk. Primary Image does not accept any liability or for any third-party programs or services listed on this page, nor can we provide any endorsement or support for third-party services. You should check the suitability of any third-party services yourself, including taking your own antivirus precautions.