Why does it matter?
I hear you loud & clear, all the way from south Georgia where the ‘ol folks don’t want you looking at your phone/computer/tablet screen so much, until they need help with their email because so-and-so sent a picture & they don’t know how to get to it. #salty
Why does it matter if we optimize?
IOW: “How does doing this benefit me?”
It’s beneficial for two main reasons:
Smaller file sizes help your site load faster. People are impatient & they don’t want to wait on your giant AF images to download, even if they are gorgeous.
Optimizing the image titles helps Google with your SEO. That makes your site rank better in searches if Google knows what your images are & why they’re being used in your content.
Now that we’ve got that out of the way! Ready to move on to the HOW part??
How to save images for web
This part is easy and I’ll show you 2 ways to do this that work for people who have Adobe products, and Mac users who may/may not have Adobe software. (#SorryNotSorry! I don’t have a PC & haven’t used one regularly in nearly a decade, so I can’t give ya a tutorial for that.)
Ideally you are lookin for a web-resolution image (72 ppi = pixels per inch) but at a larger scale so it still looks clear & isn’t pixelated/distorted on screen.
Fun Factoid: 300 dpi (dots per inch) is the lowest recommended resolution for print, but it makes file sizes larger. Putting those types of images on websites will make your site load slower, making your viewers impatient, and causing them to bounce (leave) faster.
If you don’t have Adobe software…
…but you do have a Mac:
Open your image in Preview.
Duplicate the image & name the copy something different.
I usually just add “-web” before the file format suffix, so I know which ones I’ve optimized for web at a glance.
So my file name would look like, “S1862_Example-web.jpg”
Click the Markup button (that looks like the tip of a pen/marker)