Favicon generátor
Alakítson át egyetlen PNG, JPG vagy SVG képet favicon.ico fájllá és a webhelye által igényelt összes ikonméretté, egyetlen ZIP-be csomagolva.
A teljes kép látható marad, középre igazítva, körülötte üres térrel.
Az átlátszó háttér ideális a böngészőlapokhoz; az iPhone kezdőképernyő-ikonokhoz a háttérszín biztonságosabb választás.
A favicon és az ikoncsomag itt fog megjelenni.
Helyezze a fájlokat a webhely gyökérkönyvtárába, majd adja hozzá ezeket a sorokat minden oldalhoz.
A kép átalakítása ikonokká közvetlenül a böngészőjében történik. Semmi sem kerül feltöltésre a BroBroGo szervereire.
GYIK
Milyen fájlok találhatók az ikoncsomagban?
Egy favicon.ico fájl (benne 16, 32 és 48 pixeles változatokkal), PNG ikonok 16, 32, 180, 192 és 512 pixeles méretben, valamint egy site.webmanifest fájl, amely felsorolja a nagy ikonokat. Ha SVG-ből indul ki, maga a vektoros fájl is bekerül a csomagba. Egyetlen ZIP-fájl tartalmaz mindent.
Milyen méretű legyen a forráskép?
Az SVG a legideálisabb — minden ikon a vektorból épül fel, így még 16 pixeles méretben is éles marad. PNG vagy JPG esetén érdemes legalább 512 × 512 pixelből kiindulni; a kisebb képek felnagyítva elmosódottá válhatnak.
A háttér átlátszó legyen vagy színes?
A böngészőlapok ikonjai jól mutatnak átlátszó háttérrel. Az iPhone és iPad kezdőképernyők viszont feketére színezik az átlátszó részeket — ha a felhasználók hozzáadhatják az oldalt a kezdőképernyőjükhöz, érdemes háttérszínt választani.
Mi történik, ha a kép nem négyzet alakú?
Az ikonok négyzet alakúak, de a képet soha nem torzítjuk el. Alapértelmezés szerint középre igazítjuk és margóval látjuk el; váltson a „Kitöltés (körbevágás)” opcióra, ha inkább le szeretné vágni a kilógó széleket.
Hova kell tennem a fájlokat a webhelyemen?
Töltse fel őket a webhely gyökérkönyvtárába, hogy a favicon.ico elérhető legyen a /favicon.ico címen, majd illessze be a generált sorokat az oldalak <head> részébe. A böngészők automatikusan kiválasztják a megfelelő méretet.