Převod PNG do ICO

Q: Jak převést PNG do ICO pro favikonu webu?

Převeďte soubor s vybranou volbou **Všechny velikosti**, výsledek přejmenujte na `favicon.ico` a nahrajte ho do kořenové složky webu. Prohlížeče si tuto cestu vyžádají samy, případně na něj můžete odkázat značkou `link rel="icon"` v hlavičce stránky.

Ze čtvercového PNG vytvoříte soubor .ico, který obsahuje několik velikostí ikony najednou, od 16 px pro kartu prohlížeče po 256 px pro Windows. Průhledné rohy a okraje zůstanou průhledné.

nebo sem přetáhněte soubory JPG, JPEG, JPE … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Převést na

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

1
Nahrajte čtvercové PNG
Použijte předlohu alespoň 256 × 256 px s průhledným pozadím. V jedné dávce můžete nahrát až 20 souborů PNG, každý do 95 MB.
2
Vyberte velikosti ikony
Položka Velikosti ikon je výchozně nastavená na Všechny velikosti (16–256), což je obvyklá volba. Jednu konkrétní velikost vyberte v části Pokročilá nastavení jen tehdy, když ji program výslovně vyžaduje.
3
Převeďte a použijte soubor .ico
Klikněte na Převést na ICO, stáhněte soubor a umístěte ho do kořenové složky webu nebo na něj nasměrujte zástupce ve Windows. Nahrané soubory se po 30 minutách smažou.

ICO je malý kontejner s obrázky ikon, ne jeden obrázek: jeden soubor může obsahovat verze 16, 32, 48 a 256 px a systém si vybere tu, která se hodí.

Převeďte PNG do ICO s více velikostmi v jednom souboru

Formát ICO pochází z Windows 1.0 z roku 1985, kdy byly ikony drobné bitmapy. Jeho trik je adresář na začátku souboru, který uvádí všechny obrázky uvnitř včetně jejich šířky a výšky. Windows Vista (2007) umožnily ukládat tyto obrázky jako PNG, díky čemuž se ikona 256 × 256 s plynulou průhledností vejde do souboru tak malého, že se načte okamžitě.

Převodem PNG zde tento kontejner vytvoříte. Zdroj se zmenší na každou velikost, alfa kanál se zachová, aby zaoblené rohy a měkké stíny vypadaly dobře na tmavém i světlém pozadí, a vše se zapíše do jediného souboru .ico. Vyjděte z grafiky o velikosti 256 px nebo větší; zvětšením PNG o 32 px na 256 získáte jen velkou rozmazanou ikonu.

1:1

16 × 16 px

Karta prohlížeče

Karty a záložky při běžné hustotě pixelů

1:1

32 × 32 px

Karta na obrazovce s vysokým DPI

Displeje Retina a škálování Windows na 200 %

1:1

48 × 48 px

Výsledek vyhledávání Google

Google vyžaduje čtvercovou favicon v násobcích 48 px

1:1

256 × 256 px

Windows – Extra velké ikony

Největší obrázek, který může soubor ICO obsahovat

PNG

Portable Network Graphics

PNG je rastrový formát bez ztráty kvality, který v roce 1996 zveřejnila skupina PNG Development Group a později ho standardizovaly W3C a ISO. Zachová každý pixel přesně, podporuje plnou průhlednost alfa a bez artefaktů zvládá text, ostré hrany i plné barvy. Díky této přesnosti je ideální pro snímky obrazovky, loga, ikony a grafiku rozhraní. Nevýhodou je velikost: fotografie uložené jako PNG bývají několikanásobně větší než stejná fotka v JPEG nebo WebP. Soubory PNG otevřou všechny prohlížeče, operační systémy i editory.

Komprese: Bezztrátová
Průhlednost: Ano
Animace: Ne
Představeno: 1996 · PNG Development Group

Převodník PNG

ICO

Ikona Windows

