Los iconos de las apps de Android son lo primero que el usuario ve al instalar nuestra app en el launcher, por ello debe ser uno que ilustre nuestra app o que al menos se vea interesante.

En ocasiones tenemos una imagen o icono PNG y queremos establecerlo como icono de launcher en nuestra app de Android, es por eso que en este tutorial de Android voy a explicar cómo usar Android Studio para convertir nuestra imagen o icono PNG al icono del launcher.

Nota: este tutorial también funcionará para configurar el logotipo o icono de la app por primera vez.

Poner PNG como icono de Android

Ejecutamos Android Studio y abrimos el proyecto de nuestra app que estamos desarrollando. Hacemos click derecho en la carpeta que dice app y seleccionamos New > Image Asset como se ve en la siguiente ilustración:

Seleccionar crear nuevo asset - Poner icono de app de Android

Seleccionar crear nuevo asset – Poner icono de app de Android

Eso abrirá una ventana con muchos ajustes que veremos más abajo. Por el momento seleccionamos el botón con los tres puntos para seleccionar o buscar una imagen, que será el icono de la app de Android. Una vez encontrada, hacemos click en ella y luego en OK.

Buscar icono PNG para poner a app

Buscar icono PNG para poner a app

Eso nos dará una vista previa de cómo se verá el icono de nuestra app de Android. Modificamos el slider que dice Resize hasta que quede a nuestro gusto. En mi caso va así:

Modificar escala para icono de app

Modificar escala para icono de app

Opcionalmente pasamos a donde dice Background layer; esto es para la capa del fondo, en mi caso haré que sea color blanco pero igualmente podría ser una imagen:

Color de fondo de icono de app de Android

Color de fondo de icono de app de Android

Cuando estemos satisfechos con nuestro icono, hacemos click en Next.

La siguiente ventana indica que se van a remplazar algunos valores, incluyendo el antiguo icono de la app; hacemos click en Finish para aceptar el remplazo o en Cancel para cancelar.

Terminar configuración de icono de app

Terminar configuración de icono de app

Listo, hemos terminado y ahora nuestra app de Android tiene un nuevo icono. Por cierto, si más tarde queremos poner otro icono simplemente repetimos el proceso.

¿Qué ventajas ofrece el asistente?

Nos da una vista previa, recorta el icono automáticamente y modifica los valores. Todo eso sin que nosotros tengamos que escribir código.

Como siempre, te animo a leer más sobre Android en mi blog. Igualmente aprovecho para invitarte a probar WaterPy, la aplicación de escritorio con la que puse la marca de agua a las imágenes del blog.

Estoy interesado en trabajar contigo de manera remota para llevar tu idea a la realidad, formar parte de tu equipo de desarrolladores, ayudarte con tu tarea, dar asesorías y todo lo relacionado con tecnología y programación. Contáctame para más información
No te vayas sin seguirme en Twitter, Facebook y GitHub
Si tienes dudas déjalas en un comentario, pero asegúrate de seguirme antes como agradecimiento (no te cuesta nada y me ayudas mucho)


parzibyte

He trabajado por más de 4 años en el desarrollo de software con experiencia en Java, PHP, JavaScript, HTML, Node.JS, Python, Android y Go. También he trabajado con bases de datos SQL como MySQL y SQLite, así como con bases de datos NoSQL usando MongoDB. Soy bueno utilizando algunos frameworks y herramientas como Firebase, jQuery, AngularJS, VueJS, CodeIgniter, Laravel, BulmaCSS, Bootstrap y Electron. Otros términos que conozco son: Arduino, GraphQL, API's, REST, AJAX, PouchDB, CouchDB, Experiencia de usuario, buenas prácticas de programación, Webpack, NPM, Administración de servidores y programación de scripts La plataforma en la que tengo más experiencia es la web, pero en mis ratos libres realizo unos pequeños ejercicios en C# y C. Estoy aquí para ayudarte a resolver tus problemas de programación y depuración :-)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

A %d blogueros les gusta esto: