Konvertor PNG na ICO

Q: Ako previesť PNG na ICO pre favikonu webu?

Previeďte súbor s vybratou možnosťou **Všetky veľkosti**, výsledok premenujte na `favicon.ico` a nahrajte ho do koreňového priečinka webu. Prehliadače si túto cestu vyžiadajú samy, môžete ju uviesť aj značkou `link rel="icon"` v hlavičke stránky.

Premeňte štvorcový PNG na súbor .ico, ktorý obsahuje niekoľko veľkostí ikony naraz, od 16 px pre kartu prehliadača po 256 px pre Windows. Priehľadné rohy a okraje zostanú priehľadné.

alebo sem presuňte súbory JPG, JPEG, JPE … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Výstup

Previesť na

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

1
Nahrajte štvorcový PNG
Použite obrázok s rozmermi aspoň 256 × 256 px a priehľadným pozadím. V jednej dávke môžete nahrať až 20 súborov PNG, každý do 95 MB.
2
Vyberte veľkosti ikony
Veľkosti ikon sú predvolene nastavené na Všetky veľkosti (16–256), čo je bežná voľba. Jednu veľkosť vyberte v časti Rozšírené nastavenia len vtedy, keď program vyžaduje presne ju.
3
Preveďte a použite súbor .ico
Stlačte Previesť na ICO, stiahnite súbor a vložte ho do koreňového adresára webu alebo naň nasmerujte odkaz vo Windowse. Nahrané súbory sa po 30 minútach odstránia.

ICO je malý kontajner s obrázkami ikon, nie jeden obrázok: jeden súbor môže obsahovať verzie 16, 32, 48 a 256 px a systém vyberie tú, ktorá sedí.

Previesť PNG na ICO s viacerými veľkosťami v jednom súbore

Formát ICO pochádza z Windows 1.0 z roku 1985, keď boli ikony drobné bitmapy. Jeho trik je adresár na začiatku súboru, ktorý uvádza každý obrázok vo vnútri s jeho šírkou a výškou. Windows Vista (2007) umožnila ukladať tieto obrázky ako PNG, vďaka čomu sa ikona 256 × 256 s plynulou priehľadnosťou zmestí do súboru, ktorý sa načíta okamžite.

Prevod PNG tu tento kontajner vytvorí za vás. Zdroj sa zmenší na každú veľkosť, alfa kanál sa zachová, aby zaoblené rohy a jemné tiene vyzerali dobre na tmavom aj svetlom pozadí, a všetko sa zapíše do jedného súboru .ico. Začnite od obrázka s 256 px alebo väčšieho; zväčšenie PNG z 32 px na 256 vám dá len veľkú rozmazanú ikonu.

1:1

16 × 16 px

Karta prehliadača

Karty a záložky pri štandardnej hustote pixelov

1:1

32 × 32 px

Karta na obrazovke s vysokým DPI

Displeje Retina a 200 % škálovanie Windowsu

1:1

48 × 48 px

Výsledok vyhľadávania Google

Google vyžaduje štvorcovú favikonu v násobkoch 48 px

1:1

256 × 256 px

Extra veľké ikony vo Windowse

Najväčší obrázok, ktorý môže súbor ICO obsahovať

PNG

Portable Network Graphics

PNG je rastrový formát bez straty kvality publikovaný v roku 1996 skupinou PNG Development Group a neskôr štandardizovaný organizáciami W3C a ISO. Zachová každý pixel presne, podporuje plnú alfa priehľadnosť a text, ostré hrany a plné farby zvláda bez artefaktov. Vďaka tejto presnosti je ideálny pre snímky obrazovky, logá, ikony a grafiku rozhraní. Nevýhodou je veľkosť: fotografie uložené ako PNG sú často niekoľkonásobne väčšie než rovnaká fotka v JPEG alebo WebP. PNG otvoria všetky prehliadače, operačné systémy aj editory.

Kompresia: Bezstratová
Priehľadnosť: Áno
Animácia: Nie
Rok vzniku: 1996 · PNG Development Group

Konvertor PNG

ICO

Ikona Windows

ICO je formát ikon Microsoftu používaný pre ikony programov vo Windows a favicony webov. Jeden súbor .ico môže obsahovať viacero obrázkov rôznych veľkostí, napríklad 16×16, 32×32, 48×48 a 256×256 pixelov, aby systém mohol vybrať najlepšie sediacu. Každý obrázok môže byť uložený ako bitmapa alebo dáta PNG a podporuje plnú alfa priehľadnosť. ICO nie je určený pre fotografie ani veľkú grafiku. Prečítajú ho prehliadače, Windows aj väčšina editorov ikon.

Kompresia: Bezstratová
Priehľadnosť: Áno
Animácia: Nie
Rok vzniku: Microsoft

Konvertor ICO

PNG je jeden obrázok v jednej veľkosti, kým Windows a prehliadače chcú súbor .ico, ktorý združuje viac veľkostí, aby si každá obrazovka vybrala najostrejšiu; prevod z ICO späť na PNG je len vyňatie grafiky.

Favikona alebo ikona Windows: aké veľkosti dať do ICO

Prehliadače kreslia ikonu karty v 16 px, na obrazovkách s vysokým DPI v 32 px a Vyhľadávanie Google zobrazuje favikony zo základu 48 px. Ponechajte Všetky veľkosti, aby jeden súbor pokryl všetky tri.

Uložte ako favicon.ico do koreňa webu
Pre ikonu Apple touch pridajte samostatne PNG 180 × 180

Ako pripraviť grafiku PNG, ktorá bude čitateľná aj pri 16 px

Nápad favikony vznikol v Internet Exploreri 5 v roku 1999, ktorý pri pridaní záložky hľadal v koreni webu súbor favicon.ico. Ostatné prehliadače toto správanie prevzali, preto sa požiadavka na presne túto cestu objavuje v logoch serverov dodnes.

Pri 16 × 16 je spolu 256 pixelov, takže grafika musí byť výrazná. Vynechajte slogany a tenké obrysy, zachovajte silný kontrast voči svetlým aj tmavým témam prehliadača a nechajte okolo tvaru pixel odstupu. Mnohé značky používajú len začiatočné písmeno alebo symbol. Ak máte logo ako vektorový súbor, previeďte ho cez SVG do ICO, aby sa každá veľkosť kreslila z ostrých obrysov.

Otázky k prevodu PNG na ICO

Ako previesť PNG na ICO pre favikonu webu?

Previeďte súbor s vybratou možnosťou Všetky veľkosti, výsledok premenujte na favicon.ico a nahrajte ho do koreňového priečinka webu. Prehliadače si túto cestu vyžiadajú samy, môžete ju uviesť aj značkou link rel="icon" v hlavičke stránky.

Prečo je moja ikona pri 16 pixeloch rozmazaná?

Detailná grafika sa pri zmenšení na 16 × 16 nezachová, pretože písmeno alebo tenká čiara zaberie menej než jeden pixel. Malé veľkosti zjednodušte: jedno výrazné písmeno alebo tvar je na karte prehliadača čitateľnejšie než celé logo s textom.

Čo sa stane, ak môj PNG nie je štvorcový?

Ikony sú štvorcové, preto sa široké logo podľa programu buď doplní okrajmi, alebo stlačí. Najprv PNG orežte alebo doplňte na štvorcové plátno, aby ste o umiestnení prázdneho miesta rozhodli vy.

Môžem súbor .ico použiť na zmenu ikony priečinka vo Windows?

Áno. Kliknite pravým tlačidlom na priečinok, otvorte Vlastnosti > Prispôsobiť > Zmeniť ikonu a vyberte súbor .ico. Odkazy na ploche fungujú rovnako cez Vlastnosti > Zmeniť ikonu.

Potrebujem súbor ICO, aj keď má môj web ikony PNG?

Moderné prehliadače akceptujú ikony PNG a SVG uvedené v hlavičke stránky, no niektoré nástroje, čítačky kanálov a staršie prehliadače si stále pýtajú priamo /favicon.ico. Malé ICO s viacerými veľkosťami tam zabráni chybám 404 vo vašich logoch.