Com Es Crea Un Favicon Per A Un Lloc Web

Taula de continguts:

Com Es Crea Un Favicon Per A Un Lloc Web
Com Es Crea Un Favicon Per A Un Lloc Web

Vídeo: Com Es Crea Un Favicon Per A Un Lloc Web

Vídeo: Com Es Crea Un Favicon Per A Un Lloc Web
Vídeo: Tutorial #html Como poner un favicon en tu pagina web 2024, Desembre
Anonim

Crear una icona de lloc web és un toc brillant per a la individualitat d’una pàgina web. Una manera de fer que el vostre lloc sigui memorable i atraure l’atenció dels nous usuaris és instal·lar un favicon original i reflexiu.

Servei de creació d’icones en línia
Servei de creació d’icones en línia

Què és un favicon?

Favicon: de l'anglès. "Favicon", "icona de favorits" - "icona de favorits" és una imatge que és un logotip en miniatura del lloc. Quan deseu un lloc a Preferits, es mostra el seu favicon en lloc de la drecera estàndard de la pàgina web, que el diferencia dels altres. Entre l'abundància de pestanyes obertes al navegador, és molt més fàcil navegar per les icones del lloc que pels títols de les pàgines. Alguns motors de cerca, com ara Yandex, utilitzen icones als resultats de la cerca. Molt sovint, el favicon repeteix el logotip de l’empresa o servei presentat al lloc. És habitual posar imatges a les icones de portals temàtics i pàgines personals que reflecteixin el "caràcter" del lloc: un encantador fantasma en un fòrum dedicat a reunions amb el sobrenatural, per exemple, o les inicials de l'autor per al seu bloc personal.

Creem un favicon de qualitat

Si mireu les icones de llocs famosos, notareu que el nombre de colors que hi ha és petit, el contrast entre ells sol ser elevat i els elements representats són grans. Això fa que la icona sigui el més llegible possible.

Les "icones arrissades" fetes amb transparència solen tenir un aspecte millor que la mateixa imatge sobre un fons blanc o negre. D'altra banda, les icones de molts llocs omplen tota la zona possible de color (quadrat blau "Vkontakte", lletres negres sobre un quadrat blanc - "Viquipèdia"), i això sembla una bona solució.

La icona, que és comprensible i memorable per l'usuari, és una imatge senzilla: un llapis LiveJournal, un sobre de Gmail, un ocell de Twitter ("twit" és un xiulet d'ocell de l'anglès): aquests serveis personifiquen i són reconeguts fàcilment per molta gent, encara que no siguin els seus usuaris habituals.

Les mides de les icones són estàndard: 16x16 píxels per a una icona simple, 32x32 píxels per a una icona que es preveu utilitzar com a drecera de lloc web. Avui en dia, quan el sistema per emmagatzemar i organitzar adreces d'interès als navegadors és senzill i convenient, la necessitat de desar un enllaç al lloc com a drecera independent ha desaparegut essencialment. El format d’imatge és. ICO, tot i que molts navegadors també admeten formats

Com es creen les icones?

Alguns dissenyadors dibuixen icones en editors de gràfics comuns, per exemple, Adobe Photoshop, i després els converteixen al format. ICO, però hi ha mètodes molt més senzills:

- ús de serveis públics especialitzats;

- l’ús de serveis especialitzats que permeten crear una icona en línia.

El nombre d'editors creats per treballar amb icones és gran, entre ells hi ha utilitats professionals ("ArtIcons Pro"), que tenen un impressionant conjunt d'eines per crear icones des de zero i programes molt senzills ("SimplyIcon"), les funcions de les quals són es limiten a canviar el format i la mida de la imatge original. Entre d'altres, podem destacar el conegut "Icon Craft", "Greenfish Icon Editor Pro", "IcoFX", així com l'editor en rus "Icon Studio".

Per crear una icona en línia, no cal instal·lar cap programari. Els llocs d’icones ofereixen eines senzilles per dibuixar un favicon des de zero o convertir una imatge ja acabada al format. ICO. Alguns d’ells no són compatibles amb la transparència. Altres estan equipades amb extenses galeries d'icones ja fetes, entre les quals els usuaris trien el millor. Hi ha prou serveis similars a la xarxa i, en general, del mateix tipus, es pot trobar a continuació una llista de diversos llocs verificats a les "Fonts addicionals".

Recomanat: