Remove icons icon-512x512.png
article thumbnail

Continuous integration for progressive web apps

CircleCI

Create a manifest.json file in the root of the project and paste the following in it: { "name": "My PWA", "short_name": "My PWA", "background_color": "#ffffff", "display": "standalone", "orientation": "portrait", "scope": "/index.html", "start_url": "/index.html", "icons": [ { "src": "icons/icon-128x128.png",

article thumbnail

Creating Offline-First Experiences with Angular PWAs

Perficient

ng add @angular/pwa Understand the files added/modified by @angular/pwa package It adds different png files for different splash images for various resolutions. svg|cur|jpg|jpeg|png|apng|webp|avif|gif|otf|ttf|woff|woff2)" ] } } ] } manifest.webmanifest It consists of how the PWA application will look when it opens up.

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Creating Offline-First Experiences with Angular PWAs

Perficient

ng add @angular/pwa Understand the files added/modified by @angular/pwa package It adds different png files for different splash images for various resolutions. svg|cur|jpg|jpeg|png|apng|webp|avif|gif|otf|ttf|woff|woff2)" ] } } ] } manifest.webmanifest It consists of how the PWA application will look when it opens up.

article thumbnail

Continuous deployment for progressive web applications

CircleCI

You can generate a simple manifest.json file with icons here. png", "sizes": "128x128", "type": "image/png" }, { "src": "icons/icon-144x144.png", png", "sizes": "144x144", "type": "image/png" }, { "src": "icons/icon-152x152.png", png", "sizes": "512x512", "type": "image/png" } ] }.