Mikä on favicon?URL-kokoelma pieni kuvake ico online-tuotantogeneraattori

Kun käytät Chen Weiliangin blogia Google Chromella , pieni verkkosivustokuvake ilmestyy selainvälilehden ja osoiterivin eteen.

Joissakin WordPress- teemoissa on sisäänrakennettu toiminto suosikkikuvakkeiden lataamiseen.

Mikä on Favicon-kuvake?

Kuten nimestä voi päätellä, niin kutsuttu favicon on lyhenne sanoista Favourites Icon (suosikkikuvake).

• Sen avulla selaimen suosikit voivat erottaa eri sivustot kuvakkeista vastaavien otsikoiden lisäksi.

Tietysti myös Faviconin näyttötila on eri selaimien mukaan erilainen:

• Useimmissa suurimmissa selaimissa, kuten FireFox ja Internet Explorer (versio 5.5 ja uudemmat).
• Favicon ei näy vain suosikeissa, vaan myös osoitepalkissa.
• Käyttäjät voivat vetää ja pudottaa kuvakkeita työpöydälle luodakseen verkkosivuston pikakuvakkeita.
• Lisäksi välilehtiselaimille on jopa monia laajennuksia, kuten FireFox tukee jopa animoituja kuvakkeita jne.
• Favicon.ico-kuvake on verkkosivuston pikkukuva, joka voidaan näyttää selaimen välilehdillä, osoitepalkin vasemmalla puolella ja suosikeissa.

Tämä on pikkukuvalogo, joka osoittaa verkkosivuston persoonallisuuden.

• Jos haluat tehdä verkkosivustostasi ammattimaisemman, sen voidaan sanoa olevan verkkosivuston avatar.
• Jos haluat tehdä verkkosivustostasi kauniimman ja henkilökohtaisemman, favicon.ico on välttämätön.

Joten voit käyttää tämän verkkosivuston ICO-kuvakkeiden muunnostyökalua täyttääksesi tarpeitasi helposti.

WordPressillä verkkosivustoa rakennettaessa on tarpeen luoda persoonallinen, verkkosivuston teemaan sopiva logo, joka liittyy suoraan verkkosivuston onnistuneeseen brändäämiseen.

Tietystä näkökulmasta tämä kuuluu edelleen verkkosivustolla tapahtuvan verkkomainonnan piiriin.

Menestyäkseen se sisältää hyvän sivusuunnittelun, vaikuttavan verkkosivuston logon, mutta myös kuvakkeet:

• Tietystä teknisestä näkökulmasta katsottuna favicon ei ainoastaan ​​tarjoa ihmisille ammattimaisempaa ulkoasua ja tuntumaa, vaan myös vähentää palvelimen kaistanleveyden kulutusta jossain määrin:
• Yleisesti ottaen sivuston käytettävyyden lisäämiseksi luomme verkkosivustollemme mukautetun 404-virhetiedoston.
• Tässä tapauksessa, jos verkkosivustolla ei ole vastaavaa favicon.ico-tiedostoa, verkkopalvelin kutsuu tätä mukautettua 404-tiedostoa ja tallentaa sen verkkosivuston virhelokiin, mitä tulee tietysti välttää.

Miten Favicon.ico lisätään ja käytetään?

Lisää verkkosovelluskoodin otsikon ja /head väliin seuraava koodi ▼

<head>
...
<link rel="shortcut icon" href="/fi/favicon.ico"/>
<link rel="bookmark" href="/fi/favicon.ico"/>
...
</head>

Luo 16x16 pikselin, 32x32 pikselin tai 48x48 pikselin renderöinti haluamallasi kuvankäsittelyohjelmistolla ja tallenna se kuvana .png-, .gif- tai .jpg-muodossa.

Kuinka tehdä läpinäkyvä favicon.ico-kuvake?

Vaihe 1: Luo läpinäkyvä PNG-kuvake Photoshopilla.

Vaihe 2: Avaa favicon.ico-generaattori verkossa ▼

Vaihe 3: Selaa juuri tallennettuja kuvia

Vaihe 4: Napsauta: "Luo favicon.ico-kuvake verkossa".

Vaihe 5: Lataa se verkkosivuston juurihakemistoon noudattamalla ohjeita.

Kuinka päivittää Favicon.ico-kuvake?

1. Sulje kaikki avoimet selaimet ja tyhjennä selaimen välimuisti.
2. Avaa verkkosivusto ja lisää suosikki.
3. Sulje kaikki selaimet, avaa verkkosivusto uudelleen ja päivitä.

Jos favicon.ico-kuvaketta ei ole päivitetty tässä vaiheessa, odota hetki ennen kuin avaat selausyrityksen.

Jos käytät Firefoxia tai Chromea, päivittäminen on helpompaa:

• Yksityisessä tilassa selaaminen Firefoxissa ja Chromessa päivittää favicon.ico-kuvakkeiden välimuistin.