Como personalizar un Favicon existente ao noso gusto e estilo

crea un Favicon con iconas predeseñadas
Unha interesante ferramenta en liña que leva o nome de Flatty Shadow pode facer a maxia por nós, o que recomendan os expertos na web para intentar crear o seu propio Favicon para despois poñelo en calquera contorno do seu sitio web.

A pesar de ser unha gran recomendación, poderiamos crear o elemento que crearemos coa axuda de Flatty Shadow. usalo en calquera lugar que queiramos, e pode incluso ser a icona que representa a nosa imaxe de perfil en calquera das redes sociais que nos pertencen.

Introduce o servizo ofrecido por Flatty Shadow

Supoñendo que imos seguir os consellos de expertos na web e decidir crea un Favicon con esta ferramenta polo nome Sombra plana, case poderiamos asegurar que as vantaxes son múltiples, xa que poderiamos colocar este elemento gráfico en diferentes ambientes dentro do sitio web como suxerimos anteriormente, sendo estes os seguintes:

  • O logotipo no banner superior do noso sitio web.
  • O Favicón que se atopa á parte esquerda da URL do noso sitio web.

Con certeza de que o primeiro termo que mencionamos anteriormente o identificará facilmente, xa que é o que sempre debe estar presente nunha páxina web e que ten a característica de dirixir ao usuario (visitante) ao «Inicio» cando se selecciona. Agora, con respecto ao segundo elemento que mencionamos anteriormente, este "Favicon" é o que se atopa á parte esquerda do nome de dominio do noso sitio web. Se nunca o decataches, recomendámosche que visites calquera sitio web e incluso o «Vinagre Asasino«, Prestar atención á área da URL. Alí mesmo notarás a presenza dun pequeno gráfico, igual que como icona representa o Favicon que mencionamos e que poderiamos fabricala con esta ferramenta chamada Flatty Shadow.

crear un Favicon con iconas predeseñadas 02

Para acadar o noso obxectivo, primeiro debemos ir ao sitio web oficial de Flatty Shadow, un lugar onde atoparás boa información sobre todo o que podes facer con el. A área de traballo para crear o noso Favicon está cara ao final da páxina, aínda que en primeira instancia, a devandita interface segue sendo invisible. Por este motivo, recomendámosche que vaias á parte superior da web e que fas clic na icona que di "Comezar" (botón vermello), coa que esta mesma ferramenta en liña te dirixirá á parte final e concretamente á área de edición. co que traballaremos a partir de agora.

Interface de traballo en Flatty Shadow para crear o noso Favicon

A interface é amigable, cun gran número de elementos que seguramente recoñecerá facilmente. Hai tres áreas principais que podes admirar, sendo as seguintes:

  1. Unha barra lateral esquerda gris onde se atopan as funcións máis importantes para poder personalizar a icona que máis tarde será o noso Favicon.
  2. A rexión no medio onde aparecerán todas as iconas (desde Fonts) e cun espazo de busca.
  3. Unha rexión á dereita onde se amosarán as iconas que comezaremos a personalizar para crear o noso Favicon.

crear un Favicon con iconas predeseñadas 03

Todas e cada unha destas áreas é moi importante para o seu uso. Por exemplo, cara á esquerda terás a posibilidade de facelo atopar todas as "iconas" que forman parte desta ferramenta; todas e cada unha delas aparecerán cara á zona central que mencionamos anteriormente, tendo que empregar o espazo de busca para escribir o nome dunha icona que nos interese primordialmente.

Unha vez que o atopemos, só teremos que seleccionalo para que apareza na rexión da dereita, onde podemos comezar a modificalo. Estas modificacións terán que ser compatibles coas ferramentas que se amosan cara á barra lateral esquerda, porque a partir de aí podemos escoller:

  • Cambia a cor.
  • Engade unha sombra.
  • Define a distancia da sombra do obxecto.
  • Engade novos elementos.

Só se trata de comezar a manipular cada un destes funcións e ferramentas dentro da interface Flatty Shadow para poder obter ao final, unha icona personalizada que para nós será un Favicon; Cando estea completamente rematado, podemos descargalo como imaxe e co código respectivo que nos servirá para usalo na páxina web.


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

Sexa o primeiro en opinar sobre

Deixa o teu comentario

Enderezo de correo electrónico non será publicado. Os campos obrigatorios están marcados con *

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.