We hope you enjoy reading the MEANit blog with all the guides and tips. If you want our team to help with your web presence click here

The articles here will give you everything you need to plan, design, develop, market and maintain your website, if you have the time required – Enjoy.

How do I Resize and Rename images for my website?

by | Last updated: Mar 13, 2024

Renaming: As an example, in MEANit Web Design Dublin, you could rename the first photo to something like dublin-web-design-company-meanit or meanit-web-design-company-dublin.  So the naming convention includes a hyphen between each word, so that Google can read it as 5 separate words rather than seeing it as ‘dublinwebdesigncompany’. We use Dublin in the name to optimise the location to dublin every time. Once the site has some traction you can use other town names or county names in the photo names. So you could use the proper name of the town and or county where you did the job/project each time. For the Commercial jobs such as a local Toyota Garage maybe use a title web-design-automotive-dublin – It does not need the actual clients name, we will add that on the page.

Resizing: You can resize and/or rename within the Dropbox folder. Going forward when you are adding photos to your new website, we will let you know how you can resize images using a tool like https://squoosh.app/ , click on Open Image choose the photo from your computer, then click on the Resize tab and change the width to 600 wide, ignore the H or Height as it will change appropriately itself. Reduce the pixels or file size to 150kb or less, ideally to 120kb by moving the Quality slider backwards. The reduction in file size means that the photos deliver faster online, which in turn makes your website faster. The normal 4MB to 12MB file size from your camera is actual print quality, so that you can get the Chemist to print them or use them in a catalogue. For the website we/you only need small file sizes of under 150kb or less.

When saving the image in Squoosh choose the WebP option and continue to download the image to your computer.

You will then upload the new WebP image with the correct naming convention directly into the media library.


Squoosh Explained

Automate Image Compression for your Websites with the latest codecs using Squoosh from Google

Bulk Image Resizing Options

Tool for PC: Power Toys Image Resizer Utility
Download: https://docs.microsoft.com/en-us/windows/powertoys/install
Documentation: https://docs.microsoft.com/en-us/windows/powertoys/image-resizer

Tool for MAC: Preview Image Tool already installed on MacOS
Documentation: https://appleinsider.com/articles/18/05/03/how-to-batch-resize-your-image-collection-using-preview-in-macos

About The Author

Do you want more traffic?

Hi, at MEANit we help 34 ‘Professional Services Firms‘ to be effective online annually. Will your business be one of the 34 in 2024?


Written by Michael MacGinty

Michael is a well known speaker, author and coach on SEO and how to use the web to grow a business. He is also WP Elevation certified as a Digital Business Consultant.
Blog Categories
Website Design
Search Engine Optimisation
Website Support Info
Website Tips
Digital Marketing
Business Tips

Get ‘loved’ by

MEANit Web Design SEO Google Logo

You May Also Like…