ICO je formát ikon od Microsoftu, používaný pro ikony programů ve Windows a favicony webů. Jeden soubor .ico může obsahovat několik obrázků v různých velikostech, například 16×16, 32×32, 48×48 a 256×256 pixelů, takže systém může vybrat nejvhodnější. Každý obrázek může být uložen jako bitmapa nebo jako data PNG a podporuje plnou alfa průhlednost. ICO není určeno pro fotografie ani velkou grafiku. Čtou ho prohlížeče, Windows i většina editorů ikon.

Komprese: Bezztrátová
Průhlednost: Ano
Animace: Ne
Představeno: Microsoft

Převodník ICO

PNG je jeden obrázek v jedné velikosti, zatímco Windows a prohlížeče chtějí soubor .ico, který sdružuje několik velikostí, aby si každá obrazovka vybrala nejostřejší; převod z ICO zpět do PNG je jen vytažení grafiky.

Favikona, nebo ikona Windows: jaké velikosti dát do ICO

Prohlížeče vykreslují ikonu karty v 16 px, na obrazovkách s vysokým DPI ve 32 px, a Vyhledávání Google zobrazuje favicony ze základu 48 px. Ponechte Všechny velikosti, aby jeden soubor pokryl všechny tři.

Uložte jako favicon.ico do kořenové složky webu
Samostatně přidejte PNG 180 × 180 pro Apple touch icon

Jak připravit grafiku PNG, aby byla čitelná i při 16 px

Myšlenka favicony vznikla v Internet Exploreru 5 v roce 1999, který při přidání webu do záložek hledal v kořenovém adresáři soubor favicon.ico. Ostatní prohlížeče toto chování převzaly, proto se požadavek na přesně tuto cestu dodnes objevuje v logech serverů.

V 16 × 16 je dohromady 256 pixelů, takže grafika musí být výrazná. Vynechte slogany a tenké obrysy, zachovejte silný kontrast vůči světlému i tmavému motivu prohlížeče a kolem tvaru nechte pixel odsazení. Mnoho značek používá jen iniciálu nebo symbol. Pokud logo existuje jako vektorový soubor, převeďte ho přes SVG do ICO, aby se každá velikost vykreslila z ostrých obrysů.

Otázky k převodu PNG do ICO

Jak převést PNG do ICO pro favikonu webu?

Převeďte soubor s vybranou volbou Všechny velikosti, výsledek přejmenujte na favicon.ico a nahrajte ho do kořenové složky webu. Prohlížeče si tuto cestu vyžádají samy, případně na něj můžete odkázat značkou link rel="icon" v hlavičce stránky.

Proč je moje ikona při 16 pixelech rozmazaná?

Podrobná grafika zmenšení na 16 × 16 nepřežije, protože písmeno nebo tenká čára zabírají méně než jeden pixel. Malé velikosti zjednodušte: jedno tučné písmeno nebo tvar je na kartě prohlížeče čitelnější než celé logo s textem.

Co se stane, když moje PNG není čtvercové?

Ikony jsou čtvercové, takže široké logo se podle programu, který ikonu čte, buď doplní okraji, nebo stlačí. Nejdřív PNG oříznšete nebo doplňte na čtvercové plátno, abyste sami rozhodli, kam přijde prázdné místo.

Mohu soubor .ico použít ke změně ikony složky ve Windows?

Ano. Klikněte pravým tlačítkem na složku, otevřete Vlastnosti > Přizpůsobit > Změnit ikonu a vyberte soubor .ico. Zástupci na ploše fungují stejně přes Vlastnosti > Změnit ikonu.

Potřebuji soubor ICO, i když má můj web ikony PNG?

Moderní prohlížeče přijímají ikony PNG a SVG uvedené v hlavičce stránky, ale některé nástroje, čtečky kanálů a starší prohlížeče si stále vyžádají přímo /favicon.ico. Malý soubor ICO s více velikostmi na tomto místě předejde chybám 404 ve vašich logech.