COTA
ESENPT

Drop your image and find out if it works for the web.

Cota checks the size and weight of your photo and tells you where on your site it fits well.

Drop an image here

or pick a file (PNG, JPEG or WebP)

Everything happens in your browser. Nothing is uploaded anywhere.

Examples:

hard convention: exact number flexible: ratio + range, the rest is yours

Your website

4 sizes
1920
1920
Main cover image
Hero
flexible 16:9
under 300 KB
1200
1200
Promo banner
Promo banner
flexible 3:1
about 150 KB
2560
2560
Background image
Full-width background
flexible ~16:9
under 400 KB
800–1200
800–1200
Image inside a text
In-article image
flexible free
under 100 KB

Shop

3 sizes
2048
2048
Product photo
Product image
Exact size 1:1
about 500 KB
300
300
Product thumbnail
Product thumbnail
Exact size 1:1
under 25 KB
150 300 768 1024
150–1024
WordPress automatic sizes
WordPress (defaults)
Exact size various

Social & email

4 sizes
1200
1200
Image when sharing a link
Open Graph / share
Exact size 1.91:1
under 300 KB
600
600
Image for emails
Email (body & header)
Exact size body 600 px
under 1 MB
40–80
40–80
Profile or testimonial photo
Avatar / testimonial
flexible 1:1
under 20 KB
1200
1200
Featured image of an article
Blog featured image
Exact size 1.91:1
under 150 KB

Icons & logo

3 sizes
16 32 180 512
16–512
Tab icon
Favicon (full set)
Exact size 1:1
40–80px
Logo
Logo
flexible variable
under 200 KB
= landing
= landing
Corporate site
Corporate site
flexible = landing

Nothing by that name. Try the symptom: "cropped on mobile", "blurry"…

Crop for this

Drag the photo to position it, or use the keyboard arrows (Shift to move faster, +/- to zoom). Adjust zoom with the slider.

Compress

This generates a version at the exact size this spot needs.

Before
·
After
·
Download