Favicon & OG Image Size Checker
Verify your images meet OG, Twitter, favicon, and PWA size specs
Check if your uploaded images meet recommended dimensions for Open Graph (1200×630), Twitter cards, favicons, Apple touch icons, and PWA icons instantly.
Need a website that actually converts?
Hand-coded sites + landing pages + MVPs. Free 30-min strategy call.
What is a Favicon & OG Image Size Checker?
A wrongly-sized Open Graph image means your website shows a cropped or distorted preview when shared on WhatsApp, LinkedIn, or Facebook. A 33×33 favicon looks blurry in browser tabs. A 500×500 PWA icon fails the Chrome Lighthouse audit. These are easy wins that most developers miss.
This free image size checker lets you drop or upload any image file and instantly verifies it against five critical web specifications: Open Graph (1200×630 for rich social previews), Twitter Card (1200×628), browser favicon (32×32), Apple Touch icon (180×180 for iOS home screen), and PWA icon (512×512 for Chrome installable apps).
The check happens entirely in your browser — your image is never uploaded to any server. It uses the browser's File API and native Image element to read dimensions client-side, so it is instant and 100% private.
Why use this Favicon & OG Image Size Checker
Built for Indians, by Indians. Every number, every formula, every slab — tuned to FY 2026-27 reality.
Drag & Drop
Drop an image or click to browse — works with PNG, JPG, WebP, ICO, SVG.
5 Spec Checks
OG, Twitter, Favicon, Apple Touch, PWA — all checked against exact recommended dimensions.
No Upload
Image never leaves your browser. Dimensions read client-side via File API.
100% Private
Browser-side only. Instant results.
Using the Favicon & OG Image Size Checker in 4 steps
No onboarding, no signup. Answer three fields and the numbers update live.
Prepare your image
Export the image from Figma, Canva, or Photoshop in PNG or JPG format.
Drop or select the file
Drag your image onto the checker or click "Choose Image" to browse.
Review pass/fail results
Each spec shows green (pass) or red (fail) with the required dimensions vs. your image's actual dimensions.
Fix and re-check
Resize in Figma, Canva, or Squoosh.app, then re-upload to verify. Repeat until all relevant specs pass.
Tips to get the most out of it
Create your OG image at exactly 1200×630px — do not leave it to chance. Set this as a locked frame in Figma.
Use PNG for logos/icons (transparency support), JPG for photos (smaller file size). Both work for OG images.
OG image file size should be under 1MB. Large files load slowly when scraped by social platforms — compress with Squoosh.app.
Test your OG image with Facebook's Sharing Debugger and LinkedIn's Post Inspector after deploying.
For PWA icons, use maskable icons that keep key content within the "safe zone" (central 80% of the icon).
Real-world scenarios
How Indians actually use this checker — concrete inputs, concrete outcomes.
Blog post OG image
Exported at 1200×628 — fails OG check (needs 1200×630). Two pixels short. Easy fix: add a 2px border or re-export with correct canvas height.
Logo as favicon
Company logo at 400×120px — fails all specs. Need to create square crops: 32×32 (browser tab), 180×180 (Apple), 512×512 (PWA). Use a dedicated favicon generator.
All specs pass
Prepared 1200×630 OG + 1200×628 Twitter + 32×32 favicon + 180×180 Apple + 512×512 PWA as separate files. All pass. Ready to add to HTML meta tags and manifest.json.
Frequently Asked Questions
Still have a question? Our team replies within a business day.
1200×630 pixels at 72 DPI. Facebook, LinkedIn, and WhatsApp all use this ratio (1.91:1). File size should be under 1MB. Use PNG for graphics, JPG for photos.
Facebook uses 1200×630. Twitter card uses 1200×628 (2 pixels shorter). In practice, a 1200×630 image works fine for both since Twitter crops slightly. But for pixel-perfect control, create both.
A favicon is the small icon in the browser tab, bookmarks, and history. 32×32px PNG is the modern standard. Also provide 16×16 for very old browsers. Use SVG for scalable favicons that work at any size.
WhatsApp scrapes og:image from your HTML. Issues: image URL must be absolute (https://), file must be under 300KB for WhatsApp specifically, and WhatsApp caches previews — clear cache by re-sharing after fixing the image.
A Progressive Web App (PWA) icon appears on the home screen when users "install" your website as an app. Chrome requires a 512×512 icon in your manifest.json for the install prompt to appear. Even non-PWA sites benefit from it for a professional appearance.
Want expert help beyond the checker? Talk to our team.
Our finance team helps Indian businesses and individuals plan investments, file taxes, and build wealth — without the jargon.
Book a free consultationLet's talk about your business.
Tell us what you're working on and where you want to go. We'll put together a plan. No obligation, no sales pitch.
- Free 30-minute call
- A plan built around your goals
- No obligation, no pressure
- Your own account manager