Faviconi generaator

Muuda lihtne pilt veebisaidi tabi ikooniks (favicon) ja veebisaidi ikoonipakendiks. Kontrollige, et disain jääb väikestes suurustes tuvastatavaks, laadige failid alla ja järgige kaasatud paigalduse näidet.

Enne kui sa alustad
sissejuhatus
Üks JPG, PNG või statiline WebP pilt.
Väljumine
ZIP koos ICO, PNG ikoonidega, manifest ja HTML näide.

Laadimisvahend ...

Töötlemine teie seadmes. Teie failid ja tekst ei laadita meie serverile.

Kuidas seda tööriista kasutada

  1. Valige JPG, PNG või statiline WebP pilt.
  2. Taime ruutile või lisage padding ja vaadake ikooni eelvaateid.
  3. Laadige alla ZIP ja kohandage näidiste teed oma veebisaidile.

Mõista tulemust

Veebisaidi tabi ikoon (favicon) ilmub sageli väga väikese suurusega. Selge sümbol või kirja töötab tavaliselt paremini kui üksikasjalik kunstiteos või väike tekst. Loodud failid peavad endiselt teie veebisaidi poolt üles laadima ja viitama.

Miks mu veebisaidi tabi ikoon (favicon) tundub hull või liiga väike?

Lai sõnumi märgistus või üksikasjalik foto võib muutuda lugematuks väikeses brauseri tabis. Alustage lihtsa neli sümboliga ja vaadake tegelikke 16- ja 32-pikseli eelvaateid. Padding säilitab kogu allikat, kuid võib jätta laia logo väga väike; ruutküünal täidab ikooni ja võib lõigata selle ääred. Kontrollige mõlemat võimalust enne tulemuse installimist.

Milliseid veebisaidi tabi ikooni (favicon) faile peaksin oma veebisaidile üles laadima?

ZIP sisaldab favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Näiteks link tagged. Esiteks eemaldage arhiiv; ainult ZIP-i üleslaadimine ei installita ikooni. Näide teed eeldab, et failid on kodulehel root. Kohandage need teed teise faili jaoks või kasutage oma platvormi saidi-ikoni seadistust, seejärel kontrollige avaldatud lehte ja selle salvestust.

Proovige proovi

Proovige originaalset proovi toetatud töövoogu kontrollimiseks. Edukad proovid ei ole iga sissetuleku tagatis.

Originaalne pildiproov ↓

Kui tulemus ei ole see, mida ootate

Veebisait näitab endiselt vana ikooni.

Failide loomine ei installi neid. Kontrollige ikooni URL-d ja lehekülje märgistust, seejärel eemaldage saidi kaitse ja proovige värsket brauseri istungit. Browseri ja otsingutulemuse ikoone saab värskendada erinevatel aegadel.

Järgmine Kasulik tööriist: SVG–PNG teisendaja →

Olulised piirid

  • Vaid pildi sisestamine; kõigepealt konverteerige SVG PNG-le.
  • Tööriist ei muuda teie veebisaidi konfiguratsiooni.
  • Kontrollige oma veebisaiti pärast ikoonide paigaldamist, sest caching ja platvormi käitumine võivad erineda.
  • Maksimaalne 10 MB 12 miljonit pikselit. Tulemused hõlmavad ICO, PNG ikoone, webmanifest ja näide HTML ZIP.

Sageli küsitud küsimused

Kas see installib mu kodulehel veebisaidi tabi ikooni (favicon)?

Ei ole. See valmistab ette faile ja näiteid. Laadige failid üles ja ajakohastage teed või teie veebisaidi seadeid.

Kas pakett muudab mu veebisaidi PWA-ga?

Ei ole. Ikonfailid ja põhiline webmanifest on ainult osa veebipõhise rakenduse seadistamisest.

Miks on mu logo raske lugeda 16 pikselis?

Täpsed detailid võivad sellises suuruses kaduda. Proovige lihtsamat sümbolit, tugevamat kuju või rohkem ruumi märgi ümber.

Küsimused või parandused? mrkcal@mrkcal.com

Scroll to Top