Skip to the main content.
emaildeliverability tips

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


FREE DOWNLOAD

The Ultimate Guide To Optimized Images For Websites, Social, & Ads.

Download the Guide

 


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

om small Enhancing the user experience. 
om small Providing valuable information to search engines, subsequently boosting your traffic.
om small 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

 

10 Image Pro Tips

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.

Website Image Sizes


Image Type


Recommended
Image Dimensions


Accelerate


Background Image


1920 x 1080 px


16:9


Hero Image


1280 x 720 px


16:9


Website Banner


250 x 250 px 


1:1


Blog Image


1200 x 630 px

3:2


Logo (Rectangle)


250 x 100 px


2:3


Logo (Square)


100 x 100 px


1:1


Favicon


16 x 16 px


1:1


Social Media Icons


32 x 32 px


1:1


Thumbnail Image


150 x 150 px


1:1

 

BACK TO TOP


Social Media Sizes


Social Media


Recommended
Image Dimensions


X (Twitter)


400 x 400 (profile pic)
1600 x 900 px (post)
1500 x 500 px (header)


Facebook


170 x 170 px (profile pic)
1200 x 630 px (posts)
851 x 315 (cover image)


Instagram


3
20 x 320 px (profile pic)
1080 x 566 px (landscape post)
1080 x 1350 px (portrait post)
1080 x 1920 (Stories and Reel


LinkedIn


400 x 400 (profile pic)
1128 x 191 px (cover image)
1200 x 627 px (post)


Pinterest


165 x 165 px (profile pic)
800 x 450 px (profile cover)
1000 x 1500 px (pins)
1000 x 1000 px (square pins)
1080 x 1920 px (story pins & fleets)


Reddit


1080 x 1920 px
250 x 250 (profile pic)


Threads


1080 x 1920 px


Tik Tok


200 x 200 (profile pic)

1080 x 1920 (video)


YouTube


800 x 800 px (profile pic)

2048 x 1152 px (banner)
1280 x 720 (video)
1280 x 720 px (thumbnail)


BACK TO TOP


AdRoll Ad Sizes

Below are the various sizes you will need to run an AdRoll campaign. Please note: the maximum image size on these is 150KB.


AdRoll


Required Dimensions

Medium Rectangle 300 x 250 px
Large Rectangle 336 x 280 px
Leaderboard

728 x 90 px

Half Page
300 x 600 px

Mobile Leaderboard
320 x 50 px

Banner
468 x 60 px

Wide Skyscraper
160 x 600 px

Billboard
970 x 250 px

Square
250 x 250 px

Small Square
200 x 200 px

Small Rectangle
180 x 150 px


BACK TO TOP


Social Media Ad Sizes

Below are the various sizes you will need to run an AdRoll campaign. Please note: the maximum image size on these is 150KB.


Social Platform


Required Dimensions

Facebook Ads Single Image Ad
1200 x 628 px (single image)
1080 x 1080 px (slideshow)

Instagram Ads 100 x 1080 px
LinkedIn Ads


400 px+ (sponsored content ads)

1200 x 627 px (single image)

Pinterest Ads
1000 x 1500 px

Reddit Ads
1200 x 628 px (4:5 aspect ratio)

400 x 300 px (thumbnail)

TikTok Ads
720 x 1280 px (
image)
Min Resolution: 720 x 1280 px, 640
x 640 px, or 1280 x 70 px (
video)

X (Twitter)
1200 x 1200 px

YouTube Ads


Min Size: 426 x 240 px
Max Size: 3840 x 2160 px
Aspect Ratio: 16:9

YouTube Bumper Ads


Video: 640 x 360 px or 480 x 360 px
Supporting Image: 300 x 60 px


BACK TO TOP