Forum Discussion
MicrosoftHow to customize Start Menu tiles?
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 Szabo
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?
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.
HotCakeX I love how community solve a lot of Windows Issue since MS Does not care about community feedbacks and UX or UI 🙂
- 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- johnjansen
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
