Favicon készítése képből
Frissítve:
A favicon a böngészőfülön megjelenő kis ikon, amelyet .ico fájlként mentenek el. Az elkészítéséhez indulj ki egy négyzet alakú képből, és alakítsd át: nyisd meg az EditItAll PNG-ből ICO-vá alakító konverterét, húzd bele a logódat, majd töltsd le az .ico fájlt. A böngésződben fut, tehát a kép soha nem kerül feltöltésre.
Csináld most — ingyen, a böngésződben
Open the PNG → ICO converterMi a favicon, és milyen formátum kell hozzá
A favicon egy apró kép, amelyet a böngésző megjelenít a fülön, a könyvjelzőkben és az előzményekben az oldalad neve mellett. A hagyományos formátum az ICO, egy kis ikonfájl, amelyet a legtöbb böngésző külön beállítás nélkül felismer.
Két dolog tesz jóvá egy favicont: nagyjából négyzet alakúnak kell lennie, és olvashatónak kell maradnia, amikor körömnyi méretűre zsugorodik. Ezért a favicon többnyire egyetlen vastag betű, egy logójel vagy egyszerű forma, nem pedig részletes fénykép.
Alakítsd a képedet .ico fájllá
Ha már van négyzet alakú logód, az átalakítás egyetlen lépés:
- Nyisd meg a PNG–ICO konvertert, és húzd bele a képedet.
- Hagyd, hogy átalakítsa, majd töltsd le az
.icofájlt. - Add hozzá az oldaladhoz
favicon.iconéven, vagy hivatkozz rá a HTML-edből.
Más formátumból indulnál? Használd a JPG–ICO konvertert fényképhez vagy lapos logóhoz, vagy az SVG–ICO konvertert, ha a jeled vektoros: a vektoros forrás ideális, mert bármilyen méretben tisztán rajzolódik ki, amire az ikonnak szüksége van. Minden átalakítás a böngésződben fut, tehát a kép soha nem kerül feltöltésre.
Először készíts elő egy tiszta, négyzet alakú forrást
Az ikon csak annyira lehet tiszta, amennyire az, amit beleteszel. Ha a képed nem négyzet alakú, először vágd négyzetre a fotószerkesztőben, hogy a konverternek ne kelljen találgatnia: helyezd középre a fontos részt, és vágd le a többit. Egyszerűsítsd a zsúfolt grafikát egyetlen erős formára vagy betűre, mert a finom részletek favicon méretben elmosódnak.
Ha a logód vektorgrafikaként létezik, tartsd meg SVG formátumban, ameddig csak lehet, és csak legvégül alakítsd át ICO-vá: a vektorok élesek maradnak, mert pontosan a szükséges pixelméretre renderelődnek, nem pedig egy kis bitképből nyúlnak fel. A vektorok tiszta rasztereléséről szóló kapcsolódó háttérért lásd: SVG PNG-vé alakítása minőségvesztés nélkül.
Kipróbálod?
Ingyenes, regisztráció nélkül — és semmi, amit megnyitsz, nem hagyja el az eszközödet.
Gyakori kérdések
Milyen méretű legyen egy favicon?+
A favicon kicsi és négyzet alakú: kompakt ikon, amelyet a böngészők a fülön jelenítenek meg. Indulj ki egy négyzet alakú forrásképből, és a konverter olyan .ico fájlt készít, amelyet közvetlenül elhelyezhetsz az oldaladon.
Készíthetek favicont fényképből?+
Igen, bár egy fénykép ritkán néz ki jól fül méretben. Vágd négyzetre, és válassz olyan képet, amelynek egy jól kivehető témája van; egy egyszerű logó vagy betű szinte mindig élesebbnek tűnik, mint egy részletes fénykép.
Szükségem van az .ico formátumra?+
Az ICO a legszélesebb körben felismert favicon-formátum, és külön beállítás nélkül működik. A kép .ico formátumúra alakítása a legbiztonságosabb alapértelmezés a széles böngészőtámogatáshoz.
Feltöltődik a képem, hogy elkészüljön a favicon?+
Nem. A konverter teljes egészében a böngésződben fut, így a logód vagy fényképed soha nem hagyja el az eszközödet: az oldal betöltése után akár offline is dolgozhatsz.
Miért homályos a faviconom?+
A homályosság általában azt jelenti, hogy a forrás kicsi vagy túlságosan részletes volt. Indulj ki egy nagyobb, négyzet alakú, magas kontrasztú képből, vagy egy vektorból, hogy elég élesség maradjon, amikor ikonméretre zsugorodik.