How do I Resize and Rename images for my website?
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 100kb or less, ideally to 60kb 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 100kb or less.
Squoosh Explained
https://www.elegantthemes.com/blog/wordpress/squoosh-app-guide
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
