Nástroje95

VYTVOŘTE NĚCO SKVĚLÉHO

Generátor favicon / ICO.

Vytvořte favicon z obrázku nebo textu. Zobrazte náhled v kartě prohlížeče, použijte systémová písma a stáhněte si ICO v různých velikostech nebo ZIP soubor s ikonami pro web, Apple a Android.

Reklamy
Váš pracovní prostor pro obrázky
Ve vašem zařízení
nebo přetáhněte sem
PNG, JPG, JPEG, WEBP, GIF
Pro začátek vyberte obrázek.OBRÁZEK
Reklamy
Blog Jak vytvořit favicon Přečíst příručku

Vytvořte favicon, který zůstane ostrý při každé velikosti

Převeďte logo, obrázek nebo krátký monogram na favicon webových stránek. Prohlédněte si světlé a tmavé karty prohlížeče, upravte ořez a stáhněte si ICO s více velikostmi nebo ZIP balíček ikon a instalačních souborů připravený pro web.

Jedna jasná značka se stane ikonou prohlížeče, záložky a mobilního webu.
RYCHLÝ VIDEO NÁVOD How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. Anglický komentář Podívat se na video

How to create a favicon and website icon package

Funkce a ovládací prvky

Začněte s obrázkem nebo svými iniciálami

Nahrajte obrázek nebo na stránce nástroje zvolte Text.

Vstup obrázku a textu

Obrázek přijímá PNG, JPG, JPEG, WebP nebo GIF. Text otevře stejný editor s vašimi písmeny připravenými ke stylizaci. Vytvořit z umožňuje přepínat mezi nahraným obrázkem a monogramem. Pro nejjasnější výsledek při 16 pixelech použijte jeden nebo dva jednoduché znaky. Vstup GIF používá statický snímek; výsledek není animovaný.

Posuďte ikonu tam, kde se bude zobrazovat

Světlé a tmavé náhledy prohlížeče zobrazují stejnou ikonu na různých površích.

Náhledy ve skutečné velikosti

Editor zobrazuje náhled karty prohlížeče o velikosti 16 pixelů, samostatné ikony o velikosti 16, 32 a 48 pixelů a náhled Apple Touch. Malé ikony odhalují detaily, které zmizí při zmenšení velkého loga. Zjednodušte zdroj nebo kolem něj přidejte prostor, dokud nebude nejmenší náhled rozpoznatelný. Obrázek Apple Touch se zobrazuje menší než jeho exportovaná velikost 180 pixelů.

Dodejte svému dílu jasnou siluetu

Zvolte zaoblený čtverec, čtverec nebo kruh a upravte prostor kolem obsahu.

Přizpůsobení, rozestupy a průhlednost

Zobrazit celý obrázek ponechá všechny okraje zdroje uvnitř ikony. Vyplnit ikonu pokryje dostupnou plochu a může oříznout okraje. Prostor kolem obsahu upravuje odsazení od 0 do 35 procent. Zvolte Pozadí nebo povolte Průhledné pozadí. Průhledné pixely mimo zaoblenou nebo kruhovou siluetu zůstanou čisté. Toto neodstraní neprůhledné pozadí, které je již přítomno ve vašem nahraném obrázku.

Vytvořte výrazný monogram

Nastavte písmena, písmo a kontrastní barvy.

Stylizace textu

Text / monogram podporuje až tři znaky s přiloženými styly Modern sans, Classic serif a Monospace. Na podporovaných desktopových prohlížečích vyberte Použít systémová písma a povolte přístup k písmům, aby se seznam Písma naplnil rodinami nainstalovanými ve vašem zařízení. Vyberte rodinu pro aktualizaci živého náhledu nebo použijte šipky zpět a vpřed pro porovnání sousedních písem. Názvy a soubory písem se nenahrávají. Text se automaticky přizpůsobí dostupnému prostoru. Po změně písma nebo barvy si prohlédněte nejmenší velikosti ikon.

Zvolte ICO nebo kompletní balíček pro web

