Forum Discussion
Mark Szabo
Microsoft
MicrosoftHow to customize Start Menu tiles?
I know that with the PWA appx package generator (using Visual Studio) you can customize how the tile should look like in the Start Menu.
Now that Edge (Chromium) supports one-click PWA installation...
Here is what you're looking for:
1. download this open-source free tool, TitelCoinifier from Github
2. it's portable so just double click and run it as admin.
3. this tool is Exactly made for changing PWA, custom links, custom pinned programs on start menu, so for example if you have both Twitter app (installed from Win Store) and Twitter PWA app on start menu, this tool only shows you the PWA version when you type the App's name in its search area.
4. select your PWA app, then double click on icon area to select an .ico file.
P.S you can download .ico files from Internet, just type "download ico file for Carwash app"
or you can make your own ico file, then you need to covert normal PNG/JPEG file to ico. Photoshop doesn't do it by default, it needs a free plugin which you can get from here
or use online sites like this
you can't access the ico file of the installed Windows store app, those files are restricted and locked by the system, changing folder permissions mess things up later.
5. after you select your ico file, use the Sliders to make the icons look bigger and fit.
you can press this button here to auto-resize the icon for you.
6. once you're satisfied with the size, click on "Tile Iconify!" button and you're done.
Before:
After:
Mark SzaboMicrosoft
MicrosoftHotCakeX sorry, I wasn't clear. I'm the developer of this app and I'd like to make sure that the users see the same tile when they install it by clicking the install button in the url bar. So your solution will not help sadly.
johnjansenMark Szabo can you send the URL for the PWA you've created? I'd like to verify a couple things with it, but my expectation is that this would work the same, so this may be a bug...
- Mark Szabo
johnjansen sure: https://aka.ms/carwash
Please keep in mind that you'll need to sign in with a Microsoft corp account (@microsoft.com) or else the app won't be displayed.
- johnjansen
Mark Szabo it looks like you are explicitly using the circle icon for your tile as described in the manifest.json file. What I think you want to do is grab the icon files from the previous PWA and put them in your images folder and then put that new image into the manifest file. Does that make sense? I may not be describing it well...
- Have you tried it on other browsers like Google Chrome and Firefox? does the icon still look small when pinned through those browsers or is it only happening when pinned through the new Edge insider?
