SVG na favicon

Proměňte logo v SVG v kompletní sadu favicon — favicon.ico, apple-touch-icon a ikony webových aplikací — ostře rasterizovanou ve vašem prohlížeči. Nic se nenahrává.

Soukromí na prvním místě: každý obrázek se zpracovává lokálně ve vašem prohlížeči. Nic se nenahrává, neukládá ani neodesílá na žádný server.

Vektor dovnitř, každá rastrová velikost ven

SVG je ideální zdroj pro favicon: je nezávislé na rozlišení, takže každou velikost ikony lze rasterizovat z původní geometrie, místo aby se převzorkovávala z už tak malé bitmapy. Vložte své SVG a každý výstup — 16, 32, 48, 180, 192 a 512 pixelů — se z vektoru vykreslí ve své vlastní velikosti, což udrží okraje ostré místo rozmazané. To je rozdíl mezi ikonou, která na kartě vypadá promyšleně, a ikonou, která vypadá jako šmouha.

Proč .ico přesto chcete

Moderní prohlížeče rády použijí SVG favicon přímo, ale ty starší i spousta nástrojů — čtečky kanálů, náhledy odkazů v chatu, zástupci na ploše — stále hledají favicon.ico. Vygenerovat z jednoho SVG obojí pokryje všechno. Přidejte odsazení, zvolte čtvercovou, zaoblenou nebo kruhovou masku a pozadí a pak si stáhněte celou sadu i s HTML úryvkem připraveným k vložení.

Časté dotazy

Nahrává se můj obrázek kvůli vytvoření favicon?
Ne. Favicon.ico, ikony PNG i manifest se generují lokálně ve vašem prohlížeči pomocí Canvas API. Váš obrázek nikdy neopustí vaše zařízení.
Jaké velikosti a soubory dostanu?
Favicon.ico ve více rozlišeních (16, 32 a 48 px), ikony PNG ve velikostech 16, 32, 48, 180 (apple-touch-icon), 192 a 512 px, site.webmanifest a HTML úryvek k vložení do vaší sekce <head>.
Mohu převést PNG nebo SVG na ICO?
Ano. Přidejte PNG, JPG, SVG nebo WebP a stáhněte si skutečný favicon.ico. Loga SVG se nejprve lokálně rastrují ve vysokém rozlišení.
Jaký obrázek funguje nejlépe?
Čtvercový obrázek s jednoduchým, kontrastním logem. Nečtvercové obrázky se ořežou na střed; pomocí ovládání odsazení a tvaru je zarámujete přesně podle sebe.
Jak favicon nainstaluji?
Rozbalte balíček do kořenové složky svého webu a vložte přiložený HTML úryvek do sekce <head> svých stránek. Favicon.ico si většina prohlížečů najde automaticky.