Com Es Crea Una Icona Per A Un Lloc Web

Taula de continguts:

Com Es Crea Una Icona Per A Un Lloc Web
Com Es Crea Una Icona Per A Un Lloc Web

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

Vídeo: Com Es Crea Una Icona Per A Un Lloc Web
Vídeo: Cómo crear una página web fácil en 2021 con ZYRO | Julian Marinov 2024, Abril
Anonim

Una icona per a un lloc o, com es diu més sovint, una icona és el que podeu veure al cantó al costat del nom de la pestanya del navegador. A més, la icona es mostra enfront del nom del lloc a la llista de "Preferits", també la podeu veure quan el motor de cerca mostri el vostre lloc als resultats de la cerca.

Com es crea una icona per a un lloc web
Com es crea una icona per a un lloc web

És necessari

  • - logotip del lloc,
  • - Photoshop,
  • - convertidor de favicon.

Instruccions

Pas 1

Obriu el logotip del vostre lloc web a Adobe Photoshop. Si no hi ha cap logotip, podeu fer qualsevol altra foto, només és important que estigui associat al vostre lloc. Processeu la imatge eliminant tots els detalls innecessaris i ara reduïu-ne la mida a 32 o 16 píxels a cada costat. A continuació, deseu la imatge com a fitxer gràfic.png

Pas 2

El millor de tot és que si acabeu creant un fitxer amb una resolució de 32x32 píxels, ja que els usuaris de vegades desen les dreceres dels llocs que els agraden a "Escriptori", i allà les imatges de 16x16 píxels no tenen prou detall. Tanmateix, tingueu en compte que al navegador la vostra icona encara es reduirà a 16x16 píxels, són les imatges que es mostren als Preferits i al títol.

Pas 3

Ara cal convertir la imatge en un fitxer ico. Això es pot fer mitjançant un complement per a Photoshop o mitjançant un servei d’Internet gratuït, per exemple, https://favicon.ru/. Hi ha molts connectors i serveis, funcionen gairebé de la mateixa manera, de manera que no té sentit aconsellar-ne cap de concret. Aquests llocs s’anomenen generadors de favicons.

Pas 4

Canvieu el nom del fitxer resultant per ser favicon.ico.

Pas 5

Ara aneu al tauler de control del vostre lloc i cerqueu el directori arrel on es troba la primera pàgina. Normalment es tracta d’index.html o d’un altre fitxer que genera el sistema de gestió de contingut. És possible que ja hi hagi una icona anomenada favicon.ico. En aquest cas, suprimiu la icona antiga i substituïu-la per la vostra.

Pas 6

Si el directori arrel no està disponible per a vosaltres, així com en aquests casos, si heu escrit el codi del lloc vosaltres mateixos, haureu d'editar totes les pàgines del lloc on hauria d'aparèixer la icona. Obriu la pàgina en un editor i afegiu-hi una entrada a la secció de capçalera

Pas 7

Si la icona no es troba al directori arrel, sinó en un altre lloc, al paràmetre href escriviu el camí complet del fitxer.

Recomanat: