Ako To Funguje

Vyberte Svoj Zdroj

Nahrajte obrázok, vytvorte z textu s vlastnými fontmi, vyberte zo stoviek emoji alebo nakreslite pixel art. Analyzujte akúkoľvek URL pre extrakciu existujúcich faviconov.

Prispôsobiť a Náhľad

Upravte pozadia, prechody, zaoblenie a efekty. Prezrite si svoj favicon v kartách prehliadača, na domovskej obrazovke iOS, Android a dlaždiciach Windows v reálnom čase.

Generovať a Stiahnuť

Vygenerujte všetky veľkosti jedným kliknutím. Stiahnite si kompletný balíček s pripravenými úryvkami kódu pre viac ako 35 frameworkov.

Štyri Spôsoby, Ako Vytvoriť Váš Favicon

Nahrať Obrázok

Začnite s akýmkoľvek obrázkom — PNG, JPG, SVG alebo WebP. Pridajte pozadie, upravte odsadenie, jas, kontrast a aplikujte zaoblené rohy. Ideálne pre logá a existujúce prvky značky.

Text na Favicon

Vytvárajte textové favicony s viac ako 1500 Google Fonts. Vyberte hrúbku písma, farby a pridajte plné alebo prechodové pozadia. Ideálne pre jednoduché ikony založené na písmenách.

Emoji Favicon

Vyberajte zo stoviek emoji v 12 kategóriách vrátane všetkých vlajok krajín. Pridajte farebné pozadia s predvoľbami alebo vlastnými prechodmi pre vyladený vzhľad.

Plátno Pixel Art

Nakreslite svoj vlastný favicon pixel po pixeli na prispôsobiteľnej mriežke. Používajte nástroje pero, guma a výplň s podporou späť/znova. Exportujte svoj pixel art výtvor okamžite.

Výkonné Funkcie

100% Súkromné

Všetko spracovanie prebieha lokálne vo vašom prehliadači. Vaše obrázky nikdy neopustia vaše zariadenie. Žiadne nahrávanie, žiadne cloudové úložisko, žiadny zber dát.

Všetky Platformy Pokryté

Generujte viac ako 15 veľkostí faviconov pre prehliadače, domovskú obrazovku iOS, Chrome Android, dlaždice Windows, pripnuté karty Safari a Progresívne Webové Aplikácie.

Živý Náhľad

Pozrite sa presne, ako váš favicon vyzerá v kartách prehliadača, na domovskej obrazovke iOS, spúšťači Android a dlaždiciach Windows pred generovaním.

Úryvky pre 35+ Frameworkov

Získajte kód pripravený na použitie pre HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django a viac ako 25 ďalších platforiem.

Analyzátor URL

Analyzujte akýkoľvek web pre extrakciu existujúcich faviconov. Pozrite sa, aké veľkosti sú prítomné, čo chýba, a pregenerujte kompletnú sadu jedným kliknutím.

História Generovania

Pristupujte ku svojim nedávnym generáciám faviconov. Obnovte predchádzajúce výtvory, porovnajte verzie alebo pokračujte v úpravách tam, kde ste prestali.

Rýchle Šablóny

Začnite s profesionálne navrhnutými šablónami s plnými farbami, prechodmi a vzormi. Aplikujte a prispôsobte tak, aby zodpovedali vašej značke.

Viacveľkostné ICO

Automaticky vytvára ICO súbory s viacerými rozlíšeniami vložením veľkostí 16x16, 32x32 a 48x48 pre maximálnu kompatibilitu prehliadačov.

Kompletný Balíček Výstupu

Štandardné Favicony

favicon.ico (viac veľkostí), 16x16, 32x32 a 48x48 PNG pre karty prehliadača a záložky.

Ikony Apple Touch

180x180 Apple Touch Ikona pre domovskú obrazovku iOS, plus SVG pripnutej karty Safari s prispôsobiteľnou farbou témy.

Ikony Android a PWA

Ikony 192x192 a 512x512 pre Chrome Android a Progresívne Webové Aplikácie, vrátane podpory maskovateľných ikon.

Dlaždice Windows

270x270 Microsoft dlaždica s browserconfig.xml pre integráciu s ponukou Štart Windows a panelom úloh.

Webový Manifest

Kompletný súbor site.webmanifest s odkazmi na ikony, farbami témy a nastavením zobrazenia PWA.

Často Kladené Otázky

Aké veľkosti faviconu potrebujem?

Minimálne: favicon.ico, 32x32 PNG, 180x180 Apple Touch Ikona a 192x192/512x512 pre Android/PWA. Naša predvoľba 'Základné' automaticky zahŕňa všetky požadované veľkosti.

Prečo potrebujem súbor ICO?

Formát ICO obsahuje viac veľkostí v jednom súbore a je podporovaný všetkými prehliadačmi vrátane starších verzií. Je to tradičný formát faviconu zaisťujúci maximálnu kompatibilitu.

Mal by mať môj favicon priehľadné pozadie?

Pre karty prehliadača funguje priehľadnosť dobre. Pre domovské obrazovky iOS a Android zvážte plné alebo prechodové pozadie, pretože ikony sa objavujú na rôznych tapetách.

Musí byť môj zdrojový obrázok štvorcový?

Áno, favicony sú vždy štvorcové. Ak váš obrázok nie je štvorcový, použite naše ovládacie prvky pre odsadenie a mierku, aby ste ho dokonale prispôsobili. Pre najlepšie výsledky začnite so štvorcovým obrázkom.

Sú moje obrázky v bezpečí a súkromné?

100% súkromné. Všetko spracovanie využíva natívne API prehliadača Canvas a Blob. Vaše obrázky nikdy neopustia vaše zariadenie — žiadne dáta nenahrávame, neukladáme ani neprenášame.

Ktoré frameworky sú podporované?

Poskytujeme úryvky kódu pre viac ako 35 platforiem vrátane React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails a mnohých ďalších.

A čo Progresívne Webové Aplikácie?

Náš generátor vytvára všetky požadované ikony PWA vrátane maskovateľných variantov, plus kompletný súbor site.webmanifest so správnymi deklaráciami ikon a farbami témy.

Pochopenie Faviconov

Favicony sú malé ikony, ktoré reprezentujú váš web v prehliadačoch, záložkách, domovských obrazovkách a spúšťačoch aplikácií. Kompletná sada faviconov zaisťuje, že vaša značka vyzerá profesionálne a rozpoznateľne kdekoľvek, kde používatelia narazia na váš web.

Formát ICO

Formát ICO balí viac veľkostí (16x16, 32x32, 48x48) do jedného súboru. Zatiaľ čo moderné prehliadače podporujú PNG favicony, ICO zostáva nevyhnutné pre maximálnu kompatibilitu so staršími prehliadačmi a určitými desktopovými aplikáciami.

Ikony PNG

Moderné prehliadače preferujú PNG favicony pre ich ostrú kvalitu a podporu priehľadnosti. Každá veľkosť slúži určitému účelu: 16px a 32px pre karty prehliadača, 180px pre iOS a 192px/512px pre Android a PWA.

Manifest Webovej Aplikácie

Súbor site.webmanifest definuje, ako váš web vyzerá, keď je nainštalovaný ako PWA. Špecifikuje ikony, farby témy, režim zobrazenia a ďalšie metadáta, ktoré prehliadače používajú na vytvorenie zážitku podobného aplikácii.

SVG Favicony

Funkcia pripnutej karty Safari používa monochromatickú SVG ikonu. Moderné prehliadače tiež začínajú priamo podporovať SVG favicony, ponúkajúc nekonečnú škálovateľnosť a menšie veľkosti súborov.