Artikkelihakemisto
使用Google Chrome,tulla sisäänChen WeiliangBlogit näyttävät selaimen välilehden ja URL-palkin edessä pienen verkkosivuston kuvakkeen.
-osiossaWordPressTeema, jossa on sisäänrakennettu suosikkikuvakkeiden lataus.
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ä tehdään edelleen sivustollaWeb PromotionAlueen sisällä.
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>
Käytä sinulle tuttua grafiikkaa软件Luo 16*16px, 32*32px, 48*48px renderöinti, tallenna kuvana .png- tai .gif- tai .jpg-muodossa.
Kuinka tehdä läpinäkyvä favicon.ico-kuvake?
vaihe 1:Tee läpinäkyviä PNG-kuvakkeita PS:llä.
vaihe 2:Avaa online-sukupolven favicon.ico-kuvaketyökalu ▼
Napsauta tätä vieraillaksesi favicon.ico icon maker verkossaVaihe 3:Selaa äskettäin tallennettuja kuvia
Vaihe 4:Napsauta: "Luo favicon.ico-kuvake verkossa".
Vaihe 5:Lataa se verkkosivuston juurihakemistoon noudattamalla ohjeita.
Kuinka päivittää Favicon.ico-kuvake?
- Sulje kaikki avoimet selaimet ja tyhjennä selaimen välimuisti.
- Avaa verkkosivusto ja lisää suosikki.
- 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.
Hope Chen Weiliang -blogi ( https://www.chenweiliang.com/ ) jakoi "Mikä on favicon?Web-sivustokokoelma pieni kuvake ico online-tuotantogeneraattori", auttamaan sinua.
Tervetuloa jakamaan tämän artikkelin linkki:https://www.chenweiliang.com/cwl-822.html
Tervetuloa Chen Weiliangin blogin Telegram-kanavalle saadaksesi viimeisimmät päivitykset!
📚 Tämä opas sisältää valtavasti arvoa, 🌟Tämä on harvinainen tilaisuus, älä missaa sitä! ⏰⌛💨
Jaa ja tykkää jos tykkäät!
Jakamasi ja tykkäyksesi ovat jatkuva motivaatiomme!