UltKit

PNG ICO átalakító

Alakítson át egy négyzetes PNG-t olyan .ico fájllá, amely egyszerre több ikonméretet tartalmaz, a böngészőfülhöz való 16 px-től a Windowshoz szükséges 256 px-ig. Az átlátszó sarkok és szélek átlátszók maradnak.

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öltsön fel egy négyzetes PNG-t

    Legalább 256 × 256 px-es, átlátszó hátterű grafikát használjon. Egyszerre legfeljebb 20 PNG tölthető fel, fájlonként 95 MB-ig.

  2. 2

    Válassza ki az ikonméreteket

    Az Ikonméretek alapértéke a Minden méret (16–256), ez a megszokott választás. Csak akkor válasszon egyetlen méretet a Speciális beállítások alatt, ha egy program pontosan azt kéri.

  3. 3

    Konvertáljon, és használja az .ico fájlt

    Nyomja meg az Konvertálás erre: ICO gombot, töltse le a fájlt, majd tegye a webhelye gyökérkönyvtárába, vagy állítson rá egy Windows-parancsikont. A feltöltött fájlok 30 perc után törlődnek.

Az ICO ikonképek kis tárolója, nem egyetlen kép: egy fájl hordozhat 16, 32, 48 és 256 px-es változatot is, és a rendszer a megfelelőt választja.

PNG konvertálása ICO-ba, több mérettel egyetlen fájlban

Az ICO formátum az 1985-ös Windows 1.0-ból származik, amikor az ikonok apró bitképek voltak. A trükkje a fájl elején lévő könyvtár, amely felsorol minden benne lévő képet a szélességével és magasságával. A Windows Vista (2007) lehetővé tette, hogy ezek a képek PNG-ként legyenek tárolva, így egy sima átlátszóságú 256 × 256-os ikon is elfér egy azonnal betöltődő kis fájlban.

A PNG itteni átalakítása létrehozza Önnek ezt a tárolót. A forrást minden méretre átskálázza, megtartja az alfacsatornát, így a lekerekített sarkok és lágy árnyékok sötét és világos háttéren is jól mutatnak, és mindent egyetlen .ico fájlba ír. Induljon 256 px-es vagy nagyobb grafikából; egy 32 px-es PNG 256-ra nagyítása csak nagy, életlen ikont ad.

1:1

16 × 16 px

Böngészőfül

Fülek és könyvjelzők szokásos pixelsűrűségnél

1:1

32 × 32 px

Fül nagy DPI-jű képernyőn

Retina kijelzők és 200%-os Windows-skálázás

1:1

48 × 48 px

Google-keresési találat

A Google 48 px többszöröseinek megfelelő, négyzetes favicont kér

1:1

256 × 256 px

Windows Extra nagy ikonok

A legnagyobb kép, amelyet egy ICO fájl tárolhat

PNG

Portable Network Graphics

A PNG veszteségmentes rasztergrafikus formátum, amelyet a PNG Development Group tett közzé 1996-ban, később a W3C és az ISO is szabványosította. Minden pixelt pontosan megőriz, támogatja a teljes alfa-átlátszóságot, és műtermékek nélkül kezeli a szöveget, az éles széleket és az egybefüggő színeket. Ez a pontosság ideálissá teszi képernyőképekhez, logókhoz, ikonokhoz és felületi grafikákhoz. Az ár a méret: a PNG-ként mentett fényképek gyakran többszörösen nagyobbak, mint ugyanaz a fotó JPEG-ként vagy WebP-ként. Minden böngésző, operációs rendszer és szerkesztő megnyitja a PNG fájlokat.

Tömörítés
Veszteségmentes
Átlátszóság
Igen
Animáció
Nem
Bevezetés éve
1996 · PNG Development Group
PNG á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 PNG egyetlen méretű kép, a Windows és a böngészők viszont olyan .ico fájlt várnak, amely több méretet is tartalmaz, hogy minden képernyő a legélesebbet választhassa; az ICO-ból PNG-be alakítás csak a grafika kinyeréséről szól.

Favicon vagy Windows-ikon: milyen méretek kerüljenek az ICO-ba

A böngészők a fülikont 16 px-en, nagy DPI-jű képernyőn 32 px-en rajzolják, a Google-keresés pedig 48 px-es alapból jeleníti meg a faviconokat. Hagyja a Minden méret beállítást, hogy egy fájl mindhármat lefedje.

  • Mentse favicon.ico néven a webhely gyökerébe
  • Az Apple touch ikonhoz külön adjon hozzá egy 180 × 180-as PNG-t

PNG grafika előkészítése, hogy 16 px-en is felismerhető maradjon

A favicon ötlete az 1999-es Internet Explorer 5-ből származik, amely a webhely gyökerében keresett egy favicon.ico nevű fájlt, amikor valaki könyvjelzőzte az oldalt. A többi böngésző átvette ezt a viselkedést, ezért ennek az útvonalnak a lekérése ma is megjelenik a szervernaplókban.

16 × 16-on összesen 256 pixel van, ezért a grafikának egyszerűnek és markánsnak kell lennie. Hagyja el a szlogeneket és a vékony körvonalakat, tartson erős kontrasztot világos és sötét böngészőtémán is, és hagyjon egy pixel szegélyt az alakzat körül. Sok márka csak a kezdőbetűt vagy a jelképet használja. Ha a logója vektorfájlként is megvan, alakítsa át az SVG ICO-vá eszközzel, hogy minden méret éles körvonalakból készüljön.

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

Hogyan alakíthatom át a PNG-t ICO-ba weboldal faviconjához?

Konvertáljon a Minden méret beállítással, nevezze át az eredményt favicon.ico névre, és töltse fel a webhelye gyökérmappájába. A böngészők maguktól lekérik ezt az útvonalat, de az oldal fejlécében egy link rel="icon" címkével is hivatkozhat rá.

Miért homályos az ikonom 16 pixelen?

A részletgazdag grafika nem éli túl a 16 × 16-os kicsinyítést, ahol egy betű vagy egy vékony vonal egy pixelnél is kisebb helyet foglal. Egyszerűsítse a kis méreteket: egyetlen vastag betű vagy forma jobban olvasható a böngészőfülön, mint egy szöveges teljes logó.

Mi történik, ha a PNG-m nem négyzetes?

Az ikonok négyzetesek, ezért egy széles logót a megnyitó programtól függően vagy kiegészítenek, vagy összenyomnak. Vágja vagy egészítse ki a PNG-t előbb négyzet alakú vászonra, hogy Ön döntse el, hová kerül az üres hely.

Használhatom az .ico fájlt egy Windows-mappa ikonjának megváltoztatására?

Igen. Kattintson jobb gombbal a mappára, nyissa meg a Tulajdonságok > Testreszabás > Ikon módosítása részt, és tallózza be az .ico fájlt. Az asztali parancsikonoknál ugyanígy működik: Tulajdonságok > Ikon módosítása.

Szükségem van még ICO fájlra, ha a webhelyemen PNG ikonok vannak?

A modern böngészők elfogadják az oldal fejlécében megadott PNG és SVG ikonokat, de egyes eszközök, hírolvasók és régebbi böngészők még mindig közvetlenül a /favicon.ico címet kérik le. Egy kis, több méretet tartalmazó ICO ott megelőzi a 404-es hibákat a naplóiban.