{"id":11883,"date":"2023-11-07T20:02:05","date_gmt":"2023-11-07T23:02:05","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=11883"},"modified":"2023-11-07T23:08:25","modified_gmt":"2023-11-08T02:08:25","slug":"gerador-de-favicon","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/","title":{"rendered":"Gerador de Favicon: como gerar o \u00edcone do site online"},"content":{"rendered":"\n<p>Neste tutorial, vou mostrar como utilizar um gerador de Favicon online para criar um \u00edcone do site personalizado. Ele \u00e9 aquele pequeno \u00edcone exibido na aba do navegador ao lado do t\u00edtulo da p\u00e1gina. \u00c9 uma maneira eficaz de dar uma identidade visual \u00fanica ao seu site. Vamos come\u00e7ar!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 1: Acesse um gerador de Favicon online<\/h2>\n\n\n\n<p>Existem v\u00e1rios geradores dispon\u00edveis na web, mas para este tutorial, vamos usar o &#8220;<strong>Favicon.io<\/strong>&#8220;, que \u00e9 uma ferramenta popular e f\u00e1cil de usar. Abra o seu navegador e v\u00e1 para <a href=\"https:\/\/www.favicon.io\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.favicon.io<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.18.36-1024x567.png\" alt=\"\" class=\"wp-image-8984\" width=\"1024\" height=\"567\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.18.36-1024x567.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.18.36-300x166.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.18.36-768x425.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.18.36.png 1440w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 2: Escolha uma imagem do \u00edcone do site<\/h2>\n\n\n\n<p>Antes de come\u00e7ar a criar o <a href=\"https:\/\/www.homehost.com.br\/blog\/?s=Favicon\">Favicon<\/a>, voc\u00ea precisar\u00e1 escolher uma imagem que represente o seu site de forma concisa e atraente. Certifique-se de que a imagem esteja no formato adequado (geralmente JPEG, PNG ou SVG) e tenha uma resolu\u00e7\u00e3o alta o suficiente para manter a qualidade quando reduzida para o tamanho do Favicon.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 3: Carregue a imagem<\/h2>\n\n\n\n<p>Na p\u00e1gina inicial do Favicon.io, voc\u00ea ver\u00e1 uma op\u00e7\u00e3o na \u00e1rea superior chamada &#8220;<strong>Converter<\/strong>&#8220;. Clique e voc\u00ea ser\u00e1 direcionando a uma p\u00e1gina, onde na \u00e1rea &#8220;<strong>Drag and Drop your file here or click to upload<\/strong>&#8221; voc\u00ea seleciona a imagem que deseja usar como icone do site em seu computador. Aguarde alguns segundos enquanto a imagem \u00e9 carregada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.20.52.png\" alt=\"favicon\" class=\"wp-image-8987\" width=\"982\" height=\"400\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.20.52.png 982w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.20.52-300x122.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.20.52-768x313.png 768w\" sizes=\"(max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 4: Ajuste o Favicon<\/h2>\n\n\n\n<p>Ap\u00f3s o carregamento da imagem, o site exibir\u00e1 na parte inferior como ficar\u00e1 o icone do site.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.25.35.png\" alt=\"favicon\" class=\"wp-image-8990\" width=\"283\" height=\"391\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.25.35.png 283w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Captura-de-Tela-2023-06-18-as-13.25.35-217x300.png 217w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><br>Passo 5: Visualize e baixe o Favicon<\/h2>\n\n\n\n<p>O Favicon.io exibir\u00e1 o seu \u00edcone personalizado em diferentes tamanhos para garantir que ele seja exibido corretamente em v\u00e1rios dispositivos.<\/p>\n\n\n\n<p>Se voc\u00ea estiver satisfeito com o resultado, clique no bot\u00e3o &#8220;<strong>Download<\/strong>&#8221; para baixar o arquivo ICO do seu Favicon. Certifique-se de salvar o arquivo em um local de f\u00e1cil acesso no seu computador. <\/p>\n\n\n\n<p>Recomendamos agora este artigo, que explica como instalar o <a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/\">favicon no WordPress<\/a>. Ou ent\u00e3o, voc\u00ea tamb\u00e9m pode configurar seu favicon atrav\u00e9s de <a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/metatag-favicon\/\">meta tag<\/a>.<\/p>\n\n\n\n<p>Lembre-se de criar um favicon exclusivo e memor\u00e1vel para o seu site, garantindo que ele seja exibido corretamente em todas as plataformas e dispositivos. Agora voc\u00ea est\u00e1 pronto para criar e implementar seu pr\u00f3prio favicon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como gerar um favicon online? Nesse tutorial voc\u00ea descobre em poucos cliques.<\/p>\n","protected":false},"author":1,"featured_media":8950,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[42],"tags":[241,44],"class_list":["post-11883","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-tutoriais","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gerador de Favicon: como gerar o \u00edcone do site online<\/title>\n<meta name=\"description\" content=\"Como gerar um favicon online de forma f\u00e1cil e gratuita. Gerador de favicon passo a passo, para criar seu pr\u00f3prio \u00edcone.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gerador de Favicon: como gerar o \u00edcone do site online\" \/>\n<meta property=\"og:description\" content=\"Como gerar um favicon online de forma f\u00e1cil e gratuita. Gerador de favicon passo a passo, para criar seu pr\u00f3prio \u00edcone.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-07T23:02:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-08T02:08:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gustavo Gallas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gustavo Gallas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/\",\"name\":\"Gerador de Favicon: como gerar o \u00edcone do site online\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\",\"datePublished\":\"2023-11-07T23:02:05+00:00\",\"dateModified\":\"2023-11-08T02:08:25+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\"},\"description\":\"Como gerar um favicon online de forma f\u00e1cil e gratuita. Gerador de favicon passo a passo, para criar seu pr\u00f3prio \u00edcone.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gerador de Favicon: como gerar o \u00edcone do site online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\",\"name\":\"Gustavo Gallas\",\"description\":\"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gerador de Favicon: como gerar o \u00edcone do site online","description":"Como gerar um favicon online de forma f\u00e1cil e gratuita. Gerador de favicon passo a passo, para criar seu pr\u00f3prio \u00edcone.","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":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/","og_locale":"pt_BR","og_type":"article","og_title":"Gerador de Favicon: como gerar o \u00edcone do site online","og_description":"Como gerar um favicon online de forma f\u00e1cil e gratuita. Gerador de favicon passo a passo, para criar seu pr\u00f3prio \u00edcone.","og_url":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-11-07T23:02:05+00:00","article_modified_time":"2023-11-08T02:08:25+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","type":"image\/jpeg"}],"author":"Gustavo Gallas","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Gustavo Gallas","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/","url":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/","name":"Gerador de Favicon: como gerar o \u00edcone do site online","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","datePublished":"2023-11-07T23:02:05+00:00","dateModified":"2023-11-08T02:08:25+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4"},"description":"Como gerar um favicon online de forma f\u00e1cil e gratuita. Gerador de favicon passo a passo, para criar seu pr\u00f3prio \u00edcone.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Gerador de Favicon: como gerar o \u00edcone do site online"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4","name":"Gustavo Gallas","description":"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br"}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/11883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=11883"}],"version-history":[{"count":8,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/11883\/revisions"}],"predecessor-version":[{"id":11927,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/11883\/revisions\/11927"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/8950"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=11883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=11883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=11883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}