Konvertor WebP na ICO
Vaše logo máte len ako WebP uložený z vlastného webu alebo z exportu dizajnu? Premeňte ho na favicon.ico, ktorý prehliadače, záložky aj odkazy vo Windows načítajú bez ďalšieho kódu.
Prevodník obrázkov
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
Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.
85 zachová fotografie vizuálne rovnaké ako originál. Znížte ju, len keď potrebujete menší súbor.
JPG, BMP a EPS nemajú priehľadnosť. Priehľadné pixely sa vyplnia touto farbou.
Hex farba použitá za priehľadnými pixelmi, napr. #FFFFFF.
Tento formát obsahuje jediný obrázok. Ak chcete zachovať animáciu, vyberte výstup GIF alebo WebP.
Ikona s viacerými veľkosťami obsahuje niekoľko rozlíšení v jednom súbore; prehliadače a operačné systémy si vyberú, ktoré potrebujú.
Ponechajte pôvodné rozmery alebo zadajte jednu stranu a pomer strán sa zachová.
Pixely pre stranu vybranú vyššie.
Percento pôvodných rozmerov.
sRGB je správne pre obrazovky a web. Pôvodný ponechajte pre tlačové postupy; odtiene sivej zahodia farbu.
Len metadáta, 0 ponechá pôvodnú hodnotu. Tlačiarne a niektoré portály toto číslo čítajú; nemení rozmery v pixeloch.
Ako používať tento nástroj
- 1
Nahrajte logo vo WebP
Presuňte súbor .webp, alebo naraz až 20 súborov s veľkosťou do 95 MB. Najlepšie funguje štvorcové logo s rozmermi aspoň 256 × 256 px.
- 2
Ponechajte všetky veľkosti ikony
Veľkosti ikon je predvolene nastavené na Všetky veľkosti (16–256) v časti Rozšírené nastavenia. Animované WebP použijú svoj prvý snímok.
- 3
Previeďte a nahrajte na svoj web
Stlačte Previesť na ICO, súbor podľa potreby premenujte na favicon.ico a uložte ho do koreňového priečinka svojho webu.
Loga uložené z webov sú dnes väčšinou vo WebP. Jedným prevodom z nich vznikne viacveľkostný favicon.ico so zachovaným priehľadným pozadím.
Ako vytvoriť favicon.ico z loga vo WebP
WebP sa stal predvoleným obrazovým formátom veľkej časti webu po tom, čo ho Google predstavil v roku 2010; WordPress prijíma nahrávanie WebP od verzie 5.8 z roku 2021 a mnohé obrazové CDN konvertujú každé PNG, ktoré doručujú. Keď teda hľadáte vlastné logo, dostupná kópia býva často .webp, ktorý generátory faviconov, Windows a niektoré hostingové panely neprijmú.
Formát ICO rieši iný problém než WebP. Namiesto jedného komprimovaného obrázka združuje viacero štvorcových bitmáp a prehliadač alebo operačný systém si vyberie potrebnú veľkosť: 16 px pre kartu, 32 px pre panel úloh alebo panel záložiek, väčšie pre odkazy na ploche a displeje s vysokou hustotou. Prevod vytvorí tieto veľkosti z vášho WebP naraz.
Samotný WebP si ponechajte pre logo v hlavičke stránky. Oba súbory slúžia na iné účely a prevod pôvodný súbor nijako nemení.
Čo konvertor vloží do súboru ICO
- Päť veľkostí v jednom .ico
- 16–256 px
- súborov WebP v jednej dávke
- 20
- Maximálna veľkosť súboru
- 95 MB
- Potom sa zmažú zo servera
- 30 min
WEBP
Obrázok WebP
WebP je obrazový formát, ktorý Google vydal v roku 2010 na zrýchlenie načítavania webových stránok. V jednom formáte podporuje stratovú aj bezstratovú kompresiu, alfa priehľadnosť a animáciu. Stratové súbory WebP sú pri porovnateľnej vizuálnej kvalite zvyčajne o 25–35 % menšie ako JPEG a bezstratové WebP je zvyčajne menšie ako PNG. Podporujú ho všetky aktuálne prehliadače, no niektorý starší desktopový softvér, tlačové služby a formuláre na nahrávanie ho stále odmietajú. Súbory WebP otvoria Windows, macOS aj väčšina moderných obrazových editorov.
- Kompresia
- So stratou alebo bezstratová
- Priehľadnosť
- Áno
- Animácia
- Áno
- Rok vzniku
- 2010 · Google
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
Logo vo WebP treba previesť na ICO vtedy, keď jediná kópia značky je komprimovaný súbor z webu alebo CMS a stránka stále potrebuje favicon.ico v koreni.
Príprava loga vo WebP na 16 px kartu prehliadača
Orežte na značku
Väčšina log je široká. Ponechajte len symbol alebo prvé písmeno a orežte ho na štvorec s malým okrajom.
Vynechajte malý text
Slogany a názvy značky sa pri 16 px zmenia na sivý šum. Jediný výrazný tvar prežije, tenké čiary nie.
Skontrolujte oba farebné režimy kariet
Pozrite si výsledok vo svetlej aj tmavej téme prehliadača. Tmavé logo na priehľadnom pozadí môže na tmavej karte zmiznúť.
Pridanie nového faviconu na váš web
Súbor favicon.ico dajte do koreňového priečinka, aby bol dostupný na yoursite.com/favicon.ico. Deklarácia v hlavičke stránky pomocou <link rel="icon" href="/favicon.ico" sizes="any"> určí voľbu výslovne a CMS ako WordPress má vlastné pole Ikona stránky, ktoré tieto značky zapíše za vás.
Súpravu dopĺňajú ďalšie dve ikony. iPhony a iPady používajú apple-touch-icon, PNG so 180 × 180 px, keď si niekto pridá váš web na plochu; vytvoríte ho cez WebP do PNG a nášho sprievodcu orezávaním. Google Search vyžaduje štvorcový favicon s veľkosťou násobku 48 px, takže PNG s 96 alebo 144 px prepojené z domovskej stránky pokryje aj výsledky vyhľadávania. Prehliadače favicony agresívne ukladajú do vyrovnávacej pamäte; nový uvidíte hneď v okne inkognito.
Otázky o prevode WebP na ICO
Prečo potrebujem súbor .ico, keď už mám logo vo WebP?
Prehliadače si /favicon.ico vyžiadajú z koreňa webu samy, keď stránka nedeklaruje žiadnu ikonu, a odkazy vo Windowse, staršie prehliadače aj mnohé polia favicon v redakčných systémoch očakávajú ICO alebo PNG. Jeden súbor .ico v koreni pokryje všetko bez akéhokoľvek kódu.
Zostane priehľadná oblasť okolo loga vo WebP priehľadná?
Áno. WebP aj ICO podporujú alfa kanál, takže priehľadné pozadie sa prenesie do každej veľkosti v ikone a favicon pekne vyzerá na svetlých aj tmavých kartách prehliadača.
Čo sa stane, ak nahrám animovaný WebP?
ICO obsahuje statické obrázky, preto konvertor použije prvý snímok (Animovaný vstup je nastavený na Len prvý snímok). Ak je prvý snímok prázdny alebo uprostred prechodu, zvoľte iný zdroj.
Prejaví sa stratová kompresia WebP na favicone?
Pri 16 až 64 px zriedkavo, pretože zmenšenie drobné artefakty vyhladí. V vrstvách 128 a 256 px môžu zostať slabé svetlé okraje. Ak logo existuje aj ako vektor, najčistejšie hrany dá SVG do ICO.
Aké rozlíšenie musí mať logo vo WebP pre ostrý favicon?
Aspoň 256 × 256 px a štvorcový, aby sa najväčšia vrstva vytvorila zmenšením, nie zväčšením. Logo so 120 px uložené z hlavičky stránky bude vo väčších veľkostiach vyzerať rozmazane.