Every favicon and social preview, from one image.
Drop in a logo or type a letter. You get every favicon size, an Apple touch icon, a web manifest and a 1200×630 social preview image, plus the HTML to paste into your page.
Your icon
No image yet.
The Apple touch icon always gets a solid square background, because iOS adds its own rounded corners and turns transparency black.
How it looks
Check the tab in both light and dark. Thin or dark marks can vanish at 16px.
Social preview
Social cards are shown at about 40% size, so even big text needs 4.5:1.
Shared link preview
Download
favicon.ico16, 32 and 48px in one file, for older browsersfavicon-16x16.pngBrowser tabfavicon-32x32.pngBrowser tab on high-res screensapple-touch-icon.png180px, iPhone and iPad home screenandroid-chrome-192x192.pngAndroid home screenandroid-chrome-512x512.pngAndroid splash screen and installssite.webmanifestName, colours and icons for installed web appsog-image.png1200×630 social preview
Put every file in your site’s root folder, next to your home page.
Paste into your <head>
Add your website above: social networks need a full URL for og:image.
Pro SOON
- SVG favicon with an automatic dark-mode version
- Social preview templates, plus sizes for X, LinkedIn and Pinterest
- Batch mode: one social image per page from a CSV
Which favicon sizes do I actually need?
A favicon.ico (16, 32 and 48px), 16 and 32px PNGs, a 180px Apple touch icon, and 192 and 512px icons in a web manifest. That covers every current browser, phone and search result.
What size should an Open Graph image be?
1200×630 pixels (about 1.91:1). Facebook, LinkedIn, X, Slack, Discord and iMessage all crop to roughly that shape. Keep text away from the edges.
Is my logo uploaded anywhere?
No. The images and the zip are made in your browser, and nothing leaves your device.