Upload an image to generate all app icons, iOS splash screens and meta tags required for an awesome PWA that works on every iPhone and iPad.
Accepted file formats: PNG, JPG, SVG, WEBP. Recommended size: 512x512 or higher. Recommended aspect ratio: 1:1.
PWA IconIcon512x512
iPhone 15 Pro MaxSplash ScreenPortraitiPhone 15 ProSplash ScreenPortraitiPhone 14 Plus, iPhone 13 Pro Max, iPhone 12 Pro Max Splash ScreenPortraitiPhone 14, iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12Splash ScreenPortrait12.9" iPad Pro Splash ScreenLandscapeiPhone 11 Pro Max, iPhone XS MaxSplash ScreenPortrait11" iPad Pro, 10.5" iPad Pro Splash ScreenLandscape4" iPhone SE, iPod touch 5th generation and later Splash ScreenPortrait10.5" iPad Air Splash ScreenLandscape10.9" iPad Air Splash ScreenLandscapeiPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus Splash ScreenPortrait10.2" iPad Splash ScreenLandscapeiPhone 8, iPhone 7, iPhone 6s, iPhone 6, 4.7" iPhone SESplash ScreenPortrait9.7" iPad Pro, 7.9" iPad mini, 9.7" iPad Air, 9.7" iPad Splash ScreenLandscape9.7" iPad Pro, 7.9" iPad mini, 9.7" iPad Air, 9.7" iPad Splash ScreenPortraitiPhone 14 Pro, iPhone 14, iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12 Splash ScreenLandscape10.5" iPad Air Splash ScreenPortraitiPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone XS, iPhone X Splash ScreenLandscape10.9" iPad Air Splash ScreenPortrait10.2" iPad Splash ScreenPortraitiPhone 11 Pro Max, iPhone XS MaxSplash ScreenLandscapeiPhone 11, iPhone XRSplash ScreenLandscape11" iPad Pro, 10.5" iPad Pro Splash ScreenPortraitiPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus Splash ScreenLandscapeiPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12 Splash ScreenPortraitiPhone 8, iPhone 7, iPhone 6s, iPhone 6, 4.7" iPhone SESplash ScreenLandscape12.9" iPad Pro Splash ScreenPortrait4" iPhone SE, iPod touch 5th generation and later Splash ScreenLandscapeiPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone XS, iPhone X Splash ScreenPortraitiPhone 11, iPhone XRSplash ScreenPortraitAndroid automatically generates a splash screen for your PWA. But Safari on iOS requires to manually create a splash screen for every single possible iPhone and iPad screen size. This tool does exactly that and also provides you with the meta tags that you need to add before the closing head tag in your HTML template.
Absolutely! Unlike other iOS splash screens generation tools, ours is and will remain up-to-date. We update it when Apple releases an new iPhone or iPad. This free tool uses the same code that our commercial product Progressier uses. Our commercial product generate splash screens and add them to your app automatically. This tool provides you similar functionality for free, except that you need to host these files and copy-paste the meta tags on your own (Progressier comes with a bunch of extra stuff as well, like push notifications and offline capabilities).
That would be because of a long-standing bug that still hasn't been fixed by Apple. In landscape mode, Safari ignores the specified landscape splash screens and instead uses the portrait splash screens, which it stretches to fit the screen. There's unfortunately no fix for this. See our dedicated help center article for more details.
Maskable icons allow your PWA icon to look great on all Android smartphones and tablets. You specify an image file with a safe area in your app manifest. And every device will crop that image in their own way so that all icons follow the same pattern on a given homescreen. The resulting icon fills the entire width and height of the icon box. A maskable icon may be displayed within various shapes. In most cases, it's either within a square with rounded corners or within a circle. You can read more about maskable icons here. Maskable icons shouldn't have a purpose set to any maskable.
Maskable icons are great on mobile, but they don't look fantastic on Desktop. Windows and Mac don't really crop your maskable PWA icons and make use of the safe area at all. With Progressier, you can easily choose to display two different sets of icons on mobile and desktop. Our server will detect which to use automatically.
Not anymore. Android used to support icons with transparency. This resulted in your home screen containing icons in various shapes. Most recent Android versions automatically add a background to your app icons. This was probably done in a effort to emulate iOS and also simply provide more consistency across apps. So that your PWA icons look and feel the same on all platforms, we automatically add a background for you.
Android used to output your splash screens automatically based on the name, theme_color and icons in the app manifest of your app. However, this changes every now and then. In recent Android versions, the splash screens only displays the theme_color and icons of your apps and no longer use the name of your app. This may vary from device to device depending on the exact Android version it uses. So as a general rule of thumb, you should not count on the splash screen being displayed in a particular way.
Download the bundle, unzip it, and open the text file provided. Copy the tags between the <head> and </head> tags in your HTML template. if you're using Bubble, paste these meta tags in Settings > SEO/metatags > Advanced settings > Scripts/meta tags in header.
Not with this free tool, but Progressier also comes with a solution for Programmatic PWAs. This set of APIs and features allows you to generate multiple PWAs on the same domain or on different domain on the fly. It also creates all icons and iOS splash screens for your PWAs generated that way, similar to what this free tool provides (with a bunch of extra stuff, obviously).
With Progressier, you get all assets generated for you automatically. And also a push notification solution, a caching strategy builder and much more. No code to write. No meta tags to copy-paste. No files to host.
Get started See plans