Image Resizer AI
“The Shopify image compressor allowed us to quickly reduce our collection banner file sizes while preserving sharp product clarity. Super smooth client-side experience!”
Select Logo Image
Upload a square image (preferably 512x512 PNG)
Customize Your Favicon
Adjust how your logo fits inside the generated icons.
Optional name used in previews & manifest.
Select crop or fit style.
Keep transparent or pick a solid color.
0%
Add space around the logo for small sizes.
See How Your Favicon Looks
Preview your generated icons across browsers, mobile devices, and small sizes.
See how your favicon appears in a browser tab and bookmarks.
My Website
x
Bookmarks Bar:
My Website
Your Favicon Package Is Ready
Download the complete package to get all icons, HTML code, and web app manifest needed for your website.
ZIP is recommended because it keeps all generated files together in one place.
Need individual files? View all generated files package
Generated Files Details
A. Website Favicon Files
favicon.ico
Traditional browser favicon containing 16, 32, & 48 px images.
Binary ICO
favicon-16x16.png
Modern PNG favicon for standard browser tabs.
16 x 16 px
favicon-32x32.png
High-DPI PNG favicon for desktop browser tabs.
32 x 32 px
favicon-48x48.png
Favicon file for desktop taskbars and shortcuts.
48 x 48 px
favicon-96x96.png
Google TV & modern browser icon.
96 x 96 px
B. Apple and Mobile Icons
apple-touch-icon.png
Used when saved to iOS (iPhone/iPad) home screen.
180 x 180 (Apple)
android-chrome-192x192.png
Used by Android devices & web app launcher.
192 x 192 (Android)
android-chrome-512x512.png
High-res icon for Android splash screens & PWA.
512 x 512 (PWA)
icon-512-maskable.png
Adaptive icon padded for Android circle/squircle crops.
512 x 512 (Maskable)
Copy Website Installation Code
HTML Head Code Snippet
Paste this inside your website's <head> tags.
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Web App Manifest (site.webmanifest)
Configuration file used by Android and PWAs.
{
"name": "My Website",
"short_name": "My Website",
"icons": [
{ "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" },
{ "src": "/icon-512-maskable.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}