{"id":11886,"date":"2023-11-07T20:11:57","date_gmt":"2023-11-07T23:11:57","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=11886"},"modified":"2023-11-07T20:22:22","modified_gmt":"2023-11-07T23:22:22","slug":"criar-favicon","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/","title":{"rendered":"Como criar um favicon a partir de uma imagem"},"content":{"rendered":"\n<p>Se voc\u00ea est\u00e1 pensando em dar uma identidade \u00fanica ao seu site, uma das maneiras mais simples \u00e9 criar um favicon personalizado. Esses pequenos \u00edcones s\u00e3o exibidos na barra de guias do navegador e facilitam o reconhecimento da sua marca. <\/p>\n\n\n\n<p>Neste artigo, mostraremos como criar uma imagem e convert\u00ea-la em um favicon.<\/p>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#Como_criar_um_Favicon\" title=\"Como criar um Favicon?\">Como criar um Favicon?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#Criando_um_Favicon_via_aplicativo_gratis\" title=\"Criando um Favicon via aplicativo gr\u00e1tis\">Criando um Favicon via aplicativo gr\u00e1tis<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#Criando_o_FavIcon\" title=\"Criando o FavIcon\">Criando o FavIcon<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#Convertendo_a_sua_imagem_em_Favicon\" title=\"Convertendo a sua imagem em Favicon\">Convertendo a sua imagem em Favicon<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_criar_um_Favicon\"><\/span><strong>Como criar um Favicon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Neste tutorial, vamos explorar ferramentas e recursos \u00fateis para criar favicons impressionantes. Al\u00e9m disso, forneceremos informa\u00e7\u00f5es sobre o tamanho e formato ideais para um <a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/\">favicon<\/a>, bem como sobre os softwares de design gr\u00e1fico adequados. Portanto, se voc\u00ea est\u00e1 se perguntando sobre esses aspectos ou precisa de dicas valiosas e geradores de favicon online, continue lendo.<\/p>\n\n\n\n<p>Um favicon, por outro lado, \u00e9 um \u00edcone pequeno que aparece na guia do navegador, na barra de endere\u00e7o e nos favoritos. Ele \u00e9 configurado atrav\u00e9s da <a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/metatag-favicon\/\">meta tag favicon<\/a>. Al\u00e9m disso, \u00e9 crucial notar que <strong>o tamanho ideal para um favicon \u00e9 de 16&#215;16 pixels ou 32&#215;32 pixels<\/strong>. Essas dimens\u00f5es asseguram que o favicon seja n\u00edtido e facilmente reconhec\u00edvel em diferentes dispositivos. <\/p>\n\n\n\n<p>\u00c9 recomendado salvar o favicon no formato .ico para garantir a compatibilidade com os navegadores.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Criando_um_Favicon_via_aplicativo_gratis\"><\/span><strong>Criando um Favicon via aplicativo gr\u00e1tis<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Existem v\u00e1rias op\u00e7\u00f5es de software de design gr\u00e1fico dispon\u00edveis para criar favicons incr\u00edveis. Al\u00e9m disso, voc\u00ea pode utilizar ferramentas populares como o <strong>Adobe Photoshop, GIMP, Photopea, Pixlr, etc&#8230;<\/strong><\/p>\n\n\n\n<p>Neste tutorial vamos ensin\u00e1-lo a criar utilizando o <a href=\"http:\/\/www.photopea.com\">Photopea<\/a>, que \u00e9 um aplicativo online e gratuito de edi\u00e7\u00e3o de im\u00e1vegens.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Criando_o_FavIcon\"><\/span><strong>Criando o FavIcon<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Favicon, ou \u00edcone de favoritos, <strong>\u00e9 uma pequena imagem que aparece na barra de endere\u00e7o do navegador<\/strong>, ao lado do t\u00edtulo da p\u00e1gina. Al\u00e9m disso, ele desempenha um papel importante na identidade visual do seu site ou blog.<\/p>\n\n\n\n<p><strong>Passo 1) Acessando o Photopea<\/strong><\/p>\n\n\n\n<p>Voc\u00ea pode abrir o seu aplicativo ou no caso acessar www.photopea.com que ir\u00e1 ter acesso ao software, que funciona na nuvem e tem ferramentas similares ao Adobe Photoshop e o Gimp.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea-1024x661.png\" alt=\"editar imagem do favicon com photopea\" class=\"wp-image-11900\" width=\"1024\" height=\"661\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea-1024x661.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea-300x194.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea-768x496.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea.png 1041w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Passo 2) Escolha o tamanho correto<\/strong><\/p>\n\n\n\n<p>\u00c9 essencial escolher o tamanho adequado e considerar o impacto do tamanho escolhido na clareza e legibilidade do \u00edcone, especialmente em tamanhos menores. <\/p>\n\n\n\n<p>O tamanho padr\u00e3o recomendado para um icone \u00e9 de 16&#215;16 pixels ou 32&#215;32 pixels. No entanto, \u00e9 v\u00e1lido mencionar que os navegadores modernos permitem o uso de tamanhos maiores, como 64&#215;64 pixels ou 128&#215;128 pixels. Ao selecionar o tamanho, certifique-se de que o mesmo seja reconhec\u00edvel e se destaque em diferentes dispositivos.<\/p>\n\n\n\n<p>No Photopea,  na parte superior, voc\u00ea clica em &#8220;<strong>Arquivo<\/strong>&#8221; e &#8220;<strong>Novo<\/strong>&#8220;.<\/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\/11\/photopea2.png\" alt=\"nova imagem\" class=\"wp-image-11902\" width=\"251\" height=\"253\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea2.png 251w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea2-150x150.png 150w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea2-24x24.png 24w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea2-48x48.png 48w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea2-96x96.png 96w\" sizes=\"(max-width: 251px) 100vw, 251px\" \/><\/figure>\n\n\n\n<p>Uma janela ir\u00e1 abrir e voc\u00ea escolhe o tamanho em pixels, como padr\u00e3o, iremos trabalhar com 32&#215;32 pixels e DPI de 72. Neste momento clicamos em &#8220;Criar&#8221;.<\/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\/11\/photopea3.png\" alt=\"tamanho do favicon\" class=\"wp-image-11903\" width=\"396\" height=\"315\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea3.png 396w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea3-300x239.png 300w\" sizes=\"(max-width: 396px) 100vw, 396px\" \/><\/figure>\n\n\n\n<p><strong>Passo 3) Desenvolva o design do \u00edcone<\/strong><\/p>\n\n\n\n<p>Agora, chegou o momento ideal para liberar toda a sua criatividade e dar forma ao design do seu Favicon. \u00c9 importante ter em mente que o espa\u00e7o dispon\u00edvel \u00e9 restrito. Portanto, \u00e9 essencial que voc\u00ea o mantenha simples e facilmente reconhec\u00edvel. A fim de ajudar nesse processo, aqui est\u00e3o algumas dicas valiosas para criar um Favicon eficaz:<\/p>\n\n\n\n<p><strong>&#8211; Use formas geom\u00e9tricas simples: <\/strong>\u00cdcones com formas b\u00e1sicas, como quadrados, c\u00edrculos ou tri\u00e2ngulos, s\u00e3o especialmente leg\u00edveis em tamanhos pequenos. Al\u00e9m disso, essas formas geom\u00e9tricas simples facilitam a identifica\u00e7\u00e3o e compreens\u00e3o dos \u00edcones. Isso ocorre porque elas possuem contornos claros e distintos, o que ajuda os usu\u00e1rios a reconhecerem rapidamente sua forma e prop\u00f3sito. Portanto, ao escolher \u00edcones para seu design ou interface, considere optar por formas b\u00e1sicas, pois elas oferecem uma melhor experi\u00eancia de leitura e entendimento, especialmente em tamanhos reduzidos.<\/p>\n\n\n\n<p><strong>&#8211; Cores e contraste: <\/strong>Escolha cores que se alinhem \u00e0 identidade visual do seu site. Al\u00e9m disso, certifique-se de que o \u00edcone tenha um bom contraste para que seja claramente vis\u00edvel em diferentes fundos.<\/p>\n\n\n\n<p><strong>&#8211; Evite texto excessivo: <\/strong>Evite adicionar texto ao seu Favicon, uma vez que isso pode resultar em ilegibilidade quando visualizado em tamanhos reduzidos. Em vez disso, \u00e9 recomend\u00e1vel concentrar-se em s\u00edmbolos ou imagens que sejam representativas da sua marca ou conte\u00fado.<\/p>\n\n\n\n<p><strong>&#8211; Teste em diferentes tamanhos: <\/strong>Ao projetar seu icone, \u00e9 importante considerar como ele aparece em tamanhos menores. Al\u00e9m disso, \u00e9 essencial garantir que seu \u00edcone seja facilmente reconhecido em todos os dispositivos. Portanto, ao criar o seu Favicon, verifique cuidadosamente sua apar\u00eancia em diferentes tamanhos para garantir a melhor experi\u00eancia do usu\u00e1rio em qualquer dispositivo.<\/p>\n\n\n\n<p><strong>Exporte o arquivo no formato adequado<\/strong><\/p>\n\n\n\n<p>Ap\u00f3s concluir o design do seu Favicon, \u00e9 importante export\u00e1-lo no formato apropriado. O ICO (Icon) \u00e9 o formato mais comum e amplamente suportado para Favicon. No entanto, ao criar o Favicon, voc\u00ea pode come\u00e7ar exportando-o como um arquivo PNG ou JPG de alta resolu\u00e7\u00e3o. Em seguida, \u00e9 recomendado usar uma ferramenta online ou software de design gr\u00e1fico para converter o arquivo para o formato ICO.<\/p>\n\n\n\n<p>Durante a exporta\u00e7\u00e3o do arquivo, \u00e9 essencial salvar as vers\u00f5es do icone em diferentes tamanhos. Isso garantir\u00e1 que ele seja exibido corretamente em todos os dispositivos e em diferentes contextos.<\/p>\n\n\n\n<p>No Photopea, para salvar voc\u00ea ir\u00e1 clicar em &#8220;Arquivo&#8221; e &#8220;Exportar como&#8221;, clique em mais e tem a op\u00e7\u00e3o Ico.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea4.png\" alt=\"formato de imagem para criar o favicon\" class=\"wp-image-11904\" width=\"517\" height=\"376\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea4.png 517w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/11\/photopea4-300x218.png 300w\" sizes=\"(max-width: 517px) 100vw, 517px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Convertendo_a_sua_imagem_em_Favicon\"><\/span>Convertendo a sua imagem em Favicon<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Caso o seu software n\u00e3o tenha a op\u00e7\u00e3o, voc\u00ea pode converter a imagem para ICO online.<\/p>\n\n\n\n<p><strong>Passo 1: Acesse um gerador de Favicon online<\/strong><\/p>\n\n\n\n<p>Existem v\u00e1rios <a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/gerador-de-favicon\/\">geradores de favicon<\/a> 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 https:\/\/www.favicon.io.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" 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=\"converter o favicon\" 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<p><strong>Passo 2: Escolha sua imagem<\/strong><\/p>\n\n\n\n<p>Agora que j\u00e1 criou sua imagem, voc\u00ea deve selecion\u00e1-la para a exporta\u00e7\u00e3o, lembre-se de que ela precisa ter no minimo 32&#215;32 pixels.<\/p>\n\n\n\n<p><strong>Passo 3: Carregue a imagem<\/strong><\/p>\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 em seu computador. Aguarde alguns segundos enquanto a imagem \u00e9 carregada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" 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=\"criar 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<p><strong>Passo 4: Ajuste o Favicon<\/strong><\/p>\n\n\n\n<p>Ap\u00f3s o carregamento da imagem, o site exibir\u00e1 na parte inferior como ficar\u00e1 o icone.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" 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=\"converter 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<p><br><strong>Passo 5: Visualize e baixe o Favicon<\/strong><\/p>\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>Este artigo explica como instalar o <a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/favicon\/\">favicon<\/a> em sua hospedagem de sites WordPress. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"> <\/h2>\n","protected":false},"excerpt":{"rendered":"<p>J\u00e1 pensou em criar o seu Favicon para seu site? Confira como faze-lo online.<\/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-11886","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>Como criar um favicon a partir de uma imagem<\/title>\n<meta name=\"description\" content=\"Crie um favicon gratis a partir de uma imagem. Passo a passo usando um editor de imagens gr\u00e1tis e converta para favicon.\" \/>\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\/criar-favicon\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como criar um favicon a partir de uma imagem\" \/>\n<meta property=\"og:description\" content=\"Crie um favicon gratis a partir de uma imagem. Passo a passo usando um editor de imagens gr\u00e1tis e converta para favicon.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-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:11:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-07T23:22:22+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=\"8 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\/criar-favicon\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/\",\"name\":\"Como criar um favicon a partir de uma imagem\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg\",\"datePublished\":\"2023-11-07T23:11:57+00:00\",\"dateModified\":\"2023-11-07T23:22:22+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\"},\"description\":\"Crie um favicon gratis a partir de uma imagem. Passo a passo usando um editor de imagens gr\u00e1tis e converta para favicon.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-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\/criar-favicon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como criar um favicon a partir de uma imagem\"}]},{\"@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":"Como criar um favicon a partir de uma imagem","description":"Crie um favicon gratis a partir de uma imagem. Passo a passo usando um editor de imagens gr\u00e1tis e converta para favicon.","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\/criar-favicon\/","og_locale":"pt_BR","og_type":"article","og_title":"Como criar um favicon a partir de uma imagem","og_description":"Crie um favicon gratis a partir de uma imagem. Passo a passo usando um editor de imagens gr\u00e1tis e converta para favicon.","og_url":"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-11-07T23:11:57+00:00","article_modified_time":"2023-11-07T23:22:22+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":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/","url":"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/","name":"Como criar um favicon a partir de uma imagem","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/06\/Favicon.jpg","datePublished":"2023-11-07T23:11:57+00:00","dateModified":"2023-11-07T23:22:22+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4"},"description":"Crie um favicon gratis a partir de uma imagem. Passo a passo usando um editor de imagens gr\u00e1tis e converta para favicon.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-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\/criar-favicon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Como criar um favicon a partir de uma imagem"}]},{"@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\/11886","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=11886"}],"version-history":[{"count":10,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/11886\/revisions"}],"predecessor-version":[{"id":11921,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/11886\/revisions\/11921"}],"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=11886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=11886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=11886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}