PicCat Restoring your images and input…

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
Square original image for generating multi-size icons
Multi-size icon pack
Locally generated multi-platform PNG and favicon size packages

Suitable for these scenarios

Which projects are the current size presets applicable to?

🌐

Website Favicon and PWA

Generate common PNG, favicon.ico, site.webmanifest and HTML reference snippets and test them in browsers and devices.

📱

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

  1. Upload a clear square PNG, JPG, WebP or SVG, and it is recommended to keep a safe white space around the subject.
  2. Select website/PWA, App, applet, Android, Windows, plug-in or social avatar preset.
  3. Generate and download the ZIP, check the file name, size and configuration content, and then preview it on the target platform and real machine.
Open icon size package tool

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.