Favicon generator,
besplatno
Ubaci logo i preuzmi kompletan set ikonica za web: favicon.ico, Apple ikonu i PNG-ove za Android, s gotovim HTML kodom koji samo zalijepiš u stranicu.
Slika
Dovuci logo ovdje ili klikni pa ga odaberi
Najbolje kvadratna slika, barem 512 × 512 px. PNG s prozirnošću je ideal.
Podloga
HTML kod za tvoju stranicu
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">
Datoteke iz ZIP-a ubaci u glavni (root) direktorij stranice, a ovaj kod u <head>.
Ubaci sliku i ovdje se pojavi pregled svih veličina.
Sve se izrađuje u tvom pregledniku, slika se ne šalje nigdje.
Sitnica koja se
itekako vidi
Kartica u pregledniku
Kad posjetitelj ima petnaest otvorenih kartica, tvoju stranicu nalazi po ikonici. Bez nje si bezlična siva točkica.
Google rezultati
Google uz rezultat pretrage na mobitelu prikazuje favicon stranice. Stranica s ikonicom izgleda ozbiljnije i klikabilnije od one bez.
Bookmarci i home screen
Spremi li netko tvoju stranicu u favorite ili na početni ekran mobitela, dobra ikona je razlika između profesionalnog dojma i piksela u magli.
Prije nego
što pitaš
Nešto drugo te muči? Pitaj direktno, odgovara ti .
Koje datoteke dobijem u ZIP-u?
favicon.ico (16, 32 i 48 px u jednoj datoteci, za starije preglednike), apple-touch-icon.png (180 px za iPhone i iPad), te icon-192.png i icon-512.png za Android i web manifest. Uz to i favicon-32.png ako ga negdje zatrebaš.
Kakvu sliku da ubacim?
Kvadratnu, barem 512 × 512 px, s jednostavnim motivom. Sitni detalji i tanki tekst nestanu na 16 px, pa razmisli o pojednostavljenoj verziji loga samo za ikonu.
Gdje idu datoteke, a gdje kod?
Datoteke iz ZIP-a ubaci u glavni (root) direktorij stranice, tako da favicon.ico bude dostupan na tvojadomena.hr/favicon.ico. HTML kod zalijepi u <head> dio stranice. Radiš li na WordPressu, ikonu možeš postaviti i kroz Izgled → Prilagodi → Identitet web-stranice.
Zašto Apple ikona nema prozirnost?
iOS iza prozirne ikone stavi crnu podlogu, pa logo zna potpuno nestati. Zato apple-touch-icon uvijek dobije boju podloge koju odabereš, a ostale ikone mogu ostati prozirne.
Trebaš i web stranicu?
Alat je besplatan i ostaje besplatan. A ako tvom biznisu treba stranica koja dovodi upite, to je ono što radim.
Vlasnik obrta. Kad se javiš, odgovaram ja, ne agencija.