Kako napraviti favicon
Da biste napravili favicon, dodajte logo iznad - ili unesite slovo ili emoji - podesite izgled i preuzmite ZIP. Pregledi prikazuju ikonicu u svakoj stvarnoj veličini i na kartici pregledača, u svetlom i tamnom režimu.
- Izaberite izvor. PNG ili SVG logo daje najbolji rezultat; svaka druga slika se uklapa u kvadrat. Nemate logo? Upotrebite slovo ili emoji na obojenoj pozadini.
- Podesite izgled. Boja pozadine ili providna pozadina, oblik (zaobljeni kvadrat, kvadrat ili krug) i koliki razmak ide oko slike.
- Preuzmite. Preuzmi sve ikonice daje kompletan paket; Samo favicon.ico daje samo tu jednu datoteku.
Šta sadrži paket sa faviconom
| Datoteka | Veličina | Koristi se za |
|---|---|---|
favicon.ico | 16, 32 i 48 px | Svi pregledači, Windows, rezultati pretrage |
favicon-16x16.png, favicon-32x32.png | 16 i 32 px | Kartice pregledača i obeleživači |
apple-touch-icon.png | 180 px | Početni ekran na iPhone-u i iPad-u |
android-chrome-192x192.png, -512x512.png | 192 i 512 px | Početni ekran na Androidu, instalirane veb aplikacije |
site.webmanifest | - | Određuje nazive ikonica i boje za Android i veb aplikacije |
favicon-html.txt | - | Tagovi koje nalepite na svoje stranice |
Apple ikonica uvek dobija punu pozadinu i oštre uglove: iPhone sam zaobljava uglove, a providne delove prikazuje kao crne.
Dodajte favicon na svoj sajt
- Raspakujte paket i otpremite datoteke u korenski folder svog sajta, pored početne
stranice, tako da
yoursite.com/favicon.icootvara ikonicu. - Nalepite HTML tagove (prikazane iznad i u datoteci
favicon-html.txt) u<head>svojih stranica. - Osvežite stranicu uz obrisan keš. Pregledači zadržavaju stare favicone, pa je privatni prozor najbrža provera.
Na WordPress-u možete umesto toga da postavite ikonicu od 512 px kao Site Icon u Customizer-u, a on sam pravi ostale veličine.
Saveti za jasan favicon
- Pojednostavite. Na 16 piksela detaljan logo postaje mutna mrlja. Upotrebite simbol iz svog logotipa ili njegovo prvo slovo, a ne ceo logo sa tekstom.
- Koristite kontrast. Kartice su svetle ili tamne zavisno od teme pregledača - proverite oba prikaza.
- Obratite pažnju na razmak. Manji razmak čini ikonicu većom na kartici; malo veći bolje izgleda na početnom ekranu telefona.
Treba vam samo jedna .ico datoteka druge veličine? Konvertor slika čuva bilo koju sliku kao ICO.
Česta pitanja
Kako da napravim favicon?
Dodajte svoj logo ili bilo koju kvadratnu sliku u polje na ovoj stranici, ili unesite slovo ili emoji. Podesite pozadinu, razmak i oblik, a zatim preuzmite ZIP sa svim veličinama ikonica i HTML kodom koji ubacujete na sajt.
Koje veličine favicon treba da ima?
Datoteka favicon.ico sa verzijama od 16, 32 i 48 piksela pokriva pregledače i Windows; apple-touch-icon od 180 piksela pokriva iPhone i iPad; ikonice od 192 i 512 piksela pokrivaju Android i instalirane veb aplikacije. Paket sadrži sve njih.
Kako da dodam favicon na svoj sajt?
Otpremite datoteke iz ZIP-a u korenski folder svog sajta, tako da se favicon.ico otvara na yoursite.com/favicon.ico. Zatim nalepite HTML tagove u head deo svojih stranica.
Zašto se moj novi favicon ne prikazuje?
Pregledači dugo čuvaju favicone u kešu. Otvorite adresu favicona direktno, osvežite je ili probajte privatni prozor. Rezultati pretrage mogu se ažurirati i nedeljama.
Mogu li da napravim favicon od teksta ili emotikona?
Da. Izaberite „Slovo ili emoji“, unesite jedan ili dva znaka i odaberite boje. To je brz način da dobijete urednu ikonicu bez logotipa.
Da li se moja slika otprema?
Ne. Sve ikonice se prave u vašem pregledaču, a vaša slika nikada ne napušta vaš uređaj.