Frequently Asked Questions

Everything you need to know

Learn about app icons, favicons, and how AssetGen helps you generate all the assets you need.

Jump to topic

Favicons App Icons PWA & Web Windows Store Graphics How-To Guides macOS & watchOS Social Media Using AssetGen Technical

Favicon Questions

Everything about browser icons

A favicon (short for "favorite icon") is a small icon that appears in browser tabs, bookmarks, and history. It's typically 16x16 or 32x32 pixels and helps users identify your website at a glance. Modern browsers support multiple favicon sizes for different contexts like browser tabs, shortcuts, and touch icons.
A favicon is essential for brand recognition and user experience. It helps visitors identify your site in browser tabs, bookmarks, and browsing history. Without a favicon, browsers display a generic icon, making your site look unprofessional and harder to find among open tabs.
The easiest way is to use AssetGen. Upload your logo in PNG or SVG format, and we'll generate all the favicon sizes you need, including the ICO file for maximum browser compatibility. You'll get 16x16, 32x32, 48x48, and larger sizes for Apple Touch Icons.
You need multiple favicon sizes for different contexts: 16x16 for browser tabs, 32x32 for taskbars and high-DPI displays, 48x48 for Windows site icons, and 180x180 for Apple Touch Icons. An ICO file containing 16x16, 32x32, and 48x48 covers most traditional browser needs.
Use ICO format for maximum browser compatibility, especially for older browsers. ICO files can contain multiple sizes in one file. Use PNG for modern browsers and specific sizes like Apple Touch Icons. For best results, provide both: favicon.ico for legacy support and PNG files for modern devices.
Add these lines to your HTML <head> section:

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Common reasons: 1) Browser cache - try hard refresh (Ctrl+Shift+R or Cmd+Shift+R). 2) Incorrect path - ensure the favicon URL is correct and accessible. 3) Missing link tags - check your HTML head section. 4) File format issues - ensure it's a valid ICO or PNG file. 5) CORS issues if hosting on a CDN.
Yes. Different contexts require different sizes. Browser tabs use 16x16, high-DPI displays use 32x32, Windows uses 48x48, and Apple devices use 180x180 for the Touch Icon. Using a single size will cause blurriness or quality loss. AssetGen generates all necessary sizes automatically.

App Icon Questions

iOS and Android app icons

An app icon is the visual representation of your mobile or desktop application. It appears on home screens, in app stores, and throughout the operating system. A well-designed app icon is crucial for brand recognition and can significantly impact download rates.
Different devices and contexts require different icon sizes. iOS needs icons for iPhone, iPad, Apple Watch, App Store, and Spotlight search. Android needs icons for different screen densities (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi). Each size ensures your icon looks crisp and professional across all devices.
Use AssetGen to generate all 20+ iOS icon sizes automatically. Upload your logo and select the iOS platform. You'll get icons for iPhone, iPad, App Store (1024x1024), Spotlight, Settings, and more - all following Apple's Human Interface Guidelines.
Use AssetGen to generate Android icons for all density buckets (mdpi through xxxhdpi). We also create adaptive icon layers (foreground and background) for Android 8.0+ compatibility, plus the 512x512 icon required for Google Play.
iOS requires icons at multiple sizes including: 20pt, 29pt, 40pt, 60pt, 76pt, 83.5pt, and 1024pt at 1x, 2x, and 3x scales. This translates to sizes like 40x40, 60x60, 80x80, 120x120, 180x180, and 1024x1024 pixels. The 1024x1024 icon is required for App Store submission.
Android requires launcher icons at different density buckets: 48x48 (mdpi), 72x72 (hdpi), 96x96 (xhdpi), 144x144 (xxhdpi), and 192x192 (xxxhdpi). For adaptive icons, you need foreground and background layers at 108dp with safe zone considerations. Google Play requires a 512x512 icon.
Adaptive icons (introduced in Android 8.0) consist of two layers: a foreground and background. The system can apply different masks (circle, squircle, rounded square) to display the icon consistently across devices. The foreground layer should contain your logo centered in a 66dp safe zone within the 108dp canvas.
Upload your logo to AssetGen - we automatically generate the 1024x1024 App Store icon. This size is required for both iOS App Store and Google Play Store submissions. For best results, start with an SVG or high-resolution PNG.

PWA & Web App Questions

Progressive Web Apps and web manifest

