Home

How to customize Start Menu tiles?

%3CLINGO-SUB%20id%3D%22lingo-sub-798497%22%20slang%3D%22en-US%22%3EHow%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798497%22%20slang%3D%22en-US%22%3E%3CP%3EI%20know%20that%20with%20the%20PWA%20appx%20package%20generator%20(using%20Visual%20Studio)%20you%20can%20customize%20how%20the%20tile%20should%20look%20like%20in%20the%20Start%20Menu.%3C%2FP%3E%0A%3CP%3ENow%20that%20Edge%20(Chromium)%20supports%20one-click%20PWA%20installation%20from%20the%20url%20bar%2C%20how%20is%20the%20same%20possible%20without%20the%20appx%20package%20generation%3F%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126471iE9BE422041508CBC%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E(left%20one%20is%20the%20VS%20generated%2C%20installed%20from%20the%20Store%20tile%3B%20right%20one%20is%20the%20Edge%20url%20bar%20installed%20version%20of%20the%20same%20app%20-%20I'd%20like%20to%20make%20the%20right%20one%20look%20like%20the%20left%20one)%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798766%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798766%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F153677%22%20target%3D%22_blank%22%3E%40Mark%20Szabo%3C%2FA%3E%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EOMG%2C%20that%20we%20could%20have%20a%20wee%20bit%20of%20levity...%3CBR%20%2F%3E%3CBR%20%2F%3EHey%2C%20Mark%2C%20here's%20something%20one%20can%20do%20with%20Start%20menu%20tiles...%20(smile%2C%20wink%2C%20laugh)%20Couple%20of%20examples%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20335px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126498i2F16D93AAE0F25F7%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22SM.jpg%22%20title%3D%22SM.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3EAND%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20330px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126499iBDB4631C6A10FAB3%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Start.jpg%22%20title%3D%22Start.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3ECheers%2C%3CBR%20%2F%3E%3CSTRONG%3E%3CEM%3EDrew%3C%2FEM%3E%3C%2FSTRONG%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20113px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126497i67DBCCC10B218F34%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22thVY64FD02.jpg%22%20title%3D%22thVY64FD02.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798811%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798811%22%20slang%3D%22en-US%22%3EThat%20doesn't%20answer%20the%20question%20the%20OP%20is%20asking.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798815%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798815%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3ENo%20kidding.%26nbsp%3B%20Seems%20you%20missed%20or%20spoiled%20the%20point.%3CBR%20%2F%3E%3CBR%20%2F%3ECheers%2C%3CBR%20%2F%3E%3CSTRONG%3E%3CEM%3EDrew%3C%2FEM%3E%3C%2FSTRONG%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20113px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126504iD3AA0F21E3C13E0C%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22thVY64FD02.jpg%22%20title%3D%22thVY64FD02.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798832%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798832%22%20slang%3D%22en-US%22%3EWhat%3F%20please%20stop%20comment%20spams%20that%20are%20off%20topic.%20thanks%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798838%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798838%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EYou%20are%20playing%2Fsparring%20by%20yourself.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CBR%20%2F%3ECheers%2C%3CBR%20%2F%3E%3CSTRONG%3E%3CEM%3EDrew%3C%2FEM%3E%3C%2FSTRONG%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20113px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126509i4D1CE89AFD0EF15F%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22thVY64FD02.jpg%22%20title%3D%22thVY64FD02.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798844%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798844%22%20slang%3D%22en-US%22%3Etotally%20unrelated%20to%20what%20i%20said%20and%20the%20topic.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798851%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798851%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EYou%20are%20on%20IGNORE.%26nbsp%3B%20I%20trust%20you%20grasp%20that%20%26amp%3B%20what%20it%20means.%20Silly%20to%20waste%20your%20ink%2C%20anymore.%3CBR%20%2F%3E%3CBR%20%2F%3ECheers%2C%3CBR%20%2F%3E%3CSTRONG%3E%3CEM%3EDrew%3C%2FEM%3E%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%3CSTRONG%3E%3CEM%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20113px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126512i2CAC2E6FF07C0FE9%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22thVY64FD02.jpg%22%20title%3D%22thVY64FD02.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FEM%3E%3C%2FSTRONG%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798853%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798853%22%20slang%3D%22en-US%22%3Eone%20sentence%3A%20i%20don't%20care.%20now%20let%20others%20to%20ACTUALLY%20help%20the%20OP%20and%20find%20a%20solution.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798874%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798874%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F153677%22%20target%3D%22_blank%22%3E%40Mark%20Szabo%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EHere%20is%20what%20you're%20looking%20for%3A%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E1.%20download%20this%20open-source%20free%20tool%2C%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FJonno12345%2FTileIconifier%2Freleases%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3ETitelCoinifier%20from%20Github%3C%2FA%3E%3C%2FP%3E%3CP%3E2.%20it's%20portable%20so%20just%20double%20click%20and%20run%20it%20as%20admin.%3C%2FP%3E%3CP%3E3.%20this%20tool%20is%20Exactly%20made%20for%20changing%20PWA%2C%20custom%20links%2C%20custom%20pinned%20programs%20on%20start%20menu%2C%20so%20for%20example%20if%20you%20have%20both%20Twitter%20app%20(installed%20from%20Win%20Store)%20and%20Twitter%20PWA%20app%20on%20start%20menu%2C%20this%20tool%20only%20shows%20you%20the%20PWA%20version%20when%20you%20type%20the%20App's%20name%20in%20its%20search%20area.%3C%2FP%3E%3CP%3E4.%20select%20your%20PWA%20app%2C%20then%20double%20click%20on%20icon%20area%20to%20select%20an%20.ico%20file.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20805px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126513i7E4296DC3DC6FFAF%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-08-11%20130034.png%22%20title%3D%22Annotation%202019-08-11%20130034.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EP.S%20you%20can%20download%20.ico%20files%20from%20Internet%2C%20just%20type%20%22download%20ico%20file%20for%20Carwash%20app%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eor%20you%20can%20make%20your%20own%20ico%20file%2C%20then%20you%20need%20to%20covert%20normal%20PNG%2FJPEG%20file%20to%20ico.%20Photoshop%20doesn't%20do%20it%20by%20default%2C%20it%20needs%20a%20free%20plugin%20which%20you%20can%20get%20from%20%3CA%20href%3D%22http%3A%2F%2Ftelegraphics.com.au%2Fsw%2Fproduct%2FICOFormat%23icoformat%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehere%3C%2FA%3E%3C%2FP%3E%3CP%3Eor%20use%20online%20sites%20like%20%3CA%20href%3D%22https%3A%2F%2Fwww.favicon-generator.org%2F%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ethis%3C%2FA%3E%3C%2FP%3E%3CP%3Eyou%20can't%20access%20the%20ico%20file%20of%20the%20installed%20Windows%20store%20app%2C%20those%20files%20are%20restricted%20and%20locked%20by%20the%20system%2C%20changing%20folder%20permissions%20mess%20things%20up%20later.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E5.%20after%20you%20select%20your%20ico%20file%2C%20use%20the%20Sliders%20to%20make%20the%20icons%20look%20bigger%20and%20fit.%3C%2FP%3E%3CP%3Eyou%20can%20press%20this%20button%20here%20to%20auto-resize%20the%20icon%20for%20you.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20918px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126516i08A55463129E82D2%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-08-11%20131116.png%22%20title%3D%22Annotation%202019-08-11%20131116.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E6.%20once%20you're%20satisfied%20with%20the%20size%2C%20click%20on%20%22Tile%20Iconify!%22%20button%20and%20you're%20done.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EBefore%3A%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20329px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126514i11F87D074307B4AA%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-08-11%20130953.png%22%20title%3D%22Annotation%202019-08-11%20130953.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EAfter%3A%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20324px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126515i305173FFC2B059F3%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-08-11%20131016.png%22%20title%3D%22Annotation%202019-08-11%20131016.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798899%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798899%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3Bsorry%2C%20I%20wasn't%20clear.%20I'm%20the%20developer%20of%20this%20app%20and%20I'd%20like%20to%20make%20sure%20that%20the%20users%20see%20the%20same%20tile%20when%20they%20install%20it%20by%20clicking%20the%20install%20button%20in%20the%20url%20bar.%20So%20your%20solution%20will%20not%20help%20sadly.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-798911%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-798911%22%20slang%3D%22en-US%22%3EHave%20you%20tried%20it%20on%20other%20browsers%20like%20Google%20Chrome%20and%20Firefox%3F%20does%20the%20icon%20still%20look%20small%20when%20pinned%20through%20those%20browsers%20or%20is%20it%20only%20happening%20when%20pinned%20through%20the%20new%20Edge%20insider%3F%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-800451%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-800451%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F153677%22%20target%3D%22_blank%22%3E%40Mark%20Szabo%3C%2FA%3E%26nbsp%3Bcan%20you%20send%20the%20URL%20for%20the%20PWA%20you've%20created%3F%20I'd%20like%20to%20verify%20a%20couple%20things%20with%20it%2C%20but%20my%20expectation%20is%20that%20this%20would%20work%20the%20same%2C%20so%20this%20may%20be%20a%20bug...%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-817280%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-817280%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318459%22%20target%3D%22_blank%22%3E%40johnjansen%3C%2FA%3E%26nbsp%3Bsure%3A%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fcarwash%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fcarwash%3C%2FA%3E%3C%2FP%3E%0A%3CP%3EPlease%20keep%20in%20mind%20that%20you'll%20need%20to%20sign%20in%20with%20a%20Microsoft%20corp%20account%20(%40microsoft.com)%20or%20else%20the%20app%20won't%20be%20displayed.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-817414%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-817414%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F153677%22%20target%3D%22_blank%22%3E%40Mark%20Szabo%3C%2FA%3E%26nbsp%3Bit%20looks%20like%20you%20are%20explicitly%20using%20the%20circle%20icon%20for%20your%20tile%20as%20described%20in%20the%20manifest.json%20file.%20What%20I%20think%20you%20want%20to%20do%20is%20grab%20the%20icon%20files%20from%20the%20previous%20PWA%20and%20put%20them%20in%20your%20images%20folder%20and%20then%20put%20that%20new%20image%20into%20the%20manifest%20file.%20Does%20that%20make%20sense%3F%20I%20may%20not%20be%20describing%20it%20well...%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-817417%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20customize%20Start%20Menu%20tiles%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-817417%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318459%22%20target%3D%22_blank%22%3E%40johnjansen%3C%2FA%3E%26nbsp%3Byeah%2C%20it%20absolutelly%20makes%20sense%2C%20the%20issue%20is%20that%20it%20will%20change%20on%20Android%20and%20iOS%20as%20well%2C%20where%20the%20circle%20icon%20is%20the%20one%20the%20users%20expect.%20So%20I'm%20searching%20for%20a%20way%20to%20modify%20only%20the%20windows%20tile's%20appearance.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Mark Szabo
Microsoft

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?

clipboard_image_0.png

(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)

9 Replies

@Mark Szabo 

OMG, that we could have a wee bit of levity...

Hey, Mark, here's something one can do with Start menu tiles... (smile, wink, laugh) Couple of examples:

SM.jpg
AND
Start.jpg


Cheers,
Drew
thVY64FD02.jpg

That doesn't answer the question the OP is asking.

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

 

Annotation 2019-08-11 130034.png

 

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.

 

Annotation 2019-08-11 131116.png

 

 

6. once you're satisfied with the size, click on "Tile Iconify!" button and you're done.

 

 

Before:

Annotation 2019-08-11 130953.png

 

After:

 

Annotation 2019-08-11 131016.png

 

 

@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?

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

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

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

@johnjansen yeah, it absolutelly makes sense, the issue is that it will change on Android and iOS as well, where the circle icon is the one the users expect. So I'm searching for a way to modify only the windows tile's appearance.

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
46 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
29 Replies