Favicon generatorius
Pakeiskite paprastą vaizdą į svetainės lentelės ikoną (favicon) ir svetainės ikono pakuotę. Įsitikinkite, kad dizainas išlieka pripažįstamas mažais dydžiais, atsisiųskite failus ir sekite įtraukto įrengimo pavyzdį.
Prieš pradedant
- Įėjimas
- Vienas JPG, PNG arba statinis WebP vaizdas.
- Išėjimas
- ZIP su ICO, PNG ikonais, manifestu ir HTML pavyzdžiu.
Įkrovimo įrankis...
Kaip naudoti šį įrankį
- Pasirinkite JPG, PNG arba statinį WebP vaizdą.
- Auginti į kvadratą arba pridėti padding ir patikrinti ikono apžvalgos.
- Atsisiųskite ZIP ir pritaikykite pavyzdinius maršrutus į jūsų svetainę.
Suprasti rezultatus
Svetainės lentelės ikoną (favicon) dažnai rodo labai mažas dydis. Aiškus simbolis ar raidė paprastai veikia geriau nei detalesnis meno darbas ar nedidelis tekstas. Gaminti failai vis dar turi būti įkelti ir nurodyti jūsų svetainėje.
Kodėl mano svetainės lentelės ikona (favicon) atrodo blurry arba per mažas?
Platus žodinis ženklas arba išsami nuotrauka gali tapti neskaityta mažame naršyklės skiltyje. Pradėkite nuo paprasto kvadratinio simbolo ir patikrinkite faktinius 16 pikselių ir 32 pikselių vaizdus. Padding išsaugo visą šaltinį, bet gali palikti platų logotipą labai mažas; kvadratinis gręžimas užpildo ikoną ir gali nutraukti jo kraštus. Patikrinkite abi parinktis prieš įdiegdami rezultatą.
Kokią svetainės lentelės ikoną (favicon) failus aš turiu įkelti į savo svetainę?
Į ZIP įeina favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Pavyzdžiui, su nuorodų žymėmis. Pirmiausia ištraukite archyvą; įkeliant ZIP vien neleidžia įdiegti ikono. Pavyzdiniai keliai numato, kad failai yra svetainės šaknyje. Pritaikykite tuos maršrutus kitam failui, arba naudokite platformos svetainės ikono nustatymą, tada patikrinkite paskelbtą puslapį ir jo atsargą.
Išbandykite pavyzdį
Išbandykite originalų pavyzdį, kad patikrintumėte remiamą darbo srautą. Sėkmingas pavyzdys nėra kiekvieno įvedimo garantija.
Originalus vaizdo pavyzdys ↓Jei rezultatas yra ne tai, ko tikitės
Svetainė vis dar rodo seną ikoną.
Duomenų generavimas jų nenaudoja. Patikrinkite ikono URL ir puslapio žymėjimą, tada išvalykite svetainės atsargą ir išbandykite naują naršyklės sesiją. naršyklės ir paieškos rezultatų ikonos gali būti atnaujinamos skirtingais laikais.
Kitas Naudingas įrankis: SVG į PNG →Svarbūs ribos
- Vaizdo įvedimas tik; pirmiausia konvertuokite SVG į PNG.
- Šis įrankis nesikeičia jūsų svetainės konfigūracijos.
- Patikrinkite savo svetainę po to, kai įdiegėte ikonas, nes caching ir platformos elgesys gali skirtis.
- Maksimalus 10 MB 12 milijonų pikselių Išleidimas apima ICO, PNG ikonas, webmanifestą ir pavyzdį HTML ZIP.
Dažnai užduodami klausimai
Ar tai įdiegia svetainės lentelės ikoną (favicon) mano svetainėje?
Ir ne. Jis parengia failus ir pavyzdį. Atsisiųskite failus ir atnaujinkite maršrutus arba jūsų svetainės nustatymus.
Ar paketas daro mano svetainę PWA?
Ir ne. Ikoniniai failai ir pagrindinis žiniatinklio manifestas yra tik dalis žiniatinklio programos nustatymų.
Kodėl mano logotipas sunku skaityti 16 pikselių?
Toks detalė gali išnykti tokio dydžio. Pabandykite paprastesnį simbolį, stipresnę formą ar daugiau vietos aplink ženklą.
Susiję vadovai
Klausimai ar korekcija? mrkcal@mrkcal.com