Website Favicon and PWA
Generate common PNG, favicon.ico, site.webmanifest and HTML reference snippets and test them in browsers and devices.
Development auxiliary tools
Icon size package: one-click generation of multi-platform icons
Upload PNG, JPG, WebP or SVG icon, select website/PWA, App, applet, Android, Windows, browser plug-in and social avatar preset locally in the browser, generate PNG, favicon.ico and related configuration files and package and download. Platform specifications may change, and official requirements still need to be checked before publishing.
Local size generationfavicon and PNGZIP configuration package
Leaflet icon
Multi-size icon pack
Suitable for these scenarios
Which projects are the current size presets applicable to?
App, Android and small program materials
Generate multiple square PNG sizes as development materials, and continue processing according to the latest icon specifications of the corresponding platform before submission.
Plug-ins, Windows and Social Avatars
Generate common sizes for browser plug-ins, Windows tiles, and social avatars, and check transparent backgrounds and thumbnail displays.
Operation path
How to generate and check icon pack
- Upload a clear square PNG, JPG, WebP or SVG, and it is recommended to keep a safe white space around the subject.
- Select website/PWA, App, applet, Android, Windows, plug-in or social avatar preset.
- Generate and download the ZIP, check the file name, size and configuration content, and then preview it on the target platform and real machine.
Platform specifications and small size design recommendations
- It is recommended to use a clear original image of at least 1024×1024, and small-size icons should reduce thin lines and small characters.
- The platform may automatically cut round corners, circles or adaptive masks, and the main body should not be close to the edge of the picture.
- The generated package is the starting point for development and does not mean that all the review requirements of the application store, PWA or applet have been met.
Browse all image processing topics
Frequently asked questions
Icon size package frequently asked questions
What types of files does the generated package contain?
Generates multi-sized PNGs based on the selected preset; website presets also generate favicon.ico, site.webmanifest, HTML reference fragments, and some presets come with browserconfig.xml.
Can it be reviewed directly through the App Store after generation?
Not guaranteed. Stores and operating systems also have transparency, rounded corners, safe areas, adaptive layers, branded content, and latest size requirements that need to be checked against official specifications.
Why can't I see the small size icon clearly?
Complex patterns, thin lines, and small text will lose detail at 16 or 32 pixels, and it is recommended to design a simpler version separately for small sizes.