From the course: JavaScript: Progressive Web Applications

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Creating the app icon

Creating the app icon - JavaScript Tutorial

From the course: JavaScript: Progressive Web Applications

Start my 1-month free trial

Creating the app icon

“

- [Instructor] One of the really cool features of PWAs is that they mimic the behavior of native apps whenever possible. Looking at native apps, we'll find that they have their own icon for the home screen, as well as a splash screen that is displayed during the launch sequence. PWAs do these things too, and they aren't all that difficult to implement. To start, you'll need an icon for your PWA. You can create your own app icon, or you can use the one I made available in the exercise files. This icon will be the icon that is visible on the home screen of the device. I've included a Photoshop file and a PNG file. If you create your own icon, make sure your icon is square, and it is at least 260 by 260 pixels. So let's get started by navigating to RealFavIconGenerator.net. You can upload your icon file by clicking on Select your Favicon Picture. I have mine stored on the Desktop in an Icons folder. Here's my PNG file. I'll click Open, and then you have various sections where you can…

Contents