Image Asset Pack Generator
Image Asset Pack Generator is a free image tool that runs directly in your browser with no account required.
About this tool
Launching a site or app means producing the same logo at a dozen sizes: favicons, Apple touch icons, PWA icons, Open Graph cards, and more. This generator renders a full pack from one source image in your browser, each asset individually downloadable, and also writes the HTML link tags and web manifest that reference them. Four pack types cover favicons, social cards, PWA icons, or a combined launch kit.
How to use
- Choose your logo or source image under Image file.
- Select a Pack: Launch kit, Favicon and app icons, Social cards, or PWA app icons.
- Set Fit mode, Background, Padding %, and Corner radius % to control how the image sits in each frame, plus the output Format and Quality.
- Download each generated asset, then grab the metadata HTML and web manifest files to wire them into your site.
Frequently asked questions
Is my logo uploaded during generation?
No. Every asset is rendered on canvases in your browser via the canvas API, and nothing is transmitted to a server.
What sizes are in each pack?
The favicon pack produces 16, 32, and 48 pixel favicons plus a 180 pixel Apple touch icon and 192 and 512 pixel PWA icons. Social cards includes Open Graph 1200 x 630, Twitter card 1200 x 675, square social 1080 x 1080, story 1080 x 1920, and a YouTube thumbnail 1280 x 720. The PWA pack adds a 512 pixel maskable icon and a 1024 pixel App Store icon, and the Launch kit combines favicons, the first three social sizes, and the maskable and App Store icons.
What are the metadata HTML and manifest downloads for?
The metadata HTML contains ready-to-paste link and meta tags (favicon links, apple-touch-icon, og:image, twitter:image) that reference the generated filenames, and manifest.webmanifest lists the icons with sizes, types, and purposes for PWA installation.
What is a maskable icon?
It is a PWA icon marked with purpose maskable in the manifest, meaning the operating system may crop it into a circle or rounded shape. Use Fit with padding and enough Padding % so your logo survives the crop.
Should I export icons as PNG or JPG?
PNG is the standard choice for icons because it is lossless and supports transparency. JPG flattens everything onto the background color, which is usually only acceptable for social card images.
How do the fit and padding controls affect the assets?
Fit with padding scales your image to fit inside each frame with a margin of up to 45 percent, filled with the Background color; Fill crop covers each frame edge to edge, trimming overflow. Corner radius % rounds the drawn image within each asset.