Com personalitzar un Favicon existent al nostre gust i estil

crear un Favicon amb icones predissenyats

Una interessant eina en línia que té el nom de Flatty Shadow pot fer la màgia per nosaltres, mateixa que és recomanada per part d'experts en la web perquè intentin crear el seu propi Favicon i així, el puguin col·locar posteriorment en qualsevol entorn del seu lloc web .

Tot i ser aquesta una gran recomanació, a l'element que arribarem a crear amb l'ajuda d'Flatty Shadow el podríem utilitzar en qualsevol lloc on nosaltres desitgem, Podent ser inclosos, la icona que representi a la nostra imatge de perfil en alguna de les xarxes socials que ens pertanyi.

Entrada a el servei que ens ofereix Flatty Shadow

Assumint que seguirem el consell d'experts en la web i vam decidir crear un Favicon amb aquesta eina de nom Flatty Shadow, Gairebé podríem assegurar que els avantatges són múltiples, ja que a aquest element gràfic el podríem arribar a col·locar en diferents entorns dins de lloc web com ho hem suggerit anteriorment, podent ser aquests els següents:

  • El logotip de l'banner superior de la nostra pàgina web.
  • EL Favicon que se situa cap al costat esquerre de l'adreça URL de la nostra pàgina web.

Amb seguretat que a el primer terme que esmentem anteriorment ho identifiquessis fàcilment, ja que és aquell que sempre ha d'estar present en una pàgina web i que té la característica de adreçar a l'usuari (visitant) cap al «Home» quan és seleccionat. Ara bé, pel que fa a el segon ítem que esmentem anteriorment, aquest «Favicon» ve a ser aquell que se situa cap al costat esquerre del nom de domini del nostre lloc web. Si mai et vas adonar d'això et recomanem visitar qualsevol lloc web i inclusivament, a el de «vinagre Assassí«, Havent de prestar atenció cap a l'àrea de la URL. Allà mateix podràs notar la presència d'un petit gràfic, mateix que a manera d'una icona representa el Favicon que hem esmentat i que el podríem estar fabricant amb aquesta eina de nom Flatty Shadow.

crear un Favicon amb icones predissenyats 02

Per poder aconseguir el nostre objectiu en primer lloc hem de dirigir cap a la web oficial de Flatty Shadow, lloc on trobaràs gran informació sobre tot el que pot arribar a fer amb la mateixa. L'àrea de treball per poder crear el nostre Favicon es troba cap a la part final de la pàgina tot i que, en primera instància, aquesta interfície roman invisible. Per tal motiu, et recomanem dirigir cap a la part superior de la web i fer clic a la icona que diu «Get Started» (botó de color vermell), de manera que aquesta mateixa eina en línia et dirigirà cap a la part final i específicament, a l' àrea d'edició amb la qual treballarem en endavant.

Interfície de treball en Flatty Shadow per crear el nostre Favicon

La interfície és amigable, existint una gran quantitat d'elements que segurament, els vas a reconèixer fàcilment. Són tres àrees principals les que podràs admirar, sent aquestes les següents:

  1. Una barra lateral esquerra de color gris en on se situen les funcions més importants per poder personalitzar a la icona que posteriorment serà el nostre Favicon.
  2. La regió de la meitat on apareixeran totes les icones (provinents de Fonts Tipogràfiques) i amb un espai de cerca.
  3. Una regió de la part dreta on es mostraran les icones que començarem a personalitzar per crear el nostre Favicon.

crear un Favicon amb icones predissenyats 03

Totes i cadascuna d'aquestes àrees són molt importants per a utilitzar. Per exemple, cap al costat esquerre tindràs la possibilitat de buscar a tots els «icones» que formen part d'aquesta eina; tots i cada un d'ells apareixeran cap a l'àrea central que esmentem anteriorment, havent d'utilitzar l'espai de cerca per escriure el nom d'algun icona que ens estigui interessant de forma primordial.

Una vegada que el trobem, només haurem de seleccionar-perquè el mateix, aparegui a la regió de la dreta, lloc on ja el podem començar a modificar. Aquestes modificacions hauran de recolzar-de les eines que es mostren cap a la barra lateral esquerra, ja que des d'allí podem triar:

  • Canviar el color.
  • Afegir una ombra.
  • Definir la distància de l'ombra amb l'objecte.
  • Afegir nous elements.

Només és qüestió de començar a manipular cadascuna d'aquestes funcions i eines dins de la interfície d'Flatty Shadow per poder obtenir a la fi, una icona personalitzada que per a nosaltres serà un Favicon; quan el mateix aquest completament acabat el podrem descarregar com una imatge així com també, amb el respectiu codi que ens servirà per usar-lo en la pàgina web.


Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.