Manifest validation
Catch invalid colors, unsupported display modes, malformed resource paths, and launch URLs that fall outside the declared scope.
PWA STUDIODESIGN · VALIDATE · SHIP
Web Manifest Builder
Turn any web experience into a more app-like experience with a polished manifest, adaptable icons, and confident configuration.
YOUR WORKSPACE
Manifest workspace ✳
Configure every detail and see what your visitors will get.
App identity
Give the experience a clear identity users will recognize.
Displayed where space allows, such as installation prompts.
For compact launcher labels.
BCP 47 language tag.
Launch & identity URLs ⓘ
Set the planned location of your manifest. Used to resolve paths, check origins, and generate correct HTML tags. Not included in JSON.
Opening page when the installed app is launched.
URLs treated as part of the app.
Keep stable after publishing.
Appearance
Customize launch behavior and browser surfaces.
Browsers may fall back to another supported mode.
Color system
Browser toolbar and system surfaces.
May appear during launch and loading.
App icons
Generate launcher assets in all the essential sizes.
⇧
Drop your artwork hereor click to browse filesPNG, JPEG, WebP · maximum 8 MB · up to 4096px per sideUsing a sample icon — replace before publishing.
Generated icon assets
192 × 192Standard
512 × 512Standard
512 × 512Maskable
A maskable icon keeps important artwork inside the central 80%-diameter safe circle. Preview and test on your target platforms before releasing.
Advanced settings
Optional metadata, shortcuts, and existing manifest imports.
Comma-separated tags. Up to 20 categories.
Quick-action shortcuts
Shortcuts can be displayed in the installed app's context menu on compatible platforms.
Import an existing manifest
Or paste JSON below.
Imported unknown manifest members are preserved in the JSON output, but are not individually editable in this interface.
REAL-TIME PREVIEW
Your app in context
9:41◉ ▴ ▰
Your AppYour App Name
A beautiful experience.
Your app starts here
standalone mode#327FF0 · #F4F8FF
QUALITY CHECK
ReviewManifest readiness
Checking your configuration…
Deployment checks
Install prompts depend on browser rules, HTTPS (or localhost), valid hosted icon URLs, and other site behavior. A manifest alone does not provide offline caching. Set your actual deployment manifest URL to validate origin and path accurately.
YOUR DELIVERABLES
LOCAL FILESExport & integrate
Bundle includes the manifest, PNG icons, and setup instructions.
Live manifest JSON
HTML integration
BEFORE YOU SHIP
Built for the details that matter.
Icons that adapt
Export dedicated 192px and 512px launcher icons and a padded maskable variant that respects the standard safe zone.
Make it yours
Bring an existing JSON manifest, preserve unfamiliar fields, adjust the basics, and export assets without sending data to a server.
Web manifest questions
Does adding a manifest make my site installable?
Not necessarily. Installation and promotion rules differ by browser and may require HTTPS or localhost, a suitable icon, working routes, and other conditions. Offline behavior requires separately implemented caching, commonly with a service worker.
What is the difference between a regular and a maskable icon?
Maskable icons allow operating systems to crop the outer area. Important artwork must fit inside the central safe circle, which has a radius of 40% of the icon dimension. This tool produces a padded maskable PNG.
Can I edit an existing manifest?
Yes. Import or paste JSON, modify the supported fields and export again. Unknown top-level fields are retained. Existing referenced icon files are not fetched or embedded; upload artwork to produce a complete icon ZIP.
Does PixelOkay upload my icon or JSON?
No. Image decoding, validation, canvas exports, and ZIP creation happen locally in your browser. You are responsible for hosting the resulting files on your own website.