{"id":1863,"date":"2021-05-07T04:53:05","date_gmt":"2021-05-07T04:53:05","guid":{"rendered":"https:\/\/turbologo.com\/articles\/?p=1863"},"modified":"2021-05-07T05:19:59","modified_gmt":"2021-05-07T05:19:59","slug":"favicon","status":"publish","type":"post","link":"https:\/\/turbologo.com\/pt\/blog\/favicon\/","title":{"rendered":"Como fazer um favicon"},"content":{"rendered":"\n<p>Favicon \u00e9 uma das no\u00e7\u00f5es mais fundamentais em identics. Mas o que \u00e9 um favicon? A no\u00e7\u00e3o est\u00e1 intimamente relacionada com a Internet e sites da web. Quando voc\u00ea abre muitas guias, cada uma delas \u00e9 compactada mais a cada nova guia aberta. E apenas o mesmo \u00edcone pode ser visto se voc\u00ea adicionar uma p\u00e1gina (como esta) aos favoritos. Na verdade, \u00e9 um neologismo derivado de \u201c\u00edcone favorito\u201d. Veja nosso favicon. \u00c9 brilhante e excelente. Voc\u00ea n\u00e3o pode perder! Veja os favoritos de redes sociais populares. Eles s\u00e3o numerosos, mas voc\u00ea ainda n\u00e3o pode confundir um com o outro. \u00c9 um design t\u00e3o reconhec\u00edvel pelo qual voc\u00ea deve se esfor\u00e7ar.<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide has-background-dim-80 has-background-dim\"><span class=\"bg-image preload-bg-image lazy-load-bg-img is-loaded is-ready\" data-src=\"https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png\" style=\"background-image: url(&quot;https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png&quot;);\"><\/span><noscript><span class=\"bg-image\" style=\"background-image:url(https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png)\" data-no-lazy=\"true\"><\/span><\/noscript><div class=\"wp-block-cover__inner-container\">\n<p class=\"has-text-align-center has-large-font-size\"><b>Crie seu pr\u00f3prio logotipo com o criador de logotipo Turbologo.<\/b> Leva menos de 5 minutos e nenhuma habilidade de design \u00e9 necess\u00e1ria.<\/p>\n<a class=\"button\" href=\"https:\/\/turbologo.com\/pt\/criar-logo?utm_source=blog&amp;utm_campaign=article\" style=\"margin-top: 20px; min-width:200px; text-align:center;\">Criar logo online<\/a>\n<\/div><\/div>\n\n\n\n<h2>Por que perder tempo fazendo um favicon?<\/h2>\n\n\n\n<p>O \u00edcone parece ser insignificante, pois \u00e9 min\u00fasculo. \u00c9 verdade, mas ainda reflete todas as identidades de sua empresa. E leva muito mais do que alguns minutos para projetar um. \u00c9 um processo longo e trabalhoso que requer algumas habilidades especiais al\u00e9m disso. E se voc\u00ea criar um favicon desajeitado e acabado \u00e0s pressas, ele afetar\u00e1 instantaneamente sua imagem da maneira como foi criada. A quest\u00e3o \u00e9 por qu\u00ea.<\/p>\n\n\n\n<p>Esse recurso de design serve ao prop\u00f3sito de memoriza\u00e7\u00e3o da marca. At\u00e9 mesmo os bots de busca preferem sites com favicons. Este elemento atende \u00e0 unidade de estilo, tornando sua marca \u00fanica na mente dos clientes. E sem o favicon, seu site simplesmente se perder\u00e1 entre as v\u00e1rias guias abertas ao mesmo tempo. Acreditamos firmemente que \u00e9 melhor perder o seu site ap\u00f3s um pedido e uma compra, e n\u00e3o antes disso.<\/p>\n\n\n\n<h2>Como criar um \u00edcone para um site<\/h2>\n\n\n\n<p>Em primeiro lugar, voc\u00ea precisa de um s\u00edmbolo para ser associado ao seu neg\u00f3cio. E n\u00e3o deve haver nada que possa fazer voc\u00ea usar um texto em um favicon. Simplesmente n\u00e3o cabe no tamanho dele. Voc\u00ea s\u00f3 pode usar letras se o \u00edcone n\u00e3o tiver representa\u00e7\u00f5es. E ainda vai ser dif\u00edcil transformar seu logotipo em um favicon. Lembre-se de que voc\u00ea pode usar no m\u00e1ximo duas letras em um favicon. Ser\u00e1 uma bagun\u00e7a completa se voc\u00ea usar mais.<\/p>\n\n\n\n<p>Se voc\u00ea j\u00e1 tem um <a href=\"https:\/\/turbologo.com\/pt\/\">logotipo de qualidade<\/a>, est\u00e1 com sorte. Nesse caso, bastaria um pouco de tempo e paci\u00eancia. Voc\u00ea pode facilmente transformar seu logotipo de qualidade em um favicon adequado, simples e claro. Voc\u00ea precisar\u00e1 de um determinado software para essa finalidade. At\u00e9 o Paint serve. Dependendo dos requisitos do navegador, voc\u00ea precisar\u00e1 criar uma imagem de 16&#215;16 ou 32&#215;32 pixels. A espessura necess\u00e1ria das linhas \u00e9 de 1 pixel e parece n\u00e3o ser suficiente para desenhar figuras arredondadas, e realmente n\u00e3o precisamos disso. Use tons mais claros da cor principal para suavizar as bordas de uma forma e criar um efeito de esmaecimento.<\/p>\n\n\n\n<p>Todas as cores ser\u00e3o uma bagun\u00e7a total de qualquer maneira. Se voc\u00ea tem um logotipo colorido e bem detalhado, tudo o que voc\u00ea precisa fazer \u00e9 fazer um novo para que um favicon seja baseado nele. E o novo logotipo deve ser o mais minimalista poss\u00edvel, \u00e9 claro. Use 2 ou 3 <a href=\"https:\/\/turbologo.com\/pt\/blog\/combinacoes-de-cores\/\">cores<\/a>. Pegue apenas um detalhe mais significativo do seu logotipo e simplifique-o tamb\u00e9m. Voc\u00ea pode adicionar alguns contornos e sombras para aumentar a legibilidade. Fa\u00e7a o que fizer, n\u00e3o transforme a representa\u00e7\u00e3o em uma bagun\u00e7a. Diminua o zoom de um favicon para verificar um resultado.<\/p>\n\n\n\n<h2>Coisas a considerar ao criar favicon<\/h2>\n\n\n\n<p>Qual formato deve ser usado para uma imagem final? Existem apenas dois formatos suportados pela maioria dos navegadores. Esses s\u00e3o ICO e PNG. Os arquivos ICO apresentam variedade de resolu\u00e7\u00f5es e profundidade de bits. E PNG \u00e9 o mais prefer\u00edvel atualmente. Sua \u00fanica desvantagem \u00e9 que o Internet Explorer desatualizado n\u00e3o oferece suporte para isso. Portanto, um favicon <a href=\"https:\/\/turbologo.com\/pt\/blog\/image-file-formats\/\">PNG<\/a> possui alta qualidade, transpar\u00eancia e \u00e9 mais prefer\u00edvel assim.<\/p>\n\n\n\n<p>Na verdade, existem muitos construtores de logotipo e favicon online. Se a tarefa parecer muito dif\u00edcil, basta deixar os profissionais fazerem seu trabalho. Voc\u00ea pode navegar por v\u00e1rios modelos procurando a solu\u00e7\u00e3o adequada em sites de construtor. Lembre-se de que cada pixel min\u00fasculo \u00e9 importante aqui.<\/p>\n\n\n\n<h2>Como adicionar um favicon a um site?<\/h2>\n\n\n\n<p>Bem, isso \u00e9 f\u00e1cil. Voc\u00ea precisa salvar um favicon na pasta raiz e adicionar um c\u00f3digo ao modelo. Atualize a p\u00e1gina e efetue o recebimento se um favicon n\u00e3o puder ser visto.<\/p>\n\n\n\n<p>Atualmente, muitas pessoas usam v\u00e1rios dispositivos para navegar na Internet. \u00c9 por isso que voc\u00ea ter\u00e1 que fazer mais algumas varia\u00e7\u00f5es de favicon para iOS e Android. E a cada vez h\u00e1 algumas nuances a serem consideradas. Caso contr\u00e1rio, um favicon com baixo desempenho provavelmente arruinar\u00e1 a imagem de sua empresa. Os usu\u00e1rios tendem a ignorar p\u00e1ginas mal projetadas e mantidas.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><div class=\"su-heading su-heading-style-default su-heading-align-left\" id=\"\" style=\"font-size:13px;margin-bottom:20px\"><div class=\"su-heading-inner\">Other posts<\/div><\/div>\n\n\n<ul class=\"su-posts su-posts-list-loop\">\n<li id=\"su-post-9949\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/pt\/blog\/como-fazer-um-logo-master-eyelash-extensions\/\">Como fazer um logo master eyelash extensions<\/a><\/li>\n<li id=\"su-post-1565\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/pt\/blog\/oakland-raiders-logo\/\">Significado Logotipo dos Oakland Raiders &#8211; Hist\u00f3ria e Evolu\u00e7\u00e3o<\/a><\/li>\n<li id=\"su-post-1779\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/pt\/blog\/taco-bell-logo\/\">Significado do Logotipo Taco Bell &#8211; Hist\u00f3ria e Evolu\u00e7\u00e3o<\/a><\/li>\n<li id=\"su-post-7980\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/pt\/blog\/logotipo-da-empresa-de-construcao\/\">Logotipo da construtora: 30 exemplos para inspira\u00e7\u00e3o<\/a><\/li>\n<li id=\"su-post-10034\" class=\"su-post\"><a href=\"https:\/\/turbologo.com\/pt\/blog\/os-melhores-criadores-de-logotipo-2023\/\">Os melhores criadores de logotipo 2023<\/a><\/li>\n<\/ul>\n\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Favicon \u00e9 uma das no\u00e7\u00f5es mais fundamentais em identics. Mas o que \u00e9 um favicon? A no\u00e7\u00e3o est\u00e1 intimamente relacionada&#8230;<\/p>\n","protected":false},"author":1,"featured_media":6755,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como fazer um favicon | Turbologo<\/title>\n<meta name=\"description\" content=\"Para criar um favicon, voc\u00ea precisar\u00e1 de softwares mais b\u00e1sicos, como Paint ou Corel5. Fazer um favicon \u00e9, na verdade, um processo longo e trabalhoso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/turbologo.com\/pt\/blog\/favicon\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como fazer um favicon | Turbologo\" \/>\n<meta property=\"og:description\" content=\"Para criar um favicon, voc\u00ea precisar\u00e1 de softwares mais b\u00e1sicos, como Paint ou Corel5. Fazer um favicon \u00e9, na verdade, um processo longo e trabalhoso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/turbologo.com\/pt\/blog\/favicon\/\" \/>\n<meta property=\"og:site_name\" content=\"Sobre branding e logo design - blog oficial da Turbologo\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-07T04:53:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-07T05:19:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.turbologo.com\/blog\/pt\/2020\/05\/19133229\/products-icons-3-eng.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"440\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"Ilya Lavrov\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"3 minutos\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#organization\",\"name\":\"Turbologo\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/\",\"sameAs\":[\"https:\/\/www.instagram.com\/turbologo_com\/\",\"https:\/\/www.pinterest.com\/turbologo\/\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#logo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/assets.turbologo.com\/blog\/pt\/2020\/03\/19133249\/oFdF5wlUJjw.jpg\",\"width\":500,\"height\":500,\"caption\":\"Turbologo\"},\"image\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#website\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/\",\"name\":\"Sobre branding e logo design - blog oficial da Turbologo\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/turbologo.com\/pt\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/assets.turbologo.com\/blog\/pt\/2020\/05\/19133229\/products-icons-3-eng.jpg\",\"width\":440,\"height\":340,\"caption\":\"Favicon\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#webpage\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/\",\"name\":\"Como fazer um favicon | Turbologo\",\"isPartOf\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#primaryimage\"},\"datePublished\":\"2021-05-07T04:53:05+00:00\",\"dateModified\":\"2021-05-07T05:19:59+00:00\",\"description\":\"Para criar um favicon, voc\\u00ea precisar\\u00e1 de softwares mais b\\u00e1sicos, como Paint ou Corel5. Fazer um favicon \\u00e9, na verdade, um processo longo e trabalhoso.\",\"breadcrumb\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/turbologo.com\/pt\/blog\/favicon\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/\",\"name\":\"Blog\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/\",\"name\":\"Como fazer um favicon\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#webpage\"},\"author\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#\/schema\/person\/379800fa881357672b0119e4a2994c17\"},\"headline\":\"Como fazer um favicon\",\"datePublished\":\"2021-05-07T04:53:05+00:00\",\"dateModified\":\"2021-05-07T05:19:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#primaryimage\"},\"articleSection\":\"Marketing\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/turbologo.com\/pt\/blog\/favicon\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#\/schema\/person\/379800fa881357672b0119e4a2994c17\",\"name\":\"Ilya Lavrov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/713d4593fdd72be34274409471435888?s=96&d=mm&r=g\",\"caption\":\"Ilya Lavrov\"},\"description\":\"Sou designer de produto e gr\\u00e1fico com 10 anos de experi\\u00eancia. Escrever sobre branding, cria\\u00e7\\u00e3o de logotipos e neg\\u00f3cios.\",\"sameAs\":[\"http:\/\/ilyalavrov.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/posts\/1863"}],"collection":[{"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/comments?post=1863"}],"version-history":[{"count":5,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/posts\/1863\/revisions"}],"predecessor-version":[{"id":8915,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/posts\/1863\/revisions\/8915"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/media\/6755"}],"wp:attachment":[{"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/media?parent=1863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/categories?post=1863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/tags?post=1863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}