UltKit

WebP ICO-ba konvertálás

A logója csak WebP formátumban van meg, a saját oldaláról mentve vagy tervezőprogramból exportálva? Alakítsa át favicon.ico fájllá, amelyet a böngészők, a könyvjelzők és a Windows-parancsikonok külön kód nélkül is felismernek.

Képkonvertáló

vagy húzza ide a(z) JPG, JPEG, JPE … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

  1. 1

    Töltse fel a WebP logót

    Húzza ide a .webp fájlt, vagy egyszerre legfeljebb 20-at, fájlonként legfeljebb 95 MB-osat. A legalább 256 × 256 px méretű, négyzet alakú logó működik a legjobban.

  2. 2

    Tartsa meg az összes ikonméretet

    Az Ikonméretek beállítás a Speciális beállítások alatt az Minden méret (16–256) értékről indul. Az animált WebP fájloknál az első képkockát használjuk.

  3. 3

    Konvertáljon, majd töltse fel az oldalára

    Nyomja meg a Konvertálás erre: ICO gombot, szükség esetén nevezze át a fájlt favicon.ico névre, és helyezze a weboldal gyökérmappájába.

A weboldalakról mentett logók manapság általában WebP formátumúak. Egyetlen átalakítással ebből többméretű favicon.ico lesz, az átlátszó háttér megőrzésével.

favicon.ico készítése WebP logóból

A WebP a Google 2010-es bemutatása után a web nagy részén alapértelmezett képformátummá vált; a WordPress a 5.8-as verzió (2021) óta fogad el WebP feltöltést, és sok képes CDN minden kiszolgált PNG-t átalakít. Így amikor a saját logóját keresi, az elérhető példány gyakran .webp, a favicon-generátorok, a Windows és néhány tárhelyvezérlő pedig nem fogadja el.

Az ICO formátum más problémát old meg, mint a WebP. Egyetlen tömörített kép helyett több négyzet alakú bitképet fog össze, és a böngésző vagy az operációs rendszer kiválasztja a szükséges méretet: 16 px a fülhöz, 32 px a tálcához vagy a könyvjelzősávhoz, nagyobbak az asztali parancsikonokhoz és a nagy pixelsűrűségű kijelzőkhöz. Az átalakítás ezeket a méreteket egy lépésben építi fel a WebP-ből.

Az oldalfejlécben lévő logóhoz tartsa meg magát a WebP-t. A két fájl más-más helyre való, és az átalakítás az eredetin semmit nem változtat.

Mi kerül az ICO fájlba

Öt méret egyetlen .ico fájlban
16–256 px
WebP fájl egy adagban
20
Legnagyobb fájlméret
95 MB
Utána törlődik a szerverről
30 perc

WEBP

WebP kép

A WebP a Google által 2010-ben kiadott képformátum, amely gyorsabbá teszi a weboldalak betöltését. Egyetlen formátumban támogatja a veszteséges és a veszteségmentes tömörítést, az alfa-átlátszóságot és az animációt. A veszteséges WebP fájlok jellemzően 25–35%-kal kisebbek a hasonló vizuális minőségű JPEG-eknél, a veszteségmentes WebP pedig általában kisebb a PNG-nél. Minden mai böngésző támogatja, de egyes régebbi asztali programok, nyomtatási szolgáltatások és feltöltési űrlapok még elutasítják. A Windows, a macOS és a legtöbb modern képszerkesztő megnyitja a WebP fájlokat.

Tömörítés
Veszteséges vagy veszteségmentes
Átlátszóság
Igen
Animáció
Igen
Bevezetés éve
2010 · Google
WEBP átalakító

ICO

Windows-ikon

Az ICO a Microsoft ikonformátuma, amelyet a Windows programikonjaihoz és a weboldalak favicon-jaihoz használnak. Egyetlen .ico fájl több méretű képet is tartalmazhat, például 16×16, 32×32, 48×48 és 256×256 pixelest, így a rendszer a legjobban illőt választhatja. Minden kép tárolható bittérképként vagy PNG-adatként, és teljes alfa-átlátszóságot támogat. Az ICO nem fotókhoz vagy nagy grafikákhoz való. A böngészők, a Windows és a legtöbb ikonszerkesztő olvassa.

