in Apps

Create logos for Windows and Windows Phone with one SVG

In a previous post, How to make an app logo that doesn’t suck, we talked through the importance of using vector graphics for your logos to maintain fidelity as they are scaled up to higher pixel density screens. We used a tool that I wrote called Vector to then export the logo to all the different required sizes and scale factors.

Since I wrote that post, Microsoft has announced universal Windows apps for Windows and Windows Phone that you create one app that can be published for all Windows devices. It’s great because you can share most of your code between platforms, but it unfortunately expands the number of potential logo files from 30 images to 42 images. This can be a headache if you’re porting a few apps over, or you’re not an expert in imaging tools. People using Vector gave me the same feedback.

 

Vector now exports Windows and Windows Phone images

So I took the feedback to heart and updated Vector so it can now export all 42 potential images for Windows 8.1 and Windows Phone 8.1. You can take all the images that are exported, drop them in you Visual Studio shared project, and call it a day.

Go get it now and go make logos for both Windows and Windows Phone that don’t suck!

promo4

WindowsStore_badge_en_English_Green_large_120x462

Write a Comment

Comment

  1. This is awesome, and a great timesaver.

    I wish there were gridlines for correctly positioning the vector within the tile, though. Things like thirds, golden ratio, quarter panels, diagonals, etc.

    • Great feedback! I’d love to add that. I’ve already got the beginnings of that built, I just haven’t had the time to finish it. Thanks for using it!

        • These TargetSize images are used for file association. They are shown in Windows Explorer, open with, the file picker etc. when your app registers to handle a file type (e.g. *.jpg). I can add these, but I haven’t gotten a request yet since file associations are rare.

  2. Is there any chance you’d find time to update Vector for Windows 10 icons/logos?

    I am so glad I found your blog, great tips (my icon still sucks, but it’s going somewhere) and great app.

  3. Great app so thank you. Just one small issue: It does not seem to create the Windows Phone 240% images after enabling ‘Windows Phone’ under the ‘scales to export’ section in the settings. Is this a known issue?