Click here to Skip to main content
15,881,757 members
Articles / Mobile Apps / Xamarin

My New Tool For Creating Xamarin App Icons

Rate me:
Please Sign up or sign in to vote.
5.00/5 (3 votes)
27 Mar 2017CPOL2 min read 8.8K   1   4
This is my new tool for creating Xamarin app icons

In my article to configure App Icons for Xamarin apps, I mentioned about a tool ‘MakeAppIcon‘ for creating app icons for mobile apps. However, as I mentioned in the article too, it didn’t support creating icon images for UWP apps.

Then my Twitter friend and Xamarin MVP Adam Pedley told me about this awesome open source tool Downsize to create / manage app icons. However, it’s a command line tool and I don’t like command line tools (that’s just me). Another issue is that this also doesn’t support UWP icon images. I thought why not use the code of DownSize and create my own tool for creating mobile app icon images.

 

So people, presenting to you ReSizer my nifty small GUI based tool to create App Icons and yes it supports UWP Icons too. ðŸ™‚

Using Resizer is pretty simple - just download the ReadyExecutables folder from the repository and launch the ReSizer.exe, you will get the following screen. Click on Select Base Image button (as highlighted in Image) to chose the base image which will be used to create rest of the images. It can be of any size, however, I suggest you use the biggest size possible like 1536 X 1536 to get better images.

Image 2

Once you have selected the image, its path will appear in place of Base Image Path Value like the below Image:

Image 3

Then, select check OS checkbox whose app icons you want to create, you will have to check at-least one checkbox in order to create an app icon, else the app will show you an error message.

Image 4

Once OS check boxes are selected, click on Re-Size button (highlighted in the below image) to create the app icons.

Image 5

And you will get a success message like the following when icons are created.

Image 6

You can see the folder Paths of the newly created app icons once you dismiss the success message.

Image 7

Add new sizes:

The application uses JSON files containing the different app icon sizes present in SizeJsons folder highlighted in the below image:

Image 8

Although I have tried to add all the sizes currently present in Xamarin.iOS, Xamarin.Android and Xamarin.UWP application template, if you want to add a new size, you just need to open the folder and update the JSON file of respective OS

Image 9

Although I have tried to make this tool simple and easy to use but it might be missing feature X, or platform Y. If you want something that it can’t currently provide, I love pull requests. If it’s a bigger change, you can also create a new tool using this code like I did with this tool 🙂 . The complete code of the tool along with the ReadyExecutables folder is present on Github.

🙂 🙂 🙂 Happy coding! ðŸ™‚ 🙂 🙂

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Architect
India India
Hi There, I am an IT professional with 14 years of experience in architecting, designing and building IT solutions for complex business needs in form of mobile & web applications using Microsoft technologies. Currently working in an multinational company in India as Solutions Architect. The articles here are sourced from my blog : http://techierathore.com/

Comments and Discussions

 
QuestionMissing size and a dialog Pin
DW196229-Mar-17 0:52
DW196229-Mar-17 0:52 
AnswerRe: Missing size and a dialog Pin
S Ravi Kumar (TechieRathore)30-Mar-17 23:00
professionalS Ravi Kumar (TechieRathore)30-Mar-17 23:00 
AnswerRe: Missing size and a dialog Pin
S Ravi Kumar (TechieRathore)17-Jul-17 8:07
professionalS Ravi Kumar (TechieRathore)17-Jul-17 8:07 
GeneralRe: Missing size and a dialog Pin
DW196217-Jul-17 11:52
DW196217-Jul-17 11:52 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.