Kako To Radi

Odaberite Svoj Izvor

Učitajte sliku, izradite iz teksta s prilagođenim fontovima, odaberite iz stotina emojija, ili nacrtajte piksel art. Analizirajte bilo koji URL za izdvajanje postojećih favicona.

Prilagodi i Pregledaj

Podesite pozadine, gradijente, zaobljenost i efekte. Pregledajte svoj favicon u karticama preglednika, na iOS početnom ekranu, Android i Windows modelima u stvarnom vremenu.

Generiraj i Preuzmi

Generirajte sve veličine jednim klikom. Preuzmite kompletan paket s isječcima koda spremnim za korištenje za 35+ okvira.

Četiri Načina za Izradu Vašeg Favicona

Učitaj Sliku

Započnite s bilo kojom slikom — PNG, JPG, SVG, ili WebP. Dodajte pozadine, podesite razmak, svjetlinu, kontrast i primijenite zaobljene kutove. Savršeno za logotipe i postojeće resurse brenda.

Tekst u Favicon

Izradite tekstualne favicone s 1500+ Google Fontova. Odaberite debljine fontova, boje i dodajte pune ili gradijent pozadine. Idealno za jednostavne ikone temeljene na slovima.

Emoji Favicon

Odaberite iz stotina emojija kroz 12 kategorija uključujući sve zastave država. Dodajte obojene pozadine s predlošcima ili prilagođenim gradijentima za dotjeran izgled.

Piksel Art Platno

Nacrtajte svoj vlastiti favicon piksel po piksel na prilagodljivoj mreži. Koristite alate olovke, gumice i ispune s podrškom za poništi/ponovi. Izvezite svoju piksel art kreaciju trenutno.

Moćne Značajke

100% Privatno

Sva obrada odvija se lokalno u vašem pregledniku. Vaše slike nikada ne napuštaju vaš uređaj. Nema učitavanja, nema pohrane u oblaku, nema prikupljanja podataka.

Sve Platforme Pokrivene

Generirajte 15+ veličina favicona za preglednike, iOS početni ekran, Android Chrome, Windows pločice, Safari prikvačene kartice i Progresivne Web Aplikacije.

Pregled Uživo

Vidite točno kako vaš favicon izgleda u karticama preglednika, na iOS početnom ekranu, Android pokretaču i Windows pločicama prije generiranja.

Isječci za 35+ Okvira

Dobijte kod spreman za korištenje za HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django i 25+ drugih platformi.

URL Analizator

Analizirajte bilo koju web stranicu za izdvajanje postojećih favicona. Vidite koje su veličine prisutne, što nedostaje, i ponovno generirajte kompletan set jednim klikom.

Povijest Generiranja

Pristupite svojim nedavnim generiranjima favicona. Vratite prethodne kreacije, usporedite verzije, ili nastavite uređivanje tamo gdje ste stali.

Brzi Predlošci

Započnite s profesionalno dizajniranim predlošcima s punim bojama, gradijentima i uzorcima. Primijenite i prilagodite kako bi odgovaralo vašem brendu.

Više-veličinski ICO

Automatski stvara ICO datoteke s više rezolucija ugrađujući 16x16, 32x32 i 48x48 veličine za maksimalnu kompatibilnost preglednika.

Kompletan Paket Izlaza

Standardni Faviconi

favicon.ico (više veličina), 16x16, 32x32 i 48x48 PNG-ovi za kartice preglednika i oznake.

Apple Touch Ikone

180x180 Apple Touch Ikona za iOS početni ekran, plus Safari prikvačena kartica SVG s prilagodljivom bojom teme.

Android i PWA Ikone

192x192 i 512x512 ikone za Android Chrome i Progresivne Web Aplikacije, uključujući podršku za maskirne ikone.

Windows Pločice

270x270 Microsoft pločica s browserconfig.xml za integraciju u Windows Start izbornik i programsku traku.

Web Manifest

Kompletan site.webmanifest fajl s referencama ikona, bojama teme i PWA postavkama prikaza.

Često Postavljana Pitanja

Koje veličine favicona trebam?

Minimalno: favicon.ico, 32x32 PNG, 180x180 Apple Touch Ikona, i 192x192/512x512 za Android/PWA. Naša 'Osnovno' postavka uključuje sve potrebne veličine automatski.

Zašto mi treba ICO datoteka?

ICO format sadrži više veličina u jednoj datoteci i podržan je od svih preglednika uključujući starije verzije. To je tradicionalni format favicona koji osigurava maksimalnu kompatibilnost.

Treba li moj favicon imati prozirnu pozadinu?

Za kartice preglednika, prozirnost radi dobro. Za iOS i Android početne ekrane, razmislite o punoj ili gradijentnoj pozadini jer se ikone pojavljuju na različitim pozadinama.

Mora li moja izvorna slika biti kvadratna?

Da, faviconi su uvijek kvadratni. Ako vaša slika nije kvadratna, koristite naše kontrole za razmak i skaliranje da je savršeno uklopite. Za najbolje rezultate, započnite s kvadratnom slikom.

Jesu li moje slike sigurne i privatne?

100% privatno. Sva obrada koristi izvorne Canvas i Blob API-je preglednika. Vaše slike nikada ne napuštaju vaš uređaj — ne učitavamo, ne pohranjujemo niti prenosimo nikakve podatke.

Koji okviri su podržani?

Pružamo isječke koda za 35+ platformi uključujući React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails i mnoge druge.

Što je s Progresivnim Web Aplikacijama?

Naš generator stvara sve potrebne PWA ikone uključujući maskirne varijante, plus kompletan site.webmanifest fajl s ispravnim deklaracijama ikona i bojama teme.

Razumijevanje Favicona

Faviconi su male ikone koje predstavljaju vašu web stranicu u preglednicima, oznakama, početnim ekranima i pokretačima aplikacija. Kompletan set favicona osigurava da vaš brend izgleda profesionalno i prepoznatljivo gdje god korisnici naiđu na vašu stranicu.

ICO Format

ICO format pakira više veličina (16x16, 32x32, 48x48) u jednu datoteku. Dok moderni preglednici podržavaju PNG favicone, ICO ostaje bitan za maksimalnu kompatibilnost sa starijim preglednicima i određenim desktop aplikacijama.

PNG Ikone

Moderni preglednici preferiraju PNG favicone zbog njihove oštre kvalitete i podrške za prozirnost. Svaka veličina služi svrsi: 16px i 32px za kartice preglednika, 180px za iOS, i 192px/512px za Android i PWA.

Manifest Web Aplikacije

site.webmanifest datoteka definira kako vaša stranica izgleda kada se instalira kao PWA. Ona specificira ikone, boje teme, način prikaza i druge metapodatke koje preglednici koriste za stvaranje iskustva sličnog aplikaciji.

SVG Faviconi

Značajka prikvačene kartice u Safariju koristi monokromatsku SVG ikonu. Moderni preglednici također počinju izravno podržavati SVG favicone, nudeći beskonačnu skalabilnost i manje veličine datoteka.