A web app manifest (manifest.json or manifest.webmanifest) is a JSON file that provides information about your Progressive Web App (PWA). It includes the app name, icons in various sizes, theme colors, display mode, and start URL. Browsers use this to determine how to display your PWA when installed.
You need three things: 1) A valid web app manifest with icons (192x192 and 512x512 minimum), 2) A service worker for offline functionality, and 3) HTTPS hosting. Link your manifest in the HTML head with <link rel="manifest" href="/manifest.json">.
PWAs typically need icons at 192x192 and 512x512 pixels minimum, both in PNG format. For a complete set, include icons at 72x72, 96x96, 128x128, 144x144, 152x152, 192x192, 384x384, and 512x512. These should be referenced in your web app manifest file.
An Apple Touch Icon is a special icon used when iOS or iPadOS users add your website to their home screen. It should be 180x180 pixels for modern iPhones and iPads. Unlike regular favicons, Apple Touch Icons should not have transparency and typically have rounded corners applied automatically by iOS.
The recommended size is 180x180 pixels for iPhone with Retina display. For complete support, also include 152x152 (iPad) and 167x167 (iPad Pro). AssetGen generates all Apple Touch Icon sizes automatically when you select the Web platform.

Microsoft/Windows Questions

Windows tiles and browserconfig

browserconfig.xml is a configuration file for Microsoft Edge and Internet Explorer that defines how your site appears when pinned to the Windows Start menu or taskbar. It specifies tile images, tile background color, and other display preferences for Windows 8/10/11.
Windows tile images are special icons displayed when a website is pinned to the Windows Start menu. They come in several sizes for different tile layouts and should have a transparent background (Windows applies the background color from browserconfig.xml).
Windows requires four tile sizes: 70x70 (small), 150x150 (medium), 310x150 (wide), and 310x310 (large). These are specified in browserconfig.xml. AssetGen generates all Windows tile sizes when you select the Web platform.

Store Graphics Questions

App Store and Play Store assets

A Google Play Feature Graphic is a 1024x500 pixel promotional image displayed at the top of your app's Play Store listing. It's used when your app is featured and in search results. This graphic should showcase your app's brand and key features, but is different from your app icon.
The Google Play Feature Graphic must be exactly 1024x500 pixels in JPEG or 24-bit PNG format (no alpha/transparency). It should be compelling and clearly represent your app, as it's prominently displayed when your app is featured.
AssetGen generates the 1024x1024 App Store icon when you select the Store platform. For promotional screenshots and preview images, you'll need to create device mockups showing your app in use. The App Store icon must not have transparency and should not include photos, screenshots, or hardware imagery.

How-To Guides

Step-by-step tutorials

Use AssetGen to upload a single high-resolution logo (preferably SVG or 1024x1024+ PNG) and automatically generate all required sizes for iOS, Android, Web, and Store submissions. AssetGen creates 50+ optimized assets in seconds, following Apple and Google guidelines.
Upload your SVG file to AssetGen. SVG is the ideal source format because it's vector-based and can scale to any size without quality loss. AssetGen will rasterize your SVG to PNG at all required dimensions for every platform you select.
1) Prepare your logo as a square image (SVG or 1024x1024 PNG). 2) Go to AssetGen. 3) Upload your logo and select all target platforms (iOS, Android, Web, Store). 4) Choose a base color for transparent areas. 5) Click Generate and download your complete asset package.
In AssetGen, simply select both the iOS and Android platform toggles before generating. You'll receive a single ZIP file containing organized folders for both platforms, with all required sizes and properly named assets ready for Xcode and Android Studio.
Use AssetGen to generate your complete iOS icon set including the required 1024x1024 App Store icon. The generated assets follow Apple's Human Interface Guidelines. Place the icons in your Xcode Assets.xcassets folder - AssetGen's output structure matches Xcode's expected format.
Generate your Android assets with AssetGen, which includes the required 512x512 high-res icon for Google Play. You'll also get adaptive icon layers for Android 8.0+ and legacy icons for older versions. Place the generated drawable folders in your Android project's res directory.

macOS & watchOS Questions

Desktop and watch app icons

macOS app icons require sizes at 16x16, 32x32, 64x64, 128x128, 256x256, 512x512, and 1024x1024 pixels, at both 1x and 2x resolutions. These are packaged into an ICNS file for distribution. Since macOS Big Sur, icons should use rounded rectangle shapes to match the system style.
Upload your logo to AssetGen and select the iOS platform (which includes macOS icons). You'll get all required sizes for Mac apps. For the Big Sur squircle style, design your icon to work well within a rounded rectangle mask.
An ICNS file is Apple's icon format for macOS applications. It's a container that holds multiple icon sizes in one file, allowing macOS to display the appropriate size based on context (Dock, Finder, Spotlight). ICNS files support sizes from 16x16 up to 1024x1024 pixels.
watchOS app icons are required at multiple sizes for different watch sizes and contexts: 24x24, 27.5x27.5, 29x29, 40x40, 44x44, 50x50, 86x86, 98x98, and 108x108 pixels. All watchOS icons should be circular or designed to work well within a circular mask.
Design your icon to work well in a circular format (watchOS applies a circular mask). Upload to AssetGen with the iOS platform selected to get watchOS-compatible sizes. Keep the design simple with high contrast for the small display.
macOS Big Sur introduced iOS-inspired "squircle" (superellipse) shaped icons. Your icon should be designed to fit within this rounded rectangle shape, similar to iOS icons. The icon should fill the entire canvas and include the squircle shape - the system no longer applies it automatically for custom icons.

