Nástroje95

VYTVORTE NIEČO SKVELÉ

Generátor favicon / ICO.

Vytvorte favicon z obrázka alebo textu. Zobrazte náhľad kariet prehliadača, použite systémové písma a stiahnite si viacrozmerný ICO alebo ZIP súbor s ikonami pre web, Apple a Android.

Reklamy
Váš pracovný priestor pre obrázky
Vo vašom zariadení
alebo presuňte sem
PNG, JPG, JPEG, WEBP, GIF
Vyberte svoj obrázok pre začiatok.OBRÁZOK
Reklamy
Blog Ako vytvoriť favicon Prečítať príručku

Vytvorte favicon, ktorý zostane čistý pri každej veľkosti

Zmeňte logo, obrázok alebo krátky monogram na favicon webovej stránky. Zobrazte ukážku svetlých a tmavých kariet prehliadača, upravte rámovanie a stiahnite si ICO s viacerými veľkosťami alebo ZIP súbor ikon a inštalačných súborov pripravený pre web.

Jedna jasná značka sa stane ikonou prehliadača, záložky a mobilnej webovej stránky.
RÝCHLY 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ár Pozrieť si video

How to create a favicon and website icon package

Funkcie a ovládacie prvky

Začnite s obrázkom alebo svojimi iniciálami

Nahrajte obrázok alebo na stránke nástroja vyberte Text.

Vstup obrázka a textu

Obrázok akceptuje PNG, JPG, JPEG, WebP alebo GIF. Text otvorí rovnaký editor s vašimi písmenami pripravenými na úpravu štýlu. Vytvoriť z vám umožní prepínať medzi nahraným obrázkom a monogramom. Pre najjasnejší výsledok pri 16 pixeloch použite jeden alebo dva jednoduché znaky. Vstup GIF používa statickú snímku; výsledok nie je animovaný.

Posúďte ikonu tam, kde sa zobrazí

Svetlé a tmavé ukážky prehliadača zobrazujú rovnakú ikonu na rôznych povrchoch.

Ukážky v skutočnej veľkosti

Editor zobrazuje ukážku karty prehliadača s veľkosťou 16 pixelov, samostatné ikony s veľkosťou 16, 32 a 48 pixelov a ukážku Apple Touch. Malé ikony odhaľujú detaily, ktoré zmiznú, keď sa veľké logo zmenší. Zjednodušte zdroj alebo okolo neho pridajte priestor, kým nebude najmenšia ukážka rozpoznateľná. Obrázok Apple Touch sa zobrazuje menší, než je jeho exportovaná veľkosť 180 pixelov.

Dodajte svojmu dielu jasnú siluetu

Vyberte zaoblený štvorec, štvorec alebo kruh a upravte priestor okolo obsahu.

Prispôsobenie, rozostupy a priehľadnosť

Zobraziť celý obrázok ponechá všetky zdrojové okraje vo vnútri ikony. Vyplniť ikonu pokryje dostupnú oblasť a môže orezať okraje. Priestor okolo obsahu upravuje odsadenie od 0 do 35 percent. Vyberte Pozadie alebo povoľte Priehľadné pozadie. Priehľadné pixely mimo zaoblenej alebo kruhovej siluety zostanú čisté. Toto neodstráni nepriehľadné pozadie, ktoré je už prítomné vo vašom nahranom obrázku.

Vytvorte výrazný monogram

Nastavte písmená, písmo a kontrastné farby.

Štýlovanie textu

Text / monogram podporuje až tri znaky s priloženými štýlmi Modern sans, Classic serif a Monospace. V podporovaných desktopových prehliadačoch vyberte Použiť systémové písma a povoľte prístup k písmam, aby sa zoznam Písiem naplnil rodinami nainštalovanými vo vašom zariadení. Vyberte rodinu na aktualizáciu živej ukážky alebo použite predchádzajúce a nasledujúce šípky na porovnanie susedných písiem. Názvy a súbory písiem sa nenahrávajú. Text sa automaticky prispôsobí dostupnému priestoru. Po zmene písma alebo farby si pozrite ukážku najmenších veľkostí ikon.

Vyberte ICO alebo kompletný balík pre web

