Image to Favicon, OG, Apple & PWA Icons
One image in — every spec size out, ready for production
Upload any image and generate the full icon set in one batch: favicon (16-512 px), Apple touch icon (180), PWA icons (192, 512), Open Graph (1200×630), Twitter card (1200×628). Plus copy-paste HTML and manifest.json snippets. 100% browser-side.
What is a Image to Favicon, OG, Apple & PWA Icons?
Shipping a web app means producing the same logo in 10+ sizes — 16×16 for the browser tab, 32×32 for retina tabs, 180×180 for iOS home screens, 192×192 and 512×512 for the PWA manifest, 1200×630 for Facebook/LinkedIn/WhatsApp previews, and 1200×628 for Twitter cards. Most teams either skip half of them or hop between 3 different tools to make them.
This generator takes one source image — PNG, JPG, WebP, GIF, or SVG — and produces every spec size in one upload. Square outputs are downsampled with high-quality Canvas resizing. Wide outputs (OG, Twitter) use contain/cover/stretch fit with a configurable background colour so a portrait or square logo still produces a usable social share image.
You also get a copy-paste HTML `<head>` snippet for the favicon, apple-touch-icon, OG, and Twitter meta tags, plus a manifest.json icons block for PWA installability. The image never leaves the device — useful for unreleased branding work or internal tools where uploading to a third-party generator is not an option.
Why use this Image to Favicon, OG, Apple & PWA Icons
Built for Indians, by Indians. Every number, every formula, every slab — tuned to FY 2026-27 reality.
10 spec sizes
Favicon set, Apple touch icon, PWA icons, OG image, Twitter card — all in one batch.
Configurable fit
Contain, cover, or stretch — with a background colour for letterboxed sizes.
Ready-to-paste snippets
HTML `<head>` meta tags and manifest.json icons block, both copy-to-clipboard.
100% local
Image processed in-browser via Canvas. Nothing uploaded.
Using the Image to Favicon, OG, Apple & PWA Icons in 4 steps
No onboarding, no signup. Answer three fields and the numbers update live.
Upload one source image
Square 512×512+ PNG or SVG gives sharpest results. Wider/portrait images work — fit mode handles them.
Pick fit + background
“Contain” preserves aspect (pads with background). “Cover” fills (crops edges). “Stretch” distorts to fit.
Download individually or all
“Download all” fires every PNG one after another so your browser downloads them as a set.
Paste the snippets
Drop the HTML snippet into `<head>`, the JSON block into manifest.json. Upload the PNGs to /public/ and you’re live.
Tips to get the most out of it
Source at 512×512 or larger. Anything smaller and the upscaled sizes look fuzzy on retina displays.
Use a square source for the favicon/Apple/PWA family. Use a wider source (or text overlay) for OG/Twitter — those are 1.91:1.
Pick an opaque background for Apple touch icons. iOS does not honour transparency — transparent PNGs render with grey behind them.
For PWAs, generate a separate maskable version with safe-zone padding (Android applies an OS-defined mask shape on top of your icon).
Compress the final OG image with Squoosh or TinyPNG. Keep it under 300 KB so WhatsApp scrapes it reliably.
Real-world scenarios
How Indians actually use this calculator — concrete numbers, concrete plans.
New SaaS launch checklist
Founder uploads logo.png. Downloads all 10 outputs, drops them into /public, pastes the HTML snippet into `index.html`, the JSON block into manifest.json. Site passes Lighthouse PWA installable check + shows rich social previews on first share.
Blog post share image
Designer uploads a 1600×900 article hero image. “Cover” fit produces a clean 1200×630 OG image with the top/bottom cropped slightly — no manual canvas editing needed.
Rebrand rollout
Marketing finalises a new wordmark on Friday, ships Monday. All favicons + OG images regenerated in 60 seconds — no third-party upload, no waiting for design ops.
Frequently Asked Questions
Still have a question? Our team replies within a business day.
Squares: 16, 32, 48, 64, 128, 180 (Apple touch icon), 192 (PWA), 512 (PWA splash). Wide: 1200×630 (Open Graph), 1200×628 (Twitter summary_large_image).
Yes — and it is the best source because every output size is generated at native sharpness with no upscaling blur.
No — .ico needs multi-image binary encoding that browsers cannot do natively. Modern browsers all accept PNG via `<link rel="icon" type="image/png">`, so .ico is rarely needed. If you do need it, run `convert favicon-32.png favicon-16.png favicon.ico` with ImageMagick.
“Contain” fits the full image with background padding on left/right. “Cover” crops the top and bottom to fill 1200×630. Pick whichever preserves the part you care about.
No. The browser reads the file via FileReader and resizes via Canvas — entirely client-side. You can use this on confidential branding work.
WhatsApp scrapes og:image but requires the URL to be absolute (https://...) and the file under 300 KB. It also aggressively caches previews — clear cache by re-sharing after fixing.
Want expert help beyond the calculator? 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