Now, let’s move on to adding the assets to a Capacitor project.
#CREATE IOS ICONS ANDROID#
For this example, I used MakeAppIcon for the iOS icons, ImageGorilla for the Android splash screens, I generated the iOS splash screens manually (as I was just using a universal size), and I had Android Studio create the Android icons for me automatically. These are just a few of the options available. SplashScreen Pro – this is a paid tool but integrates directly with Photoshop or Sketch.ImageGorilla – creates icons and splash screens for iOS and Android (but some formats are missing).MakeAppIcon – great for creating iOS icons, but doesn’t create splash screens or Android assets.Just create every requires icon and splash screen size manually.
Depending on your workflow and preferences you will probably prefer using different tools and methods, here are some options: I suspect this will change in the future but it’s a little awkward to use right now. There is a command built directly into the Ionic CLI to help generate resources, but at the moment this requires Cordova integration with your project. There are quite a few tools out there to help with this task. You may still want to use a tool to generate splash screens for Android, though.
#CREATE IOS ICONS FOR ANDROID#
It is going to be a little easier for Android because we can use Android Studio to automatically generate and set up the icons for us, so we don’t need an external tool to help us with this. If you are interested in seeing the variously sized assets we require for iOS, you can check out the documentation: Icons | Launch Screens. As I mentioned, there are a lot of different sizes/resolutions we need to cater for, so it is often easier to use some kind of tool to help us create these assets.
The first step is to prepare the assets that we will be using for our icons and splash screens. Generating the Icon and Splash Screen Assets
#CREATE IOS ICONS HOW TO#
Capacitor already has a default set of icons and splash screens provided, but in this tutorial, we are going to look at how to replace those with our own images. Unlike Cordova, where splash screens and icons were specified in the config.xml file, in Capacitor projects we can just manage the splash screens and icons directly in the native project like any normal native application developer would. Both iOS and Android applications have systems in place to pull in images of the correct resolution for the particular device the application is running on, but that means that we need to supply a lot of different resolution icons and splash screens. The difficulty stems from the fact that there are a bunch of different devices that your application could be running on, a lot of which will have different resolutions/pixel density. Generating icons and splash screen images ends up being a much more difficult task than you might anticipate before doing it for the first time.
0 kommentar(er)