Jedna akcia Spustiť vytvorí vybrané stiahnutie.

Súbory a veľkosti

Viacveľkostný ICO obsahuje 16, 24, 32, 48, 64, 128 a 256 pixelové obrázky v jednom favicon.ico súbore. Balík ikon pre webovú stránku vytvorí jeden ZIP obsahujúci tento ICO, PNG ikony s rozmermi 16, 32 a 48 pixelov, ikonu Apple Touch s rozmermi 180 pixelov, ikony pre Android s rozmermi 192 a 512 pixelov, webový manifest a INSTALL.txt. Názov webovej stránky určuje názov manifestu.

Nainštalujte ikony na svoju webovú stránku

ZIP obsahuje HTML značky odkazov a zodpovedajúce názvy súborov.

Používanie inštalačných súborov

Nahrajte obsah balíka do koreňového adresára stránky a skopírujte značky odkazov z INSTALL.txt do hlavičky stránky. Ak ikony uchovávate v podpriečinku, aktualizujte cesty HTML a cesty vnútri súboru site.webmanifest. Pri kontrole aktualizácie vymažte vyrovnávaciu pamäť favicon alebo testujte na novej karte. Vygenerovaný manifest je konfigurácia ikon, nie úplná inštalácia progresívnej webovej aplikácie.

Súbory a spracovanie

Vstup
PNG, JPG, JPEG, WebP, GIF alebo textový monogram
Výstup
Viacveľkostný ICO alebo jeden ZIP súbor s ikonami webovej stránky a inštalačnými súbormi

Maximálne 25 MB na súbor. Jeden vstupný súbor na spustenie.

Jeden obrázok do 25 MB, s maximálne 60 megapixelmi a 16,000 pixelmi na stranu. ICO veľkosti sa pohybujú od 16 do 256 pixelov; najväčší zabalený PNG má 512 × 512 pixelov.

Generovanie ikon a náhľady prebiehajú vo vašom zariadení. Nástroj nenahráva vybraný obrázok na konverziu.

Tento nástroj spracováva a exportuje súbory vo vašom prehliadači. Stiahnutý obrázok je samostatný súbor; zdroj vo vašom zariadení sa neprepíše.

Obnovenie editora alebo stránky na stiahnutie vás vráti na stránku nástroja. Pred začatím nového pracovného postupu si stiahnite výsledok. Pozrite si naše Zásady ochrany osobných údajov pre prácu so súbormi.

FAQ

Dobré vedieť.

Pár odpovedí predtým, než začnete.

Vo vašom zariadení
Môžem vytvoriť favicon bez nahrania loga?

Áno. Vyberte Text, zadajte svoje iniciály, potom v editore zvoľte písmo, farby, tvar a rozostupy.

Aké veľkosti sú vnútri ICO súboru?

ICO obsahuje sedem rámcov založených na PNG: 16, 24, 32, 48, 64, 128 a 256 pixelov štvorcových. Prehliadač vyberie vhodný rámec.

Čo je súčasťou ZIP súboru pre webovú stránku?

Obsahuje favicon.ico, šesť PNG ikon pre prehliadač, Apple a Android, site.webmanifest a INSTALL.txt so značkami odkazov HTML.

Môže mať môj favicon priehľadné pozadie?

Áno. Povoľte Priehľadné pozadie. Toto zachová priehľadné oblasti okolo zdroja; neodstraňuje nepriehľadné pozadie z fotografie.

Nahráva sa obrázok na konverziu?

Nie. Tento nástroj generuje a balí súbory ikon vo vašom prehliadači. Stiahnuté súbory si ponechajte, pretože editor neslúži ako trvalé úložisko projektov.

Môžem použiť písma nainštalované v mojom počítači?

Áno, ak váš prehliadač podporuje prístup k lokálnym písmam. Vyberte Text / monogram, zvoľte Použiť systémové písma a povoľte prehliadaču prístup. Vaše dostupné rodiny písiem sa zobrazia v zozname Písmo. Zahrnuté štýly zostávajú použiteľné, ak je povolenie odmietnuté alebo prístup k lokálnym písmam nie je k dispozícii.

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 svoj jazyk. Videonávody momentálne používajú anglický komentár.