ICO to PNG – ikon és favicon átalakítása PNG-be

Az ICO a Windows ikonformátuma, és ez a weboldalak kis lapfül-ikonjának, a faviconnak a hagyományos formátuma is (favicon.ico). Ikonnak kiváló, minden másra kényelmetlen: a legtöbb képszerkesztő, prezentációs program, közösségi oldal és feltöltő felület nem fogadja el, sok képnéző pedig csak az egyik méretét mutatja.

Az ICO to PNG (ikon PNG-be) átalakítás után az ikon egy átlagos, mindenhol megnyíló PNG-kép lesz, átlátszó háttérrel. Tipikus helyzetek:

• egy régi program vagy saját weboldal ikonját szeretnéd újra felhasználni, de csak az .ico van meg;
• a favicont egy prezentációba, arculati kézikönyvbe vagy dokumentációba tennéd;
• az ikont tovább szerkesztenéd, és a szerkesztőd nem nyitja meg az ICO-t;
• egy alkalmazásbolt, tárhelyszolgáltató vagy közösségi felület PNG-t kér.

Egy ICO-fájl nem egyetlen kép, hanem egy kis tároló: ugyanazt az ikont több méretben is tartalmazhatja, például 16 × 16, 32 × 32, 48 × 48 és 256 × 256 pixelben. A rendszer mindig a helyzethez illőt veszi elő: a lapfülön a kicsit, az asztalon a nagyot.

A PNG viszont egyetlen kép, ezért az átalakításnál a böngésző kiválasztja az ICO egyik képét, általában a legnagyobbat, legjobb minőségűt, és abból készül a PNG. A kisebb méretek nem kerülnek külön fájlba.

Mi van az ICO-ban?	Mit kapsz?
16, 32, 48 és 256 px	jellemzően egy 256 × 256-os PNG
csak 16 és 32 px (sok régi favicon)	egy 32 × 32-es PNG
egyetlen 64 px-es kép	egy 64 × 64-es PNG

Ha a PNG-t kisebb méretben szeretnéd, a nagy változatból az átméretezővel szépen kicsinyítheted. Fordítva nem működik jól: egy 32 pixeles faviconból felnagyítva elmosódott, kockás kép lesz, mert a részletek egyszerűen nincsenek benne.

Az ikonok szinte mindig átlátszó hátterűek, hogy bármilyen színű tálcán, asztalon vagy lapfülön jól mutassanak. A PNG ezt teljes egészében megőrzi, a félig átlátszó, lágy szélekkel együtt, így a kész képet sötét és világos háttérre is ráteheted.

Az átalakítás veszteségmentes: a PNG pontosan azokat a képpontokat tartalmazza, amelyek az ICO kiválasztott képében vannak. A fájlt ráadásul veszteségmentesen optimalizáljuk (OxiPNG), így a PNG kicsi marad. Ha a PNG-ből később JPG kellene, gondold végig: a JPG nem tud átlátszóságot, ott az átlátszó rész egy háttérszínt kap.

Gyakori félreértések:

• „Fekete lett a háttér.” Néhány képnéző az átlátszó részt feketén vagy kockás mintával mutatja. A PNG ettől még átlátszó; tedd be egy dokumentumba vagy diára, és ott a háttér színe látszik át rajta.
• „Nem nyílik meg az ICO.” Ha a fájl valójában egy átnevezett PNG vagy JPG, a böngésző általában így is beolvassa. Ha mégsem, a fájl sérült, vagy nem ikon (például egy .cur kurzorfájl vagy egy programfájl, amelybe az ikon be van építve).
• „Homályos a kép a dián.” A PNG pontosan akkora, amekkora az ICO legnagyobb képe volt. Kis ikont kis méretben használj.

Tegyük fel, hogy a saját céged régi weboldalának ikonját egy új prezentációba tennéd, de csak a favicon maradt meg.

1. A legtöbb oldalon a favicon a gyökérmappában érhető el: a böngészőben nyisd meg a cegednev.hu/favicon.ico címet, és mentsd le a fájlt. Ha a tárhelyhez hozzáférsz, onnan is letöltheted.
2. Húzd ide a favicon.ico-t, és indítsd az átalakítást.
3. Az előtte–utána csúszkán nézd meg az eredményt. Ha a PNG csak 32 × 32 pixeles, akkor az ICO-ban nem volt nagyobb kép.
4. Egy diára kis méretben ez is elég lehet. Ha nagy, éles logó kell, a 32 pixeles ikon kevés: kérd el az eredeti logót a grafikustól, vagy próbáld meg a PNG-t vektorizálni a PNG to SVG eszközzel, ami egyszerű, kevés színű ikonnál működhet.

Más cégek ikonjait és logóit csak a felhasználási szabályaik szerint használd: az ikon átalakítása nem változtat azon, hogy kié.

Feladat	Melyik eszköz?
ICO-ból PNG (szerkesztéshez, diára)	ez az oldal
PNG-ből új favicon.ico több mérettel	PNG to ICO
ICO-ból JPG, WebP vagy más formátum	kép konvertáló
PNG kisebbre méretezése	kép átméretezése

Ha a weboldaladhoz új faviconra van szükséged, a legjobb kiindulás egy nagy, négyzetes PNG (legalább 256 × 256 pixel), amelyből a PNG to ICO eszköz a szükséges méreteket elkészíti. A régi ICO-t ehhez érdemes először PNG-vé alakítani, megnézni, és ha elég nagy és éles, abból újragenerálni.

Az átalakítás teljes egészében a böngésződben történik, az ikonfájlok nem kerülnek fel szerverre. Több ICO-t is behúzhatsz egyszerre: egy fájlnál a PNG rögtön letöltődik, több fájlnál egy ZIP-ben kapod meg őket, de mindegyiket külön is letöltheted.