Převodník WebP do ICO
Máte logo jen jako WebP uložený z vlastního webu nebo z exportu návrhu? Převeďte ho na favicon.ico, který prohlížeče, záložky i zástupci ve Windows načtou bez dalšího kódu.
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
Nahrajte logo ve WebP
Přetáhněte soubor .webp, nebo jich najednou až 20, každý do 95 MB. Nejlépe funguje čtvercové logo o velikosti alespoň 256 × 256 px.
- 2
Ponechte všechny velikosti ikony
Nastavení Velikosti ikon začíná na hodnotě Všechny velikosti (16–256) v části Pokročilá nastavení. U animovaných WebP se použije první snímek.
- 3
Převeďte a nahrajte na svůj web
Klikněte na Převést na ICO, podle potřeby soubor přejmenujte na favicon.ico a umístěte ho do kořenové složky svého webu.
Loga uložená z webů bývají dnes většinou WebP. Jediný převod z tohoto souboru vytvoří víceúrovňový favicon.ico se zachovaným průhledným pozadím.
Vytvořte favicon.ico z loga ve WebP
WebP se po svém uvedení Googlem v roce 2010 stal výchozím obrazovým formátem velké části webu; WordPress přijímá nahrávání WebP od verze 5.8 z roku 2021 a mnohé obrazové CDN převádějí každý PNG, který poskytují. Když tedy hledáte vlastní logo, nalezená kopie bývá často .webp, který generátory faviconů, Windows a některé hostingové panely nepřijmou.
Formát ICO řeší jiný problém než WebP. Místo jednoho komprimovaného obrázku v sobě sdružuje několik čtvercových bitmap a prohlížeč či operační systém si vybere potřebnou velikost: 16 px pro kartu, 32 px pro hlavní panel nebo lištu záložek, větší pro zástupce na ploše a displeje s vysokou hustotou. Převod tyto velikosti vytvoří z vašeho WebP na jeden průchod.
Samotný WebP si ponechte pro logo v záhlaví stránky. Oba soubory slouží různým místům a převod původní soubor nijak nemění.
Co převodník vloží do souboru ICO
- Pět velikostí v jednom souboru .ico
- 16–256 px
- souborů WebP v jedné dávce
- 20
- Maximální velikost souboru
- 95 MB
- Poté se smažou ze serveru
- 30 min
WEBP
Obrázek WebP
WebP je obrazový formát, který Google vydal v roce 2010 pro rychlejší načítání webových stránek. V jednom formátu podporuje ztrátovou i bezeztrátovou kompresi, alfa průhlednost a animace. Ztrátové soubory WebP bývají při podobné vizuální kvalitě o 25–35 % menší než JPEG a bezeztrátový WebP bývá menší než PNG. Podporují ho všechny současné prohlížeče, ale některý starší desktopový software, tiskové služby a formuláře pro nahrávání jej stále odmítají. Windows, macOS i většina moderních obrazových editorů soubory WebP otevře.
- Komprese
- Ztrátová i bezztrátová
- Průhlednost
- Ano
- Animace
- Ano
- Představeno
- 2010 · Google
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
Logo ve WebP se mění na ICO, když je jediná kopie značky komprimovaný soubor z webu nebo redakčního systému a web přitom potřebuje favicon.ico v kořenové složce.
Jak připravit logo ve WebP pro kartu prohlížeče o velikosti 16 px
Oříznutí na značku
Většina log je široká. Ponechte jen symbol nebo první písmeno a oříznete ho na čtverec s malým okrajem.
Vynechte drobný text
Slogany a textová loga se při 16 px změní v šedý šum. Jeden výrazný tvar přežije, tenké čáry ne.
Zkontrolujte obě barvy karty
Prohlédněte si výsledek ve světlém i tmavém motivu prohlížeče. Tmavé logo na průhledném pozadí může na tmavé kartě zmizet.
Jak přidat nový favicon na web
Umístěte favicon.ico do kořenové složky, aby byl dostupný na yoursite.com/favicon.ico. Deklarace v hlavičce stránky pomocí <link rel="icon" href="/favicon.ico" sizes="any"> volbu zpřesní a redakční systém jako WordPress má vlastní pole Ikona webu, které tyto značky zapíše za vás.
Sadu doplňují ještě dvě ikony. iPhony a iPady používají apple-touch-icon, PNG o velikosti 180 × 180 px, když si někdo přidá váš web na plochu; vytvoříte ho pomocí WebP do PNG a našeho návodu k ořezu. Vyhledávač Google vyžaduje čtvercový favicon s velikostí násobkem 48 px, takže PNG o velikosti 96 nebo 144 px odkazovaný z úvodní stránky pokryje i výsledky vyhledávání. Prohlížeče favicony agresivně ukládají do mezipaměti; novou ikonu uvidíte hned v anonymním okně.
Otázky k převodu WebP do ICO
Proč potřebuji soubor .ico, když už mám logo ve WebP?
Pokud stránka nedeklaruje žádnou ikonu, prohlížeče si samy vyžádají /favicon.ico z kořene webu. Zástupci ve Windows, starší prohlížeče i mnohá pole pro favicon v redakčních systémech očekávají ICO nebo PNG. Jeden soubor .ico v kořenové složce vyhoví všem bez jakéhokoli kódu navíc.
Zůstane průhledná oblast kolem loga ve WebP průhledná?
Ano. WebP i ICO podporují alfa kanál, takže průhledné pozadí přejde beze změny do každé velikosti uvnitř ikony a favicon vypadá čistě na světlých i tmavých kartách prohlížeče.
Co se stane, když nahraji animovaný WebP?
ICO obsahuje statické obrázky, proto převodník použije první snímek (Animovaný vstup je nastaven na Jen první snímek). Pokud je první snímek prázdný nebo uprostřed přechodu, zvolte jiný zdroj.
Projeví se ztrátová komprese WebP na faviconu?
U velikostí 16 až 64 px zřídka, protože zmenšení drobné artefakty zprůměruje. Slabé světelné okraje mohou zůstat ve vrstvách 128 a 256 px. Pokud logo existuje i jako vektor, nejčistší hrany získáte pomocí SVG do ICO.
Jaké rozlišení musí mít logo ve WebP, aby byl favicon ostrý?
Alespoň 256 × 256 px a čtvercový, aby se největší vrstva vytvářela zmenšením, ne zvětšením. Logo o šířce 120 px uložené ze záhlaví stránky bude ve větších velikostech působit rozmazaně.