Tömörítés
Veszteségmentes
Átlátszóság
Igen
Animáció
Nem
Bevezetés éve
Microsoft
ICO átalakító

A WebP logóból akkor lesz ICO, ha a márkajel egyetlen példánya a weboldal vagy a CMS által kiszolgált tömörített fájl, az oldalnak pedig mégis kell egy favicon.ico a gyökérkönyvtárában.

WebP logó előkészítése a 16 px-es böngészőfülre

  1. Vágja a jelre

    A legtöbb logó széles. Csak a szimbólumot vagy a kezdőbetűt tartsa meg, és vágja négyzetre, kis margóval.

  2. Hagyja el a kis szöveget

    A szlogenek és a szövegmárkák 16 px-en szürke zajjá válnak. Egyetlen vastag forma megmarad, a vékony vonalak nem.

  3. Nézze meg mindkét fülszínt

    Ellenőrizze az eredményt világos és sötét böngészőtémán is. Átlátszó hátterű sötét logó eltűnhet egy sötét fülön.

Az új favicon hozzáadása az oldalához

A favicon.ico fájlt a gyökérmappába tegye, hogy a yoursite.com/favicon.ico címen elérhető legyen. Ha az oldal fejlécében megadja a <link rel="icon" href="/favicon.ico" sizes="any"> elemet, egyértelművé teszi a választást, a WordPressben pedig van egy Webhelyikon mező, amely megírja ezeket a címkéket.

Két további ikon egészíti ki a készletet. Az iPhone és az iPad apple-touch-icon-t, egy 180 × 180 px-es PNG-t használ, ha valaki a kezdőképernyőre teszi az oldalt; ezt a WebP PNG-vé alakításával és az kivágási útmutatónkkal készítheti el. A Google Keresés négyzet alakú favicont kér, amelynek mérete 48 px többszöröse, így a kezdőlapról hivatkozott 96 vagy 144 px-es PNG a keresési találatokat is lefedi. A böngészők agresszíven gyorsítótárazzák a faviconokat; az új azonnali megtekintéséhez nyissa meg az oldalt privát ablakban.

Kérdések a WebP ICO-ba konvertálásáról

Miért kell .ico fájl, ha a logóm már WebP formátumú?

A böngészők maguktól lekérik a /favicon.ico fájlt az oldal gyökeréből, ha az oldal nem deklarál ikont, a Windows-parancsikonok, a régebbi böngészők és sok CMS favicon-mezője pedig ICO-t vagy PNG-t vár. Egyetlen, a gyökérben lévő .ico fájl mindezeket kiszolgálja, külön jelölés nélkül.

Átlátszó marad a WebP logóm körüli átlátszó terület?

Igen. A WebP és az ICO is hordoz alfacsatornát, így az átlátszó háttér az ikonon belüli minden méretbe átkerül, a favicon pedig tisztán jelenik meg világos és sötét böngészőfüleken is.

Mi történik, ha animált WebP-t töltök fel?

Az ICO állóképeket tárol, ezért az átalakító az első képkockát használja (az Animált bemenet értéke Csak az első képkocka). Ha az első képkocka üres vagy átmenet közben van, válasszon másik forrást.

Látszani fog a faviconon a veszteséges WebP-tömörítés?

16–64 px-en ritkán, mert a kicsinyítés kiátlagolja a apró műtermékeket. A 128 és 256 px-es rétegekben halvány udvarok megmaradhatnak. Ha a logó vektoros formában is megvan, az SVG ICO-vá alakítása adja a legtisztább éleket.

Milyen felbontású WebP logó kell az éles faviconhoz?

Legalább 256 × 256 px és négyzet alakú legyen, hogy a legnagyobb réteg kicsinyítéssel, ne nagyítással készüljön. Egy oldalfejlécből mentett 120 px-es logó a nagyobb méretekben elmosódott lesz.