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 from the url bar, how is the same possible without the appx package generation? (left one is the VS generated, installed from the Store tile; right one is the Edge url bar installed version of the same app - I'd like to make the right one look like the left one)

Graymatter no, as far as I understand this is not possible. You can have a nice Android design OR a nice Start menu tile, but not both.

HotCakeX and Isuke2005 that's right: the best way to provide feedback directly to the team at Microsoft is to file feedback via the app. We can get diagnostics and screenshots, etc. There is some good data on why this is so tough here: Adaptive icon support in PWAs with maskable icons (web.dev) If you're the dev building the PWA, you can also choose to send multiple different manifests depending on the platform. It's really quite surprising how complex the tiles and icons are. We have different ways of showing icons in the taskbar, in the Start "flyout", in the list of programs on Start, in Search results, on the desktop. Many times, we are only given one icon in the manifest, and it's meant to work on Android, but has not been tested on Windows because PWAs on Windows is relatively new. Please do keep the feedback coming. We are working in this area right now and hoping that the experience keeps improving. -John

Mark Szabo Here is what you're looking for:1. download this open-source free tool, TitelCoinifier from Github2. 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 hereor use online sites like thisyou 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:

HotCakeX 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.

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?

How to customize Start Menu tiles? | Microsoft Community Hub

donreak
Copper Contributor
Mar 13, 2024
The "Start Menu" sucks now. Why can't Microsoft just be normal and use an actual Start Menu.
Maybe the creator of Classic Shell would be willing to sell it to you.
The start menu is so hosed, it can't even find proper programs on computers. It tries to pull up items from Downloads.
Maybe Microsoft Engineers are lazy but most people who work for a living need a reliable Start Menu.
HotCakeX
MVP
Aug 11, 2019
Mark Szabo
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:
- Isuke2005
  Copper Contributor
  Nov 20, 2020
  HotCakeX I love how community solve a lot of Windows Issue since MS Does not care about community feedbacks and UX or UI 🙂
  - HotCakeX
    MVP
    Nov 20, 2020
    They do care, but if you see a bug or problem you should report it using feedback button on Edge. that's the primary way Edge developers use to track problem.
    they've said that countless times in the forum.
    
    https://techcommunity.microsoft.com/t5/discussions/problem-with-pwa-icons-on-start-menu-on-edge-dev/m-p/1860066
- Mark Szabo
  Microsoft
  Aug 11, 2019
  HotCakeX 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.
  - johnjansen
    Microsoft
    Aug 12, 2019
    Mark 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...

Forum Discussion

How to customize Start Menu tiles?

Share

Resources