Tvorba loga a favicon

Vytvořte logo z textu zdarma: paleta, písmo Google Fonts, přechod, obrys. Pak stáhněte SVG nebo rovnou vygenerujte favicon.

Začněte paletou
Kliknutím na paletu nastavíte barvy, které pak můžete libovolně upravit.
Náhled

Vytvořte logo, když ho ještě nemáte

Začínající projekt nemusí mít vizuální identitu, ale favicon potřebuje už při prvním spuštění webu. Nástroj pro tvorbu loga vychází z toho, co už máte: z názvu. Jedno či dvě písmena, písmo z Google Fonts, barva pozadí, a získáte monogram čitelný při 16 i 512 pixelech.

Proč monogram funguje tak dobře

Ve velikosti karty prohlížeče se podrobné logo změní v nečitelnou skvrnu. Iniciály ale zůstávají rozpoznatelné: proto tolik značek používá jako ikonu aplikace jediné písmeno. Omezte se na tři znaky, vyberte tučné písmo a zajistěte výrazný kontrast mezi textem a pozadím.

Čisté SVG s textem převedeným na křivky

Logo se exportuje jako SVG s textem převedeným na vektorové křivky. Pro favicon je to zásadní: SVG odkazující na externí písmo ho nezobrazí, protože prohlížeč v tomto kontextu nenačítá vzdálené zdroje. Výsledný soubor je samostatný, malý a bez ztráty kvality se přizpůsobí všem velikostem v balíčku.

Od loga ke kompletní sadě favicon

Jakmile logo dokončíte, tlačítko generování ho pošle přímo do generátoru favicon, včetně průhlednosti a barev. Tam nastavíte pozadí ikony iOS, tmavou variantu a název aplikace a pak stáhnete celý balíček. V žádném kroku se obrázek neposílá na server.

Časté otázky o tvorbě loga

Co si přečíst a vyzkoušet dál

Další nástroje LFFavicon a návody s odpověďmi na nejčastější otázky.

Nástroje

Návody