{"id":623,"date":"2016-07-20T19:33:47","date_gmt":"2016-07-20T19:33:47","guid":{"rendered":"http:\/\/www.andrefelizardo.com.br\/blog\/?p=623"},"modified":"2018-09-11T14:53:30","modified_gmt":"2018-09-11T14:53:30","slug":"splash-screen-ionic-e-icone","status":"publish","type":"post","link":"https:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/","title":{"rendered":"Ionic &#8211; Splash Screen e \u00edcone"},"content":{"rendered":"<p>Depois que voc\u00ea come\u00e7a a brincar um pouco mais com <a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-framework-desenvolvendo-mobile-apps\/\">Ionic<\/a>, a necessidade de deixar o App mais bonitinho vai aparecendo. Se voc\u00ea ja <a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-creator-exportando-e-gerando-apk\/\">gerou o apk do seu aplicativo<\/a>,\u00a0deve ter se perguntado como altera a Splash Screen e o \u00edcone do seu App&#8230;<!--more--><\/p>\n<h2>Splash Screen<\/h2>\n<p>Splash Screen \u00e9 a tela de carregamento inicial do seu App, portanto uma das primeiras impress\u00f5es que o usu\u00e1rio vai ter do seu App.<\/p>\n<p>Cada <del>celular<\/del> dispositivo tem dimens\u00f5es diferentes e portanto deve ter um splash Screen diferente.<\/p>\n<p>O Ionic tem uma solu\u00e7\u00e3o bem interessante para isso, mas primeiro vamos encontrar o local da Splash Screen dentro dos diret\u00f3rios do seu App.<\/p>\n<p>Dentro da pasta do seu projeto acesse a pasta\u00a0<em>resources. <\/em>Nela j\u00e1 vem uma imagem padr\u00e3o para\u00a0a Splash Screen e para o \u00edcone.<\/p>\n<p>Prefere aprender em v\u00eddeo?<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe class=\"youtube-player lazyload\" width=\"640\" height=\"360\" data-src=\"https:\/\/www.youtube.com\/embed\/49DsIR2XlNo?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=pt-BR&#038;autohide=2&#038;start=3&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-load-mode=\"1\"><\/iframe><\/span><\/p>\n<h3>Entendendo o processo<\/h3>\n<p>Como cada plataforma tem diferentes\u00a0requisitos para as imagens de Splash Screen e \u00edcone, \u00e9 melhor fazer uma imagem com o maior tamanho necess\u00e1rio e deixar o o Ionic fazer o resto.<\/p>\n<p>Na documenta\u00e7\u00e3o do Ionic, tem um PSD\u00a0<a href=\"http:\/\/code.ionicframework.com\/resources\/splash.psd\" target=\"_blank\" rel=\"noopener noreferrer\">template para a Splash Screen<\/a>.<\/p>\n<p>Mas, para te ajudar eu j\u00e1 criei uma Splash Screen com as medidas certas que voc\u00ea pode <a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo.png\" target=\"_blank\" rel=\"noopener noreferrer\">baixar aqui<\/a>.<\/p>\n<p><a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo.png\" rel=\"attachment wp-att-627\"><img decoding=\"async\" class=\"aligncenter size-medium wp-image-627 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo-300x300.png\" alt=\"Splash Screen Ionic\" width=\"300\" height=\"300\" data-srcset=\"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo-300x300.png 300w, https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo-150x150.png 150w, https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo-768x768.png 768w, https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo-1024x1024.png 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/300;\" \/><\/a><\/p>\n<h3>Customizando a Splash Screen Ionic<\/h3>\n<p>Delete a imagem\u00a0<em>splash.png\u00a0<\/em>que est\u00e1 dentro da pasta\u00a0<em>resources\u00a0<\/em>do seu projeto. Depois coloque a que voc\u00ea quer usar com o mesmo nome (tamb\u00e9m poderia ser uma splash.psd ou splash.ai).<\/p>\n<p>No prompt de comando, navegue at\u00e9 a pasta do seu projeto. Depois digite o seguinte comando:<\/p>\n<pre>ionic resources --splash<\/pre>\n<p>Para as vers\u00f5es mais recentes do Ionic utilize o seguinte comando:<\/p>\n<pre>ionic cordova resources --splash<\/pre>\n<p>Voc\u00ea precisa de internet. Ele vai fazer upload do seu arquivo, gerar uma para cada tamanho necess\u00e1rio e j\u00e1 colocar dentro da pasta. Demais n\u00e3o \u00e9?<\/p>\n<p>Para testar, voc\u00ea deve estar usando um emulador ou rodando no pr\u00f3prio celular.<\/p>\n<h2>\u00cdcone<\/h2>\n<p>Para mudar o \u00edcone o processo \u00e9 praticamente igual ao da Splash Screen Ionic. Voc\u00ea pode baixar aqui o <a href=\"http:\/\/code.ionicframework.com\/resources\/icon.psd\" target=\"_blank\" rel=\"noopener noreferrer\">template da pr\u00f3pria documenta\u00e7\u00e3o do Ionic<\/a>, ou baixar o <a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/icon-andre-felizardo.png\" target=\"_blank\" rel=\"noopener noreferrer\">meu \u00edcone j\u00e1 pronto<\/a>.<\/p>\n<p><a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/icon-andre-felizardo.png\" rel=\"attachment wp-att-629\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-629 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/icon-andre-felizardo.png\" alt=\"icon-andre-felizardo\" width=\"192\" height=\"192\" data-srcset=\"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/icon-andre-felizardo.png 192w, https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/icon-andre-felizardo-150x150.png 150w\" data-sizes=\"(max-width: 192px) 100vw, 192px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 192px; --smush-placeholder-aspect-ratio: 192\/192;\" \/><\/a><\/p>\n<p>Depois vamos l\u00e1 na pasta\u00a0<em>resources\u00a0<\/em> de novo, deletamos o arquivo <em>icon.png\u00a0<\/em>e colocamos o que acabamos de baixar.<\/p>\n<p>Mais uma vez no prompt, digite o comando:<\/p>\n<pre>ionic resources --icon<\/pre>\n<p>Para as vers\u00f5es mais recentes do Ionic utilize o seguinte comando:<\/p>\n<pre>ionic cordova resources --icon<\/pre>\n<p>Curtiu? Mole n\u00e9? Em breve uma s\u00e9rie de Ionic com apps completos do in\u00edcio ao fim!<\/p>\n<p>Aproveita e curte minha p\u00e1gina, para ver os posts em primeira m\u00e3o!<\/p>\n<p>[wpdevart_like_box profile_id=&#8221;514623068560386&#8243; connections=&#8221;show&#8221; width=&#8221;300&#8243; height=&#8221;550&#8243; header=&#8221;small&#8221; cover_photo=&#8221;show&#8221; locale=&#8221;pt_BR&#8221;]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Depois que voc\u00ea come\u00e7a a brincar um pouco mais com Ionic, a necessidade de deixar o App mais bonitinho vai aparecendo. Se voc\u00ea ja gerou o apk do seu aplicativo,\u00a0deve ter se perguntado como altera a Splash Screen e o \u00edcone do seu App&#8230;<\/p>\n","protected":false},"author":1,"featured_media":529,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[109,5],"tags":[12,93,113],"class_list":["post-623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ionic","category-tecnologia","tag-app","tag-desenvolvimento","tag-ionic"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ionic - Splash Screen e \u00edcone - Blog do Andr\u00e9 Felizardo<\/title>\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.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic - Splash Screen e \u00edcone - Blog do Andr\u00e9 Felizardo\" \/>\n<meta property=\"og:description\" content=\"Depois que voc\u00ea come\u00e7a a brincar um pouco mais com Ionic, a necessidade de deixar o App mais bonitinho vai aparecendo. Se voc\u00ea ja gerou o apk do seu aplicativo,\u00a0deve ter se perguntado como altera a Splash Screen e o \u00edcone do seu App&#8230;\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog do Andr\u00e9 Felizardo\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-20T19:33:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-11T14:53:30+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"393\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andr\u00e9 Felizardo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9 Felizardo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\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\":\"Article\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/\"},\"author\":{\"name\":\"Andr\u00e9 Felizardo\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\"},\"headline\":\"Ionic &#8211; Splash Screen e \u00edcone\",\"datePublished\":\"2016-07-20T19:33:47+00:00\",\"dateModified\":\"2018-09-11T14:53:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/\"},\"wordCount\":461,\"commentCount\":15,\"image\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/ionic-01.png\",\"keywords\":[\"app\",\"desenvolvimento\",\"ionic\"],\"articleSection\":[\"Ionic\",\"Tecnologia\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/\",\"name\":\"Ionic - Splash Screen e \u00edcone - Blog do Andr\u00e9 Felizardo\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/ionic-01.png\",\"datePublished\":\"2016-07-20T19:33:47+00:00\",\"dateModified\":\"2018-09-11T14:53:30+00:00\",\"author\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\"},\"breadcrumb\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/ionic-01.png\",\"contentUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/ionic-01.png\",\"width\":750,\"height\":393,\"caption\":\"Ionic logo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/splash-screen-ionic-e-icone\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic &#8211; Splash Screen e \u00edcone\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#website\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/\",\"name\":\"Blog do Andr\u00e9 Felizardo\",\"description\":\"Programa\u00e7\u00e3o de dev para dev\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\",\"name\":\"Andr\u00e9 Felizardo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"caption\":\"Andr\u00e9 Felizardo\"},\"sameAs\":[\"http:\\\/\\\/www.andrefelizardo.com.br\"],\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/author\\\/andrefelizardo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ionic - Splash Screen e \u00edcone - Blog do Andr\u00e9 Felizardo","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.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/","og_locale":"pt_BR","og_type":"article","og_title":"Ionic - Splash Screen e \u00edcone - Blog do Andr\u00e9 Felizardo","og_description":"Depois que voc\u00ea come\u00e7a a brincar um pouco mais com Ionic, a necessidade de deixar o App mais bonitinho vai aparecendo. Se voc\u00ea ja gerou o apk do seu aplicativo,\u00a0deve ter se perguntado como altera a Splash Screen e o \u00edcone do seu App&#8230;","og_url":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/","og_site_name":"Blog do Andr\u00e9 Felizardo","article_published_time":"2016-07-20T19:33:47+00:00","article_modified_time":"2018-09-11T14:53:30+00:00","og_image":[{"width":750,"height":393,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png","type":"image\/png"}],"author":"Andr\u00e9 Felizardo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Andr\u00e9 Felizardo","Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/#article","isPartOf":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/"},"author":{"name":"Andr\u00e9 Felizardo","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b"},"headline":"Ionic &#8211; Splash Screen e \u00edcone","datePublished":"2016-07-20T19:33:47+00:00","dateModified":"2018-09-11T14:53:30+00:00","mainEntityOfPage":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/"},"wordCount":461,"commentCount":15,"image":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png","keywords":["app","desenvolvimento","ionic"],"articleSection":["Ionic","Tecnologia"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/","url":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/","name":"Ionic - Splash Screen e \u00edcone - Blog do Andr\u00e9 Felizardo","isPartOf":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/#primaryimage"},"image":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png","datePublished":"2016-07-20T19:33:47+00:00","dateModified":"2018-09-11T14:53:30+00:00","author":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b"},"breadcrumb":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/#primaryimage","url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png","contentUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png","width":750,"height":393,"caption":"Ionic logo"},{"@type":"BreadcrumbList","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"http:\/\/www.andrefelizardo.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Ionic &#8211; Splash Screen e \u00edcone"}]},{"@type":"WebSite","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#website","url":"http:\/\/www.andrefelizardo.com.br\/blog\/","name":"Blog do Andr\u00e9 Felizardo","description":"Programa\u00e7\u00e3o de dev para dev","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.andrefelizardo.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b","name":"Andr\u00e9 Felizardo","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","contentUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","caption":"Andr\u00e9 Felizardo"},"sameAs":["http:\/\/www.andrefelizardo.com.br"],"url":"https:\/\/www.andrefelizardo.com.br\/blog\/author\/andrefelizardo\/"}]}},"jetpack_featured_media_url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png","jetpack_shortlink":"https:\/\/wp.me\/p6EP66-a3","jetpack-related-posts":[{"id":527,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/ionic-framework-desenvolvendo-mobile-apps\/","url_meta":{"origin":623,"position":0},"title":"Ionic Framework &#8211; Desenvolvendo Mobile Apps","author":"Andr\u00e9 Felizardo","date":"14 de maio de 2016","format":false,"excerpt":"O que \u00e9 o Ionic Showcases Ionic Configura\u00e7\u00e3o e Instala\u00e7\u00e3o Node.js Cordova + Ionic Criando o primeiro app Divirta-se O que \u00e9 o Ionic? Ionic \u00e9 um framework livre e de c\u00f3digo aberto. O conceito principal desse framework, \u00e9 possibilitar a cria\u00e7\u00e3o de aplicativos mobile com linguagens web (HTML, CSS,\u2026","rel":"","context":"Em &quot;Aplicativos&quot;","block_context":{"text":"Aplicativos","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/aplicativos\/"},"img":{"alt_text":"Ionic logo","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":590,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/ionic-creator-exportando-e-gerando-apk\/","url_meta":{"origin":623,"position":1},"title":"Ionic Creator &#8211; exportando e gerando apk","author":"Andr\u00e9 Felizardo","date":"23 de maio de 2016","format":false,"excerpt":"Continuando nossa jornada sobre o Ionic Creator, vamos agora exportar o app que fizemos na ferramenta, para podermos editar o c\u00f3digo e gerar o instalador para o Android (.apk). Se voc\u00ea n\u00e3o tem i-d-e-i-a do que \u00e9 Ionic, muito menos Ionic Creator, comece por aqui! No Ionic Creator, no canto\u2026","rel":"","context":"Em &quot;Aplicativos&quot;","block_context":{"text":"Aplicativos","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/aplicativos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator-parte-II.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator-parte-II.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator-parte-II.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator-parte-II.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":548,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/ionic-creator-crie-atraves-de-interface\/","url_meta":{"origin":623,"position":2},"title":"Ionic Creator &#8211; Crie atrav\u00e9s de interface","author":"Andr\u00e9 Felizardo","date":"22 de maio de 2016","format":false,"excerpt":"Ionic Creator \u00e9 uma ferramenta de prototipagem drag & drop para criar aplicativos excelentes com Ionic, tudo atrav\u00e9s de uma interface. J\u00e1 adiantando o assunto pra voc\u00ea, a melhor forma de reduzir tempo e consequentemente o custo para criar prot\u00f3tipos de aplicativos m\u00f3veis\u00a0h\u00edbridos totalmente funcionais \u00e9 com o Ionic Creator.\u2026","rel":"","context":"Em &quot;Aplicativos&quot;","block_context":{"text":"Aplicativos","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/aplicativos\/"},"img":{"alt_text":"Ionic Creator","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1020,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/comecando-com-ionic-3\/","url_meta":{"origin":623,"position":3},"title":"Come\u00e7ando com Ionic 3","author":"Andr\u00e9 Felizardo","date":"10 de junho de 2018","format":false,"excerpt":"Ionic \u00e9 um framework para criar aplicativos mobile h\u00edbridos atrav\u00e9s de linguagens web (HTML, CSS e JS). Voc\u00ea pode aprender mais sobre o conceito do Ionic Framework aqui. Atualmente estamos no Ionic 3 (3.9.2 para ser exato), e o desenvolvimento do framework vem evoluindo bastante desde o lan\u00e7amento do Ionic\u2026","rel":"","context":"Em &quot;Dev&quot;","block_context":{"text":"Dev","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/dev\/"},"img":{"alt_text":"Come\u00e7ando com Ionic 3","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":732,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/primeiro-ano-serio-do-blog-balanco-2016\/","url_meta":{"origin":623,"position":4},"title":"Primeiro ano (s\u00e9rio) do blog &#8211; Balan\u00e7o 2016","author":"Andr\u00e9 Felizardo","date":"13 de dezembro de 2016","format":false,"excerpt":"Estamos na \u00e9poca de Retrospectivas n\u00e9, ent\u00e3o vou come\u00e7ar a minha. Esse ano foi o segundo ano do blog, mas na verdade foi o primeiro ano que eu levei o blog a s\u00e9rio, e os n\u00fameros foram impressionantes! Divulga\u00e7\u00e3o Bom, eu n\u00e3o utilizei nenhum m\u00e9todo pago este ano para conseguir\u2026","rel":"","context":"Em &quot;Curiosidades&quot;","block_context":{"text":"Curiosidades","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/curiosidades\/"},"img":{"alt_text":"Splash Screen Ionic","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/07\/splash-andre-felizardo.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":809,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/","url_meta":{"origin":623,"position":5},"title":"Ionic 2 &#8211; Vers\u00e3o Final","author":"Andr\u00e9 Felizardo","date":"26 de janeiro de 2017","format":false,"excerpt":"Vou repetir as palavras do Max: Hoje, eu estou incrivelmente animado\u00a0para anunciar o\u00a0Ionic 2. Depois de algumas releases candidates, hoje (25-01-17) foi anunciada a vers\u00e3o final do Ionic 2. Com o lan\u00e7amento da vers\u00e3o final do Angular 2\u00a0eu realmente estava ansioso por uma vers\u00e3o final do Ionic 2. Quando foi\u2026","rel":"","context":"Em &quot;Aplicativos&quot;","block_context":{"text":"Aplicativos","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/aplicativos\/"},"img":{"alt_text":"Ionic 2","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":0,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts\/623\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/media\/529"}],"wp:attachment":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/media?parent=623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/categories?post=623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/tags?post=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}