Criar um favicon para o seu site ou blog pode ser uma tarefa assustadora. É muito fácil passar horas procurando uma imagem perfeita e depois lutar com complicados programas de software para fazer o certo. Felizmente, você pode facilmente criar um favicon no Canva sem a necessidade de experiência técnica.
Um favicon exclusivo e com aparência profissional ajudará os visitantes a reconhecer instantaneamente seu site ou blog, causando uma forte primeira impressão. Neste post, você aprenderá como criar a tela de tamanho perfeito para o seu favicon e exportá-lo corretamente.
Como criar um favicon no Canva
Existem apenas quatro etapas para crie seu favicon. Não vou explicar como fazer seu logotipo ou gráfico necessário para criar seu Favicon, mas assim que tiver essa parte pronta, você poderá criar seu favicon.
Etapa 1: Criar um novo design de 48 x 48px
O tamanho de um favicon em um site é 16 x 16px. Infelizmente, você não pode criar um novo design tão pequeno no Canva.
Em vez disso, você pode criar um design de 48 x 48px. Este tamanho permite que o Favicon seja redimensionado para o tamanho correto automaticamente quando você o carrega em seu site.
Para criar uma tela de tamanho 48 x 48px, clique no botão Tamanho personalizado na Canva Página inicial. Em seguida, digite 48 na caixa Largura e 48 na caixa Altura. Quando estiver pronto, clique no botão Criar novo design.
Sua nova tela será criada em uma janela separada. A primeira coisa que você notará é como a tela é pequena. Além disso, você não pode aumentar o zoom em mais de 500%.
Isso significa que o design original deve ser criado em um projeto separado, pois você não poderá aproximar o zoom para ver e ajustar pequenos detalhes.
Etapa 2: Adicione seu logotipo ou gráfico ao design
Depois que seu logotipo ou gráfico estiver concluído e pronto para adicionar, clique em Uploads e clique em Upload Arquivos.
Você será solicitado a localizar seu logotipo ou gráfico em seu disco rígido. Depois de fazer isso, ele será carregado na sua conta do Canva.
Clique no arquivo carregado para adicioná-lo ao seu Canvas.
Como alternativa, você pode adicionar seu logotipo ou gráfico ao seu projeto arrastando-o de outra janela para sua tela.
Etapa 3: Exporte seu Favicon como PNG com transparência
Esta etapa é essencial no processo. Se exportado incorretamente, seu favicon ficará com um fundo branco indesejado.
Para começar, clique no botão Compartilhar no canto superior direito.
No menu que aparece, selecione Download.
Certifique-se de que PNG foi escolhido no menu suspenso Tipo de arquivo nas opções. O formato PNG permitirá transparência, mantendo a melhor qualidade possível.
A outra opção importante aqui é a opção Fundo transparente. Certifique-se de que esta opção esteja marcada. Caso contrário, quando você exportar seu favicon, ele será exportado com um fundo branco. O que é ótimo se é isso que você está procurando, mas provavelmente não é.
Quando estiver pronto, clique no botão Download.
Seu favicon será baixado em seu disco rígido.
Se você abrir o arquivo, poderá visualizar seu favicon e verificar se o plano de fundo é transparente.
Etapa 4: Carregar o Favicon para o seu site
Carregar um Favicon para o seu site é um processo diferente, dependendo de quem hospeda o seu site. Para saber o método que você precisa, procure seu host da web abaixo:
Se o seu host da web não estiver na lista acima, procure no site do host da web instruções específicas sobre como enviar seu favicon.
Como você faz um favicon redondo no Canva?
Uma aparência popular para um favicon é um logotipo com um círculo atrás dele. Este é um favicon de aparência profissional fácil de criar.
Para começar, clique na guia Elementos no lado esquerdo da tela. Role para baixo até chegar à seção Linhas e formas. Clique em Ver tudo.
Isso mostrará todas as formas disponíveis que o Canva oferece. Escolha o círculo (ou outra forma, se desejar).
Um círculo aparecerá em sua tela.
Com o círculo na página, redimensione-o até preencher toda a tela, deixando as laterais do círculo aberto.
Depois de gostar da aparência do seu círculo em sua página, você pode alterar sua cor clicando no Seletor de cores na Barra de opções. No painel lateral, você pode escolher qualquer cor que atenda às suas necessidades.
Escolha uma cor que combine bem com seu logotipo ou gráfico e destaque-o no círculo.
Com a cor do seu círculo escolhida, você precisa enviá-la atrás do seu logotipo ou gráfico. Uma maneira rápida de fazer isso é clicar com o botão direito do mouse no círculo e clicar em Enviar para trás. Você também pode clicar em Control + [ (Win) ou Command + [ (Mac).
Após enviar seu círculo para trás, você pode ter que ajustar seu logotipo ou gráfico para alinhá-lo melhor. Clique no seu gráfico e deixe o Canva ajudá-lo a alinhá-lo com as diretrizes roxas que aparecem.
Agora que seu círculo está com a cor correta e atrás de seu logotipo ou gráfico alinhado, é hora de exportá-lo. Você pode exportar seu favicon exatamente como foi explicado acima, mas aqui está um resumo rápido:
Clique no botão Compartilhar e escolha Baixar. Nas opções, verifique se PNG está selecionado no menu suspenso Tipo de arquivo e se Fundo transparente está marcado. Clique no botão Download quando estiver pronto para baixar o favicon para o seu computador.
Se desejar, você sempre pode salvar uma versão com um círculo de fundo e uma versão sem um para ver o que fica e funciona melhor.
Qual deve ser a aparência do seu favicon?
Ao criar um favicon para o seu site, a chave é mantê-lo simples. Procure algo que possa ser visto claramente em tamanhos pequenos e ainda represente sua marca de maneira eficaz. Tente evitar o uso de muitos detalhes ou designs intrincados.
Se você estiver usando um logotipo, condense-o o máximo possível sem perder sua integridade como representação de sua marca. Se o seu site for sobre um tópico específico, use um ícone que ilustre esse conceito. Por exemplo, se você tiver um site de fotografia, poderá ter um gráfico de uma câmera. Um site de viagens pode ter um avião como seu favicon.
Não importa o design que você escolher para o seu favicon, certifique-se de que ele seja distinto e reconhecível para que os visitantes o reconheçam facilmente entre as outras guias do navegador da web. Mantenha-o conciso e certifique-se de que ele representa sua marca com precisão.
Boa edição!