Social Media & Open Graph

Social sharing images

An Open Graph (OG) image is the preview image displayed when your URL is shared on social media platforms like Facebook, LinkedIn, and Slack. The recommended size is 1200x630 pixels. A compelling OG image increases click-through rates when your content is shared.
The recommended Open Graph image size is 1200x630 pixels (1.91:1 aspect ratio). This works well across Facebook, LinkedIn, and most platforms. Keep important content in the center 1200x628 area to avoid cropping on different platforms.
Create an image at 1200x628 pixels for Twitter's summary_large_image card format. Add the meta tag: <meta name="twitter:card" content="summary_large_image"> along with twitter:image pointing to your image URL.
Twitter Card images should be 1200x628 pixels for summary_large_image cards or 144x144 minimum for summary cards. The large image format is recommended as it's more visually prominent in feeds. Images should be less than 5MB and in JPG, PNG, WEBP, or GIF format.
Add Open Graph and Twitter Card meta tags to your HTML head with an attractive preview image, title, and description. Use images at 1200x630 pixels. Test your links with Facebook's Sharing Debugger and Twitter's Card Validator to preview how they'll appear.
A social share image (also called OG image or link preview image) is displayed when someone shares your URL on social media, messaging apps, or Slack. It typically includes your brand, a compelling visual, and sometimes the page title. It's your chance to make a strong first impression.

Using AssetGen

How to use this tool

AssetGen accepts PNG and SVG files up to 10MB. For best results, upload an SVG (scalable vector graphics) or a high-resolution PNG at least 1024x1024 pixels. SVG files produce the sharpest results at all sizes since they can scale infinitely without quality loss.
The maximum upload size is 10MB. Most logos are well under this limit. If your file is larger, try optimizing it with tools like SVGO for SVG or TinyPNG for PNG before uploading.
Generation typically completes in under 5 seconds. The exact time depends on the number of platforms selected and the complexity of your source image. SVG files may take slightly longer as they need to be rasterized.
Yes! Use the platform toggles to select only the platforms you need. You can generate assets for just iOS, just Android, just Web, or any combination. This keeps your download size smaller if you don't need everything.
You receive a ZIP file containing organized folders for each platform. Icons are properly named and sized according to platform requirements. For iOS, you get Contents.json for Xcode. For Android, you get properly structured drawable folders. For Web, you get favicons, Apple Touch Icons, and Windows tiles.
Yes! All generated assets follow Apple and Google guidelines and are ready for immediate use. They're optimized for file size while maintaining quality. You can drop them directly into Xcode, Android Studio, or your web project.
Yes! iOS assets are generated according to Apple's Human Interface Guidelines with all required sizes and proper naming. The 1024x1024 App Store icon is included. Note that Apple also has content guidelines for icons (no transparency, appropriate content) that depend on your design.
Yes! Android assets follow Google's design specifications including adaptive icons for Android 8.0+, legacy icons for older versions, and the 512x512 high-res icon for Google Play. All density buckets are covered from mdpi to xxxhdpi.
Yes! AssetGen is completely free to use. Upload your logo, select your platforms, and download all generated assets at no cost. No account required, no payment needed. If you find it helpful, consider supporting the project via Buy Me a Coffee.
No! AssetGen works without any account or signup. Just upload your logo and generate. Your files are processed securely and deleted after download. We don't store your images or require any personal information.

Technical Questions

File formats and specifications

PNG is a standard image format that stores a single image at one size. ICO is a container format that can hold multiple image sizes in one file. ICO is traditionally used for favicons because it provides all sizes browsers might need. Modern browsers support PNG favicons, but ICO ensures maximum compatibility.
For iOS: No - App Store icons must not have transparency. iOS applies rounded corners automatically. For Android: Adaptive icons use separate foreground/background layers; the background should be opaque. For favicons: Transparency is often useful for blending with browser UI. AssetGen's base color option fills transparent areas when needed.
All generated PNG icons are 32-bit RGBA (8 bits per channel with alpha transparency). This provides full color depth with smooth transparency gradients. ICO files contain embedded PNGs at the same color depth.
Yes! All generated icons are optimized to reduce file size while maintaining visual quality. PNG files use optimal compression settings. This helps with app bundle size and web page load times without sacrificing icon quality.

Ready to generate your assets?

Upload your logo once and get 50+ production-ready assets for iOS, Android, Web, and App Stores.

Generate Now