Převod obrázku do ICO
Vytvořte favicon.ico nebo ikonu pro Windows z jakéhokoli obrázku, který máte: z loga v PNG, z SVG od grafika, z JPG z podkladů značky, nebo dokonce z fotky z telefonu. Výsledný soubor obsahuje několik velikostí. Níže najdete, který zdroj funguje nejlépe a jaké další soubory ikon jednotlivé platformy očekávají.
Převodník obrázků
nebo sem přetáhněte soubory JPG, JPEG, JPE … ·
Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách
Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.
85 udrží fotografie vizuálně shodné s originálem. Snižte ji, jen když potřebujete menší soubor.
JPG, BMP a EPS nemají průhlednost. Průhledné pixely se vyplní touto barvou.
Hexadecimální barva použitá za průhlednými pixely, např. #FFFFFF.
Tento formát obsahuje jediný obrázek. Chcete-li zachovat animaci, zvolte výstup GIF nebo WebP.
Ikona s více velikostmi obsahuje několik rozlišení v jednom souboru; prohlížeče a operační systémy si vyberou to, které potřebují.
Ponechte původní rozměry, nebo zadejte jednu stranu a poměr stran se zachová.
Pixely pro stranu vybranou výše.
Procento původních rozměrů.
sRGB je správná volba pro obrazovky a web. Pro tiskové postupy ponechte originál; odstíny šedi zahodí barvu.
Pouze metadata, 0 ponechá původní hodnotu. Tiskárny a některé portály toto číslo čtou; rozměry v pixelech nemění.
Jak nástroj používat
- 1
Vyberte nejčistší zdroj, který máte
Nahrajte obrázek, který chcete použít jako ikonu, ideálně čtvercové logo nebo symbol o velikosti 256 × 256 px či větší.
- 2
Velikosti ikon nechte na Vše
V části Pokročilá nastavení je u položky Velikosti ikon předvoleno Všechny velikosti (16–256). Jednu konkrétní velikost zvolte jen tehdy, když program vyžaduje právě tu.
- 3
Převeďte a vyzkoušejte
Klikněte na Převést na ICO, stáhněte soubor a před zveřejněním se na něj podívejte na kartě prohlížeče nebo na ploše.
Jak změním obrázek na ikonu ICO?
Nahrajte čtvercový obrázek o velikosti alespoň 256 × 256 px, nechte Velikosti ikon na Všechny velikosti (16–256) a klikněte na Převést na ICO. Získáte jeden soubor s verzemi 16, 32, 64, 128 a 256 px, připravený jako favicon.ico nebo ikona zástupce ve Windows.
Převod obrázku do ICO: z jakého zdrojového obrázku vyjít
ICO je ikonový kontejner Microsoftu, stejně starý jako samotné Windows. Neukládá jediný obrázek, ale malý adresář obrázků, a od Windows Vista může být největší záznam, 256 px, komprimován jako PNG. Prohlížeče formát převzaly v roce 1999, kdy Internet Explorer 5 začal u každého webu žádat o /favicon.ico.
Protože převodník zmenšuje obrázek až na 16 px, výsledek určuje zdroj mnohem víc než jakékoli nastavení. Před nahráním zdroje je porovnejte a široký obrázek nejdřív oříznete na čtverec; nástroj oříznout obrázek nastaví rámec 1:1 během pár vteřin.
Vektorové logo (SVG, EPS, AI)
Při každé velikosti se vykreslí znovu, takže hrany zůstanou ostré. Nejlepší volba, pokud ho váš grafik může poslat.
Průhledné PNG nebo WebP
Zachová průhledné pozadí, kterým prosvítá lišta karet. Vycházejte z 256 px nebo víc.
JPG, HEIC nebo snímek obrazovky
Funguje, ale čtvercové pozadí zůstane. Vyplňte ho nebo oříznete, aby rohy působily záměrně.
Kde jednotlivé platformy hledají soubor ikony
32 × 32 px
favicon.ico (karta prohlížeče)
16 a 32 px se kreslí na kartách a v záložkách; ICO z této stránky obsahuje obě
256 × 256 px
Zástupce ve Windows nebo .exe
Zobrazení velkých ikon a obrazovky s vysokým DPI použijí záznam 256 px
180 × 180 px
apple-touch-icon.png
PNG, ne ICO; použije se, když si někdo přidá web na plochu iPhonu
512 × 512 px
Ikona webové aplikace v manifestu
PNG uvedené v manifest.json spolu s verzí 192 px pro instalovatelné webové aplikace
ANY I
Jakýkoli obrázek
Nástroj přijímá běžné obrázkové formáty včetně JPG, PNG, WebP, HEIC, GIF, BMP a TIFF. Formát se z or souboru pozná automaticky, takže nemusíte vědět, o jaký typ obrázku jde.
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
Libovolný obrázek se převádí do ICO proto, že karta prohlížeče, zástupce ve Windows nebo instalátor očekávají jeden soubor .ico, a jediná dostupná grafika je logo, snímek obrazovky nebo fotka v jiném formátu; vytažení PNG z ICO je opak, záchrana grafiky.
Test čitelnosti při 16 px před převodem do ICO
Ikona 16 × 16 px má celkem 256 pixelů. Celý nápis se změní v šedou šmouhu; jediné výrazné písmeno nebo symbol přežije. Před převodem zmenšete zdroj v libovolném prohlížeči na 16 px a zkuste poznat, zda byste ho poznali v řadě 30 otevřených karet.
Kontrast je stejně důležitý jako tvar. Karty se zobrazují na světlých i tmavých motivech prohlížeče, takže černé logo na průhledném pozadí může v tmavém režimu zmizet. Tenký světlý obrys nebo plný zaoblený čtverec za symbolem ho udrží viditelný na obou. Pro aplikace v macOS potřebujete místo toho ICNS; PNG do ICNS ho vytvoří ze stejné grafiky.
Otázky k převodu obrázku do ICO
Které formáty obrázků lze na této stránce převést do ICO?
Jakýkoli obrázek, který převodník umí přečíst: mimo jiné PNG, JPG, SVG, WebP, AVIF, HEIC, GIF, BMP, TIFF, PSD a RAW z fotoaparátů. Nejčistší hrany dá průhledné PNG nebo SVG; JPG funguje, ale s sebou přenese obdélníkové pozadí.
Stačí favicon.ico, nebo potřebuji i další soubory ikon?
Soubor .ico pokryje karty prohlížeče a záložky všude. iPhony a iPady hledají PNG o velikosti 180 × 180 px pojmenované apple-touch-icon a Chrome nabídne instalaci webu jako aplikace, jen když webový manifest uvádí PNG ikony 192 a 512 px.
Potřebují Windows v ICO obrázek 48 px?
Střední zobrazení ikon v Průzkumníku souborů kreslí ikony ve 48 px. Pokud soubor záznam 48 px neobsahuje, Windows zmenší nejbližší větší, tady obraz 64 px, což u výrazné grafiky obvykle vypadá dobře. Jemné linky mohou zjemnět.
Může jeden soubor ICO zobrazit jinou grafiku při 16 px a při 256 px?
Formát to umožňuje a systémové ikony často používají pro nejmenší velikosti zjednodušenou kresbu. Tento převodník škáluje jeden obrázek na všechny velikosti. Pokud potřebuje verze 16 px vlastní kresbu, exportujte ji zvlášť a převeďte s Velikosti ikon nastavenými na 16 px.
Jak před převodem ověřím, že je ikona čitelná při 16 px?
Zmenšete obrázek v libovolném editoru na 16 px a prohlédněte si ho při 100% zvětšení. Pokud nepoznáte, co to je, ubírejte detaily: vynechte slogan, ponechte iniciálu nebo symbol a ztlušťte tenké čáry.
Kam na webu nahrát favicon.ico?
Umístěte ho do kořenové složky webu, aby odpovídal na adrese /favicon.ico, protože prohlížeče si tuto adresu vyžádají, i když na ni žádná značka neodkazuje. Značka link s rel="icon" v hlavičce stránky umožní soubor uložit jinam.