Jedna akce Start vytvoří vybrané stažení.

Soubory a velikosti

Vícevelikostní ICO obsahuje 16, 24, 32, 48, 64, 128 a 256 pixelové obrázky v jednom favicon.ico souboru. Balíček ikon pro web vytvoří jeden ZIP obsahující ICO, PNG ikon o velikosti 16, 32 a 48 pixelů, Apple Touch ikonu o velikosti 180 pixelů, Android ikony o velikosti 192 a 512 pixelů, webový manifest a INSTALL.txt. Název webu určí název manifestu.

Nainstalujte ikony na svůj web

ZIP obsahuje HTML značky odkazu a odpovídající názvy souborů.

Použití instalačních souborů

Nahrajte obsah balíčku do kořenového adresáře webu a zkopírujte značky odkazu z INSTALL.txt do hlavičky stránky. Pokud ikony uchováváte v podsložce, aktualizujte cesty HTML a cesty uvnitř souboru site.webmanifest. Při kontrole aktualizace vymažte mezipaměť favicon nebo testujte v novém panelu. Vygenerovaný manifest je konfigurace ikon, nikoliv úplná instalace progresivní webové aplikace.

Soubory a zpracování

Vstup
PNG, JPG, JPEG, WebP, GIF nebo textový monogram
Výstup
Vícevelikostní ICO nebo jeden ZIP s ikonami webu a instalačními soubory

Maximálně 25 MB na soubor. Jeden vstupní soubor na běh.

Jeden obrázek do 25 MB, s maximálně 60 megapixely a 16,000 pixely na stranu. ICO velikosti se pohybují od 16 do 256 pixelů; největší zabalený PNG má 512 × 512 pixelů.

Generování ikon a náhledy probíhají ve vašem zařízení. Nástroj vybraný obrázek pro převod nikam nenahrává.

Tento nástroj zpracovává a exportuje soubory ve vašem prohlížeči. Stažený obrázek je samostatný soubor; zdroj ve vašem zařízení není přepsán.

Obnovení editoru nebo stránky ke stažení vás vrátí na stránku nástroje. Před zahájením nového pracovního postupu si výsledek stáhněte. Podívejte se na naše Zásady ochrany osobních údajů pro nakládání se soubory.

FAQ

Dobré vědět.

Pár odpovědí, než začnete.

Ve vašem zařízení
Mohu vytvořit favicon bez nahrání loga?

Ano. Vyberte Text, zadejte své iniciály a poté v editoru zvolte písmo, barvy, tvar a rozestupy.

Jaké velikosti jsou uvnitř ICO souboru?

ICO obsahuje sedm rámců založených na PNG: 16, 24, 32, 48, 64, 128 a 256 pixelů čtverečních. Prohlížeč vybere vhodný rámec.

Co je součástí ZIPu pro web?

Obsahuje favicon.ico, šest PNG ikon pro prohlížeč, Apple a Android, site.webmanifest a INSTALL.txt se značkami odkazu HTML.

Může mít můj favicon průhledné pozadí?

Ano. Povolte Průhledné pozadí. Tím se zachovají průhledné oblasti kolem zdroje; neodstraňuje to neprůhledné pozadí z fotografie.

Nahrává se obrázek pro převod?

Ne. Tento nástroj generuje a balí soubory ikon ve vašem prohlížeči. Stažené soubory si ponechte, protože editor neslouží jako trvalé úložiště projektů.

Mohu použít písma nainstalovaná v mém počítači?

Ano, pokud váš prohlížeč podporuje přístup k místním písmům. Zvolte Text / monogram, vyberte Použít systémová písma a udělte prohlížeči oprávnění. Vaše dostupné rodiny písem se zobrazí v seznamu Písmo. Zahrnuté styly zůstávají použitelné, pokud je oprávnění zamítnuto nebo přístup k místním písmům není k dispozici.

Reklamy

Jazyk38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Vyberte jazyk. Video tutoriály aktuálně využívají anglický komentář.