{"id":92,"date":"2013-02-18T15:49:32","date_gmt":"2013-02-18T15:49:32","guid":{"rendered":"http:\/\/www.einaweb.es\/dev\/?p=92"},"modified":"2013-02-18T16:00:56","modified_gmt":"2013-02-18T16:00:56","slug":"crea-tu-propio-icono-para-tu-aplicacion-android","status":"publish","type":"post","link":"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/","title":{"rendered":"Crea tu propio Icono para tu aplicacion android"},"content":{"rendered":"<p>En primer lugar, recuerda que Android ha sido concebido para ser utilizado en dispositivos con gran varidad de densidades gr\u00e1ficas. Este rango puede ir desde 100 pixeles\/pulgada (ldpi) hasta 340 pixeles\/pulgada (xhdpi). Por lo tanto, resulta interesante que plantees tus dise\u00f1os con una resoluci\u00f3n como m\u00ednimo de 300 pixeles\/pulgada. Cuando se represente en un dispositivo\u00a0\u00a0el sistema reajustar\u00e1 el tama\u00f1o del icono para que se ajuste al espacio disponible y, por supuesto, siempre es conveniente realizar una reducci\u00f3n en lugar de tener que ampliar. Ahora bi\u00e9n, en muchos casos este reajuste autom\u00e1tico de tama\u00f1o puede no ser se satisfactorio (en el siguiente ejercicio se muestra un ejemplo). En estos casos, podremos hacer usos de los recursos alternativos y crear diferentes iconos para diferentes densidades gr\u00e1ficas. Para ayudarte en esta tarea puedes utilizar la herramienta\u00a0<em>Android Asset Studio<\/em>\u00a0que se incluye en la siguiente lista de enlaces.<\/p>\n<p>En segundo lugar, tu aplicaci\u00f3n va a ser ejecutada dentro de un sistema donde se utilizan ciertas guias de estilo. Si quieres que tus iconos no desentonen lee la documentaci\u00f3n que se indica a continuaci\u00f3n.<\/p>\n<p><strong>Enlaces de inter\u00e9s:<\/strong><\/p>\n<p><strong>Lista de recursos drawable:<\/strong><em> En la documentaci\u00f3n oficial de Android no aparece un listado con los recursos disponibles. Para ver gr\u00e1ficamente todos los recursos drawable del sistema puedes acceder a la siguiente p\u00e1gina:<\/em><\/p>\n<p><a href=\"http:\/\/androiddrawableexplorer.appspot.com\/\" target=\"_blank\">http:\/\/androiddrawableexplorer.appspot.com\/<\/a><\/p>\n<p><strong>Android Asset Studio:<\/strong>Puedes crear tus propios iconos de forma sencilla utilizando la siguiente herramienta online:<\/p>\n<p><a href=\"http:\/\/android-ui-utils.googlecode.com\/hg\/asset-studio\/dist\/index.html\" target=\"_blank\">http:\/\/android-ui-utils.googlecode.com\/hg\/asset-studio\/dist\/index.html<\/a><\/p>\n<p><strong>Gu\u00eda de estilo para iconos:<\/strong> La siguiente p\u00e1gina describe las gu\u00edas de estilo para los iconos en las distintas versiones de Android:<\/p>\n<p><a href=\"http:\/\/developer.android.com\/guide\/practices\/ui_guidelines\/icon_design.html\" target=\"_blank\">http:\/\/developer.android.com\/guide\/practices\/ui_guidelines\/icon_design.html<\/a><\/p>\n<p>Los tama\u00f1os de los iconos pueden ser de: 96, 72, 48, or 36 (xhdpi, hdpi, mdpi, ldpi)<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En primer lugar, recuerda que Android ha sido concebido para ser utilizado en dispositivos con gran varidad de densidades gr\u00e1ficas. Este rango puede ir desde 100 pixeles\/pulgada (ldpi) hasta 340 pixeles\/pulgada (xhdpi). Por lo tanto, resulta interesante que plantees tus dise\u00f1os con una resoluci\u00f3n como m\u00ednimo de 300 pixeles\/pulgada. Cuando se represente en un dispositivo\u00a0\u00a0el [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-92","post","type-post","status-publish","format-standard","hentry","category-mobiles-y-tablets"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Crea tu propio Icono para tu aplicacion android - Blog Desarrollador<\/title>\n<meta name=\"description\" content=\"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador\" \/>\n<meta property=\"og:description\" content=\"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Desarrollador\" \/>\n<meta property=\"article:published_time\" content=\"2013-02-18T15:49:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-02-18T16:00:56+00:00\" \/>\n<meta name=\"author\" content=\"Angel Fernandez Gutierrez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@afernandezg76\" \/>\n<meta name=\"twitter:site\" content=\"@afernandezg76\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Angel Fernandez Gutierrez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/\",\"url\":\"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/\",\"name\":\"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador\",\"isPartOf\":{\"@id\":\"http:\/\/www.einaweb.es\/develop\/#website\"},\"datePublished\":\"2013-02-18T15:49:32+00:00\",\"dateModified\":\"2013-02-18T16:00:56+00:00\",\"author\":{\"@id\":\"http:\/\/www.einaweb.es\/develop\/#\/schema\/person\/2d3361868423160a6db46ce6f9fc9a3c\"},\"description\":\"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador\",\"breadcrumb\":{\"@id\":\"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"http:\/\/www.einaweb.es\/develop\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Crea tu propio Icono para tu aplicacion android\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.einaweb.es\/develop\/#website\",\"url\":\"http:\/\/www.einaweb.es\/develop\/\",\"name\":\"Blog Desarrollador\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.einaweb.es\/develop\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"http:\/\/www.einaweb.es\/develop\/#\/schema\/person\/2d3361868423160a6db46ce6f9fc9a3c\",\"name\":\"Angel Fernandez Gutierrez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"http:\/\/www.einaweb.es\/develop\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/366f7c75ad085d0dcc2c290559c1aa5947679d86e3a8c55db42ac1c26e16c816?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/366f7c75ad085d0dcc2c290559c1aa5947679d86e3a8c55db42ac1c26e16c816?s=96&d=mm&r=g\",\"caption\":\"Angel Fernandez Gutierrez\"},\"url\":\"http:\/\/www.einaweb.es\/develop\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador","description":"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/","og_locale":"es_ES","og_type":"article","og_title":"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador","og_description":"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador","og_url":"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/","og_site_name":"Blog Desarrollador","article_published_time":"2013-02-18T15:49:32+00:00","article_modified_time":"2013-02-18T16:00:56+00:00","author":"Angel Fernandez Gutierrez","twitter_card":"summary_large_image","twitter_creator":"@afernandezg76","twitter_site":"@afernandezg76","twitter_misc":{"Escrito por":"Angel Fernandez Gutierrez","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/","url":"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/","name":"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador","isPartOf":{"@id":"http:\/\/www.einaweb.es\/develop\/#website"},"datePublished":"2013-02-18T15:49:32+00:00","dateModified":"2013-02-18T16:00:56+00:00","author":{"@id":"http:\/\/www.einaweb.es\/develop\/#\/schema\/person\/2d3361868423160a6db46ce6f9fc9a3c"},"description":"Crea tu propio Icono para tu aplicacion android - Blog Desarrollador","breadcrumb":{"@id":"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/www.einaweb.es\/develop\/crea-tu-propio-icono-para-tu-aplicacion-android\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"http:\/\/www.einaweb.es\/develop\/"},{"@type":"ListItem","position":2,"name":"Crea tu propio Icono para tu aplicacion android"}]},{"@type":"WebSite","@id":"http:\/\/www.einaweb.es\/develop\/#website","url":"http:\/\/www.einaweb.es\/develop\/","name":"Blog Desarrollador","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.einaweb.es\/develop\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"http:\/\/www.einaweb.es\/develop\/#\/schema\/person\/2d3361868423160a6db46ce6f9fc9a3c","name":"Angel Fernandez Gutierrez","image":{"@type":"ImageObject","inLanguage":"es","@id":"http:\/\/www.einaweb.es\/develop\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/366f7c75ad085d0dcc2c290559c1aa5947679d86e3a8c55db42ac1c26e16c816?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/366f7c75ad085d0dcc2c290559c1aa5947679d86e3a8c55db42ac1c26e16c816?s=96&d=mm&r=g","caption":"Angel Fernandez Gutierrez"},"url":"http:\/\/www.einaweb.es\/develop\/author\/admin\/"}]}},"_links":{"self":[{"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":4,"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":94,"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/posts\/92\/revisions\/94"}],"wp:attachment":[{"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.einaweb.es\/develop\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}