Image Optimisation Services – Compression & Alts 

Image optimisation is important, for appering in image based searches and for on-site page load times.   An important factor to consider when weighing the SEO value of your site.

Using large images affects the user experience and image SEO, and it will cause Google to penalise your website ranking.

Low quality images will appear fuzzy, which will make your site look less polished and likely cause disengagement of users.

Our best-practice approach to image optimisation

  • Images resized for viewpoints
  • The use of image ‘Titles’ and ‘Alt’ Tags
  • Image types and the next-gen formats
  • Image meta stripping

Optimised Images Resized For Viewpoints

Images can have a huge impact on loading times, A large responcive image 1920 x 1080 (HD) displayed as a thumbnail still has to load the complete large image file.  Three or four of these types of oversized images will vastly increase your page time.  Appreciate the fact that 40% of users will abandon a site if it takes longer than 3 seconds to load!

Amazon did tests that showed they would lose $1.6 BILLION every year if they slowed down by just one second. Correct Image formatting is essential!

Image Alt and Title Tags

What is an image Alt Text?

Alt text (alternative text), also known as “alt attributes”, “alt descriptions”, are used within HTML to describe the appearance and function of an image on a page.

1. Adding alternative text to photos is first and foremost a principle of web accessibility. Visually impaired users using screen readers will be read an alt attribute to better understand an on-page image.  Rule of thumb, improved accessibility = improved SEO

2. Alt tags will be displayed in place of an image if an image file cannot be loaded.

3. Alt tags provide better image context/descriptions to search engine crawlers, helping them to index an image properly.

EXAMPLE GOOD ALT BAD ALT

Red crested cockerel crowing

Poor alt text:
<img src=”bird.jpg” alt=”” />
Okay alt text: 
<img src=”bird.jpg” alt=”cockerel” />
Better alt text: 
<img src=”bird.jpg” alt=”cockerel crowing” />
Best alt text: 
<img src=”bird.jpg” alt=”Red-crested cockerel crowing” />

Image Title’s

Image title attribute doesn’t (at present) have any impact on keyword rankings because search engines don’t crawl them.  Having said that, image titles are displayed when your mouse hovers over an image in some browsers  so it does improve user experience and accessibility.

Image Types and Next Gen Images

For images, the right format doesn’t exist; it depends on the kind of image and how you want to use it. As a rule of thumb

  • JPEG’s for larger photos or illustrations: it will give you good results in terms of colors and clarity with a relatively small file size;
  • PNG if you need to preserve background transparency, however PNG’s tend to be much larger file sizes so work best with smaller pictures and icons
  • GIF’s set to 256 colours, this older format is usually preserved for short animation, aka the animated gif.

Next-Gen Image Formats

WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster.

WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.

Lossless WebP supports transparency (also known as alpha channel) at a cost of just 22% additional bytes. For cases when lossy RGB compression is acceptable, lossy WebP also supports transparency, typically providing 3× smaller file sizes compared to PNG.

Source:  Developers Google

Stripping Meta Data From Images

Most images hold metadata stored within a file, which may include when the file was created and last edited.

Image files actually contain several file types within them. Different types of metadata are stored in different types of files. For example, in addition to visual data, JPEG images might also contain:

  • EXIF files, which hold information about the camera settings and manufacturer
  • IPTC files, which hold user-added metadata
  • 8BIM files, which are added by Photoshop
  • ICC files, which contain information about embedded color profiles

Recommended image meta stripping tools

EXIF files alone can include dozens of specific details such as when the picture was taken, the shutter speed used and whether the flash was enabled. Most of this information isn’t necessary for a browser to render the image, so it can be disposed of without worries.

Metadata can account for more than 15% of a JPEG file’s total size!
SEO Header Scan

Free Web Image Scan

Just like a car mechanic expertly connects a diagnostics machine to locate slow page loads, large images and other potential issues under the hood, our Free SEO Diagnostic Scan delves into your website's structure and performance, identifying key areas for improvement to boost your online presence.
SEO Header Scan
digital services web design website designers seo hampshire uk

Technical SEO Services

Luke Kemp, is a versatile web developer, SEO and content creator who when not working with clients continues to develop digital output and integrate the services of his own websites.

Arrange an initial free diagnostic scan or contact Luke if you need assistance.

image sizes seo hampshire photshop photography image artworking services

Image SEO Boosts Click-Through Rates and Web Site Speeds

Striking the Perfect Balance: Boosting Click-Through Rates and Site Speed with Image SEO is the process of optimising images for both visual appeal and efficient loading. This service ensures your images attract clicks without slowing down your site, maintaining high-quality visuals while minimising file sizes.

Image SEO is crucial for enhancing user experience and SEO rankings through a strategy that combines captivating visuals with swift site performance, driving better engagement and a stronger online presence.