Como personalizar um Favicon existente de acordo com nosso gosto e estilo

crie um Favicon com ícones predefinidos

Uma interessante ferramenta online que tem o nome de Flatty Shadow pode fazer a mágica por nós, que é recomendada por experts na web para tentarem criar seu próprio Favicon para que posteriormente possam colocá-lo em qualquer ambiente de seu site.

Apesar de ser uma ótima recomendação, poderíamos criar o elemento que iremos criar com a ajuda do Flatty Shadow. use onde quisermos, podendo até ser o ícone que representa a imagem do nosso perfil em qualquer uma das redes sociais que nos pertencem.

Entre no serviço oferecido pela Flatty Shadow

Supondo que seguiremos o conselho de especialistas na web e decidiremos crie um favicon com esta ferramenta Nome Sombra plana, poderíamos quase assegurar que as vantagens são múltiplas, já que poderíamos colocar este elemento gráfico em diferentes ambientes dentro do site como sugerimos anteriormente, sendo estes:

  • O logotipo no banner superior do nosso site.
  • O Favicon que está localizado no lado esquerdo da URL do nosso site.

Com certeza que o primeiro termo que mencionamos acima você o identificará facilmente, pois é aquele que deve estar sempre presente em uma página web e que tem a característica de direcionar o usuário (visitante) para a «Home» quando é selecionado. Agora, com relação ao segundo item que mencionamos anteriormente, este "Favicon" é aquele que está localizado no lado esquerdo do nome de domínio do nosso site. Se você nunca percebeu, recomendamos que você visite qualquer site e até mesmo o «Vinagre assassino«, Prestando atenção à área do URL. Aí você vai notar a presença de um pequeno gráfico, igual a como um ícone representa o Favicon que mencionamos e que poderíamos fabricá-lo com esta ferramenta chamada Flatty Shadow.

criar um favicon com ícones predefinidos 02

Para atingir nosso objetivo, devemos primeiro ir ao site oficial do Flatty Shadow, um lugar onde você encontrará ótimas informações sobre tudo o que você pode fazer com ele. A área de trabalho para criar nosso Favicon fica na parte inferior da página, embora, na primeira instância, esta interface permanece invisível. Por esse motivo, recomendamos que você vá ao topo da web e clique no ícone que diz "Get Started" (botão vermelho), com o qual esta mesma ferramenta online irá direcioná-lo para a parte final e, especificamente, para a área de edição com o qual vamos trabalhar a partir de agora.

Interface de trabalho em Flatty Shadow para criar nosso Favicon

A interface é amigável, com um grande número de elementos que você certamente reconhecerá facilmente. Existem três áreas principais que você pode admirar, sendo estas as seguintes:

  1. Uma barra lateral esquerda cinza onde estão localizadas as funções mais importantes para poder personalizar o ícone que mais tarde será o nosso Favicon.
  2. A região central onde aparecerão todos os ícones (de Fontes Tipográficas) e com um espaço de busca.
  3. Uma região do lado direito onde serão exibidos os ícones que começaremos a personalizar para criar nosso Favicon.

criar um favicon com ícones predefinidos 03

Cada uma dessas áreas é muito importante de usar. Por exemplo, para o lado esquerdo, você terá a possibilidade de encontre todos os "ícones" que fazem parte desta ferramenta; cada um deles aparecerá em direção à área central que mencionamos acima, devendo usar o espaço de busca para escrever o nome de um ícone que nos interessa primeiro.

Assim que o encontrarmos, só teremos que selecioná-lo para que apareça na região à direita, onde podemos começar a modificá-lo. Essas modificações terão que ser suportadas pelas ferramentas que são mostradas na barra lateral esquerda, porque a partir daí podemos escolher:

  • Mude a cor.
  • Adicione uma sombra.
  • Defina a distância da sombra do objeto.
  • Adicione novos itens.

É só uma questão de começar a manipular cada um desses funções e ferramentas dentro da interface Flatty Shadow poder obter no final, um ícone personalizado que para nós será um Favicon; Quando estiver totalmente concluído podemos baixá-lo também em forma de imagem, com o respectivo código que nos servirá para o utilizar na página web.


Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.