Preskoči na sadržaj
UUTOOLS.NET

Generator favicona: sve ikone koje treba vaša web-stranica

Napravite favicon.ico, Apple i Android ikone i HTML kod iz slike, slova ili emojija.

ili ih prevucite ovdje, ili zalijepite sa Ctrl+V / ⌘V

Podržano: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

Konvertovati na našem serveru?

Ako nastavite, datoteka se učitava šifrovanom vezom i konvertuje na našem serveru. U međuvremenu možete nastaviti koristiti stranicu. Original se briše čim se konvertuje; rezultat se čuva 7 dana da ga možete preuzeti i možete ga izbrisati u bilo kojem trenutku. Datoteke se nikad ne dijele i ne koriste ni za šta drugo.

Vaše slike se obrađuju u vašem pregledniku i ne učitavaju se na server. Detalji o privatnosti

Kako koristiti: Generator favicona

  1. 1 Odaberite sliku ili logotip ili prebacite na „tekst ili emoji” i upišite jedan do četiri znaka.
  2. 2 Odaberite pozadinu (boju ili providnu), oblik i unutrašnji razmak.
  3. 3 Provjerite pregled na 16, 32, 48 i 180 piksela.
  4. 4 Preuzmite ZIP, učitajte datoteke u korijenski folder web-stranice i zalijepite HTML redove u svoje stranice.

O ovom alatu

Favicon je mala ikona u karticama preglednika, oznakama i na početnom ekranu telefona. Svako mjesto traži drugu veličinu: preglednici koriste 16 i 32 piksela, Windows do 48, iPhone 180, a Android 192 i 512.

Ovaj generator pravi sve iz jednog izvora: favicon.ico sa slikama od 16, 32 i 48 piksela, PNG favicone, Apple touch ikonu (uvijek sa pozadinom, kako zahtijeva iOS), Android ikone, web-manifest i HTML za lijepljenje. Ako krenete od SVG logotipa, SVG se dodaje i kao moderni, skalabilni favicon.

Male veličine smanjuju se u nekoliko koraka kako bi ivice ostale oštre. Sve se pravi u vašem pregledniku; vaš logotip se ne učitava na server.

Često postavljana pitanja

Koje datoteke trebam?

favicon.ico radi u svakom pregledniku. PNG datoteke i Apple touch ikona daju oštru ikonu na ekranima visoke rezolucije i početnim ekranima telefona, a manifest sa Android ikonama koristi se kada neko doda vašu stranicu na početni ekran Androida.

Gdje stavljam datoteke?

U korijenski folder web-stranice, tako da https://vasastranica.ba/favicon.ico radi. Zatim zalijepite HTML redove u <head> dio svojih stranica (većina alata za izradu stranica ima polje za to).

Šta čini dobar favicon?

Jednostavan oblik ili jedno do dva slova sa jakim kontrastom. Sitni detalji i dugi tekst na 16 piksela postaju nečitljivi, pa provjerite pregled od 16 px.

Zašto Apple ikona ima pozadinu?

iOS providne touch ikone prikazuje na crnoj pozadini, što često izgleda loše. Zato generator Apple ikonu uvijek ispuni vašom bojom pozadine, ili bijelom ako ste odabrali providnu.

Da li se moj logotip učitava na server?

Ne. Sve ikone iscrtava vaš preglednik, a ZIP se pravi na vašem uređaju.

Povezani alati