Favicon generátor
Favicon PNG-k készítése logóból vagy monogramból, másolható HTML kóddal.
Köszönjük! Ez segít jobbá tenni az eszközöket.
Most nem sikerült elküldeni. Próbáld később.
A favicon generátor elkészíti azokat a kis ikonokat, amelyek a böngésző lapfülén, a könyvjelzőkben és a telefon kezdőképernyőjén jelennek meg, ha valaki elmenti az oldaladat. Logóból vagy monogramból indulsz, megadod a színeket és a sarkok lekerekítését, az eszköz pedig minden szükséges méretben PNG fájlokat ad, másolható HTML kóddal. Minden a böngészőben készül.
Milyen fájlokat kapsz
| Fájl | Méret | Hol használják |
|---|---|---|
| favicon-16.png | 16 × 16 px | Böngésző lapfül, átlagos kijelzők |
| favicon-32.png | 32 × 32 px | Lapfül nagy felbontású kijelzőn, tálca |
| favicon-48.png | 48 × 48 px | Tartalék; a Google 48 px többszörösét ajánlja |
| apple-touch-icon.png | 180 × 180 px | iPhone és iPad kezdőképernyő |
| favicon-192.png | 192 × 192 px | Android és webalkalmazások |
| favicon-512.png | 512 × 512 px | Webalkalmazás manifest, indítóképernyő |
A generált HTML kód a 32-es, 16-os, 192-es és az apple-touch-icon fájlra hivatkozik. A 48 és 512 px-es fájlt magad adod hozzá, ha kell. .ico fájlt nem készít, a mai böngészők gond nélkül használják a PNG-t.
Beállítások
- Logó: betöltve középre kerül, és az ikon 86%-át foglalja el a választott háttéren.
- Monogram: legfeljebb három karakter. Egy betű nagyobb, mint kettő vagy három.
- Háttér és szövegszín: válaszd a márkád színeit.
- Lekerekítés: 0-tól (négyzet) 50-ig (kör).
Tippek
16 px-en nagyon kevés részlet látszik, egy bonyolult logóból folt lesz. Egy színes háttéren álló betű sokkal felismerhetőbb. A fájlokat tedd a weboldal gyökérkönyvtárába, a HTML kódot pedig minden oldal `<head>` részébe. Ha továbbra is a régi ikon látszik, ürítsd a böngésző gyorsítótárát. A logó pontos színeihez használd a színválasztó képből eszközt, harmonikus kombinációkhoz a színpaletta generátort.
Gyakori kérdések
Mekkora legyen a favicon?
Az alapméret 32 × 32 px, emellett 16 px átlagos kijelzőkhöz, 180 px iPhone-hoz és 192 px Androidhoz. Az eszköz mindet elkészíti.
Hová tegyem a favicon kódját?
Az oldalak `<head>` részébe, a PNG fájlokat pedig a weboldal gyökerébe, hogy a kódban lévő címek helyesek legyenek.
Kell .ico fájl?
Általában nem. A mai böngészők elfogadják a PNG-t, az .ico csak nagyon régi böngészőkhöz kell.
Miért nem változik a favicon a csere után?
A böngészők sokáig gyorsítótárban tartják. Ürítsd a gyorsítótárat, vagy nyisd meg az oldalt privát ablakban.
Frissítve:
Milyen eszköz hiányzik?
Írd meg, milyen kalkulátort vagy eszközt kerestél, de nem találtál. Minden javaslatot elolvasunk.