The Ultimate Guide to Optimized Images for Websites, Social, & Ads

Optimizing the images you utilize on websites, landing pages, blog posts, and social media serves multiple purposes:

Enhancing the user experience. 
Providing valuable information to search engines, subsequently boosting your traffic.
Elevating your visibility in Google's image packs, which increases your potential traffic.

But mainly, it takes a small time investment to significantly impact your audience and search engines through the pictures you use. So, here we offer this guide of standard image tips and sizings to refer to as you optimize your images!

This guide includes:

✨ 10 Image Pro Tips
🖼️ Website Image Sizes
📱 Social Media Sizes
🌟 AdRoll Ad Sizes
📢 Social Media Ad Sizes

Here are essential tips to keep in mind when using images throughout your website:

1. File Names:
   1. Name your image files using descriptive keywords that match the topic on the page where the image will reside. 
   2. Be sure to name the files before you upload them to your website.
      
      
2. File Format:
   1. JPEGs are best for photographs or gradient graphics.
   2. PNGs are best for basic and transparent background images.
      
      
3. Image File Size:
   1. Keep large or full-screen background images under 1 MB and smaller graphics under 300 KB. 
   2. To reduce/compress an image size, use sites such as TinyIMG, Compress JPEG, or Squoosh.
      
      
4. Alt Text:
   1. Use your Alt Text descriptions, using language that describes its relevance to the topic on the webpage.  
      
      
5. Keep Images Clean of Text/Copy:
   1. Refrain from incorporating text within images. Instead, utilize HTML text for enhanced SEO and improved accessibility.
      
      
6. Responsive Images:
   1. Ensure images are optimized and made "responsive," meaning they will optimally display on the device viewing them. 
      
      
7. Site Mapping:
   1. Google suggests adding images to your existing site map—or creating a separate site map just for images. 
      
      
8. Thumbnails:
   1. For websites that use thumbnails, optimize those images at the correct size to keep loading times low (users will bounce less often!).
      
      
9. Image Auditing:
   1. Audit your website occasionally for old and/or large images. Updating these will help your site load faster.
      
      
10.  WebP Format:
    1. If the browsers you target support WebP, consider incorporating this format for higher-quality, smaller file size images.
       

BACK TO TOP