Obrázek na ikonu
Přeměňte jeden obrázek v kompletní sadu ikon
Převodník obrázku na ikonu
Nahrajte obrázek, upravte rámeček, prohlédněte si malé velikosti a celou sadu ikon stáhněte jedním kliknutím.
Nahrát obrázek
Přetáhněte obrázek, klikněte pro procházení nebo vložte (Ctrl+V)
JPG, PNG, WebP až do 25 MB – zpracováno na vašem zařízení
Nahrajte obrázek pro náhled vaší sady ikon
Váš obrázek nikdy neopustí vaše zařízení. Celý převod obrázku na ikonu běží lokálně.
Co sada ikon obsahuje
Jeden převod obrázku na ikonu vytvoří každý soubor, který skutečný web potřebuje – karta prohlížeče, domovská obrazovka, instalační výzva a vše ostatní.
Favicon více velikostí
favicon.ico16, 32, 48 px
Jeden soubor ICO se třemi vloženými velikostmi pro karty starších prohlížečů, zástupce na ploše a systémové povrchy.
Apple Touch Icon
apple-touch-icon.png180 x 180 px
Zaoblená čtvercová ikona, kterou iOS používá, když návštěvník uloží váš web na domovskou obrazovku.
PWA a Android ikony
android-chrome-*.png192 a 512 px
PNG ve vysokém rozlišení pro instalovatelné PWA výzvy, spouštěč aplikací a domovské obrazovky Androidu.
Manifest a HTML
site.webmanifest + úryvekJSON + odkazy
Předkonfigurovaný web manifest a přesné link tagy k vložení do hlavičky vašeho dokumentu.
Co je obrázek na ikonu?
Převodník obrázku na ikonu mění jeden zdrojový obrázek na kompletní sadu ikon, kterou web potřebuje – favicony, ikony aplikací a manifest.
Převodník obrázku na ikonu vezme jediný zdrojový obrázek a vytvoří všechny soubory ikon, se kterými skutečný web pracuje. Prohlížeče žádají malý 16pixelový čtverec pro kartu prohlížeče, iOS chce 180pixelovou Apple Touch Icon pro domovskou obrazovku a instalovatelné PWA potřebují PNG o 192 a 512 pixelech plus web manifest. Ručně to znamená změnu velikosti, pojmenování a odkazování půl tuctu souborů. Nástroj obrázek na ikonu zvládne všechny velikosti z jednoho nahrání, na plátně, ve vašem prohlížeči – takže zdrojový obrázek nikdy neopustí vaše zařízení.
- ✓Běží kompletně na vašem zařízení – žádné nahrávání, žádná komunikace se serverem při převodu obrázku na ikonu
- ✓Generuje favicon.ico, PNG velikosti, Apple Touch Icon, PWA ikony, manifest a HTML v jednom balíku
- ✓Tři režimy tvaru – Oříznout na čtverec, Vejde se s odsazením a Roztáhnout – fungují i pro široká loga
- ✓Nastavitelné odsazení, zaoblení rohů a barva pozadí pro uklizenou ikonu
- ✓Živý náhled na 16, 32, 180 a 512 pixelech, takže víte, že malé velikosti jsou čitelné
Nejlepší velikosti pro výstup obrázku na ikonu
| Velikost | Časté použití |
|---|---|
| 16x16 | Malé karty prohlížeče a zobrazení favicon ve starších prohlížečích. |
| 32x32 | Moderní favicon PNG a zobrazení karty na hustých displejích. |
| 48x48 | Zástupci na ploše a některé systémové povrchy. |
| 180x180 | Apple Touch Icon pro uložené odkazy na domovské obrazovce. |
| 192x192 / 512x512 | PWA a Android instalační ikony. |
Pokud je 16pixelový náhled špatně čitelný, zkuste odvážnější oříznutí, více odsazení nebo plné pozadí. Vycentrovaný tvar s jasným kontrastem přežije skok z velkého obrázku na velikosti ikony mnohem lépe než složitý obrázek.
Proč používat převodník obrázku na ikonu?
Ruční generování souborů favicon a ikon aplikací je zdlouhavé a náchylné k chybám. Tento nástroj obrázek na ikonu řeší běžné problémy.
Problémy s ručním pracovním postupem obrázek na ikonu
Změna velikosti a přejmenování ručně
Potřebujete PNG o 16, 32, 48, 180, 192 a 512 pixelech plus ICO, vše s konkrétními názvy souborů. Dělat to po jednom souboru v grafickém editoru je pomalé a snadno se to pokazí.
Chybějící manifest nebo HTML
I po změně velikosti musíte napsat site.webmanifest a přesné link tagy. Přehlédnete-li jeden, ikona na domovské obrazovce nebo instalace PWA potichu přestane fungovat.
Online nahrávací nástroje jsou riskantní
Řada webů pro převod obrázku na ikonu posílá vaše logo na server. U soukromé značky klienta nebo nevydaného produktu je to konec.
Co tento nástroj obrázek na ikonu zvládá správně
Soukromí záměrem
Celý převod obrázku na ikonu běží na plátně ve vašem prohlížeči. Vaše logo se nikam nenahrává.
Sada ikon na jedno kliknutí
Stáhněte favicon.ico, všechny PNG velikosti, Apple Touch Icon, PWA ikony, manifest a HTML úryvek v jediném ZIPu.
Živý náhled malých velikostí
Podívejte se přesně, jak favicon vypadá na 16 a 32 pixelech před publikováním – velikosti, kde většina ikon selže.
Tvar, odsazení, zaoblení
Ořízněte široká loga do čtverce, umístěte celou značku s odsazením, zaoblete rohy nebo nastavte plné pozadí – vše živě.
Platné ICO více velikostí
favicon.ico sdružuje 16, 32 a 48 pixelů v jednom souboru, takže starší prohlížeče, zástupci na ploše a adresní řádek zobrazují správnou ikonu.
Zdarma, bez registrace, bez vodoznaku
Otevřete stránku a začněte převádět. Žádný účet, žádný e-mail, žádný vodoznak ve výstupu.
Jak převést obrázek na soubory ikon
Pět rychlých kroků od jediného zdrojového obrázku po kompletní sadu ikon připravenou k nasazení.
Nahrání
Vložte PNG, JPG nebo WebP. Nejlépe funguje čistý čtvercový zdroj, ale široké obrázky jsou v pořádku – zvolte Vejde se s odsazením, aby zůstaly celé.
Tvar
Zvolte Oříznout na čtverec, Vejde se s odsazením nebo Roztáhnout. Živý náhled se při úpravě rámečku aktualizuje pro každou velikost ikony.
Styl
Přidejte odsazení, zaoblete rohy, ponechte průhledné pozadí nebo zvolte plnou barvu pro uklizenou ikonu.
Náhled
Před exportem zkontrolujte 16pixelový náhled. Pokud malá verze čte jasně, větší ikony aplikací budou vypadat skvěle také.
Stažení
Klikněte na Stáhnout sadu ikon a získáte favicon.ico, všechny PNG, manifest a HTML úryvek v jednom ZIPu.
Funkce převodu obrázku na ikonu
Vše, co potřebujete k přeměně jednoho obrázku na kompletní sadu ikon připravenou k nasazení.
Soukromé, v prohlížeči
Celý převod obrázku na ikonu běží na vašem zařízení. Váš zdrojový obrázek se nikam nenahrává.
Kompletní sada ikon
favicon.ico, PNG velikosti, Apple Touch Icon, PWA ikony, site.webmanifest a HTML – vše v jednom ZIP stažení.
Ovládání tvaru a stylu
Ořízněte, umístěte nebo roztáhněte zdroj a poté doladěte odsazení, zaoblení rohů a barvu pozadí s živým náhledem.
favicon.ico více velikostí
Jeden platný soubor ICO s vloženými snímky 16, 32 a 48 pixelů, takže každý prohlížeč vybere správnou velikost.
Živý náhled malých velikostí
Prohlédněte si favicony o 16 a 32 pixelech před publikováním, takže víte, že nejmenší velikosti zůstanou čitelné.
Manifest a HTML úryvek
Předkonfigurovaný web manifest a připravené link tagy k vložení – vložte je do hlavičky a hotovo.
Kde se výstup obrázku na ikonu používá
Každý projekt, který publikuje web, aplikaci nebo PWA, potřebuje sadu ikon. Zde je, kdo sadu ikon používá.
Weboví vývojáři
Vložte vygenerované soubory do složky public a vložte HTML úryvek.
- •Statické weby a landing pages
- •Projekty Next.js, Astro a Vite
- •Dokumentační weby a blogy
Indie hackeři
Publikujte favicon a PWA ikony pro svůj vedlejší projekt během minut.
- •MVP a spuštění produktů
- •Vedlejší projekty a dema
- •Přihlášky do hackathonů
Designéři
Předejte klientům kompletní, správně pojmenovanou sadu ikon z jednoho exportu loga.
- •Předání značky klientům
- •Předání design systému
- •Favicon návrhy ke schválení
Agentury
Generujte konzistentní sady ikon napříč mnoha klientskými weby bez opakované práce.
- •Nasazení na více webech
- •White-label nasazení
- •Šablony a starter kity
Tvůrci PWA
Získejte PNG o 192 a 512 pixelech plus web manifest, který instalovatelná PWA potřebuje.
- •Instalovatelné webové aplikace
- •Offline-first PWA
- •Spouštěče z domovské obrazovky
Správci open-source
Přidejte favicon a ikony aplikací do složky public repozitáře jedním krokem.
- •Weby GitHub Pages
- •Dokumentační a demo weby
- •Landing pages projektů
Co říkají lidé
Vývojáři, designéři a indie tvůrci používají tento nástroj obrázek na ikonu k publikování ikon bez komplikací.
“Dříve jsem pokaždé při zakládání projektu ručně upravovala šest PNG a psala manifest. Teď vložím logo, doladím odsazení a celá sada ikon je připravena během sekund. 16px náhled mě už vícekrát zachránil od rozmazané favicony.”
Sofia Almeida
Frontend vývojářka
“Fakt, že to běží v prohlížeči, je hlavní důvod, proč to používám. Loga klientů se nikam nenahrávají a přesto dostanu favicon.ico, Apple Touch Icon a PWA ikony v jednom ZIPu. Přesně to, co by favicon generátor měl být.”
Jonas Weber
Indie tvůrce
“Klientům nyní předávám sady ikon z tohoto nástroje. Režimy Oříznout a Umístit zpracovávají široká loga elegantně, zaoblené rohy vypadají jemně a názvy souborů odpovídají tomu, co vývojáři skutečně očekávají. Je to nejčistší pracovní postup obrázek na ikonu, který jsem našla.”
Mei Tanaka
Brand designérka
Časté otázky k obrázku na ikonu
Rychlé odpovědi o převodníku obrázku na ikonu – co dělá, jak funguje, soukromí a ceny.
Nahrajte obrázek, získejte kompletní sadu ikon
favicon.ico, PNG velikosti, Apple Touch Icon, PWA ikony, manifest a HTML – jedno stažení, připraveno k nasazení. Navždy zdarma, bez registrace.