Menu

Como generar Iconos y SplashScreen con Ionic.

tips - September 28, 2017 por Carlos Rojas
cordova-cli7.0.1ionic-cli3.12.0

Ionic CLI trae una caracteristica super util la cual genera los iconos de tu App y el pantallazo de carga inicial (Splash Screen). En este tutorial vamos a generar los nuestros.

Si ya has tenido experiencia creando Apps y enviando a dispositivos IOS y Android debes haber observado que generar los iconos es un trabajo tedioso lleno de resoluciones y cortes de tu imagen. Afortunadamente Ionic CLI hace esto por ti.

Preparando tus imagenes.

En tu proyecto de Ionic vas a ver una carpeta /resources y adentro podras ver los iconos y splash que por defecto colocan los proyectos de Ionic icon.png y splash.png. Debes personalizar estos dos archivos con los tuyos en las siguientes resoluciones.

icon.png > 1024 x 1024

splash.png > 2732 x 2732

Una vez personalizadas deben reemplazar las anteriores /resources/icon.png y /resources/splash.png

Generando los iconos.

Ya lo mas dificil paso. Ahora simplemente debes escribir el siguiente comando.

ionic cordova resources

Eso es todo ya tu app deberia tener tu icono e imagen de carga.

¡Compártelo!