Favicon ģenerators
Pārvērsiet vienkāršu attēlu vietnes tab ikona (favicon) un vietnes ikona iepakojumā. Pārliecinieties, ka dizains paliek atpazīstams mazos izmēros, lejupielādējiet failus un sekojiet iekļautajam uzstādīšanas piemēram.
Pirms jūs sākat
- Ieeja
- Viena JPG, PNG vai statiskā WebP attēls.
- iznākums
- ZIP ar ICO, PNG ikoni, manifestu un HTML piemēru.
Uzlādes rīks...
Kā izmantot šo rīku
- Izvēlieties JPG, PNG vai statisku WebP attēlu.
- Augu uz kvadrātu vai pievienojiet padding un pārbaudiet ikona priekšstatu.
- Lejupielādēt ZIP un pielāgot piemēru ceļus jūsu vietnei.
Izpratne par rezultātu
Tīmekļa vietnes tab ikona (favicon) bieži parādās ļoti mazā izmērā. Skaidrs simbols vai raksts parasti darbojas labāk nekā detalizēts mākslas darbs vai mazais teksts. Iegūtie faili joprojām ir jāuzlādē un jāreferē jūsu tīmekļa vietnē.
Kāpēc mans tīmekļa vietnes tab ikona (favicon) izskatās blurry vai pārāk maza?
Plaša vārda zīme vai detalizēta fotogrāfija var kļūt nepazīstama mazā pārlūkprogrammas tabulā. Sāciet ar vienkāršu kvadrātsimbolu un pārbaudiet faktiskās 16 un 32 piksa priekšlikumus. Padding saglabā pilnīgu avotu, bet var atstāt plašu logotipu ļoti mazu; kvadrātkrāpšana aizpilda ikonu un var izgriezt tās robežas. Pārbaudiet abas iespējas pirms rezultāta uzstādīšanas.
Kādas tīmekļa vietnes tab ikona (favicon) failus man vajadzētu lejupielādēt savā tīmekļa lapā?
ZIP ietver favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Piemēram, ar Link tags. Vispirms izņemt arhīvu; lejupielādējot tikai ZIP, ikona netiek uzstādīta. Piemērs ceļi pieņem, ka faili atrodas tīmekļa vietnes saknes. pielāgojiet šos ceļus citai mapei vai izmantojiet platformas vietnes ikona iestatījumu, pēc tam pārbaudiet publicēto lapu un tā cache.
Izmēģiniet paraugu
Izmēģiniet oriģinālu paraugu, lai pārbaudītu atbalstīto darba plūsmu. Veiksmīga parauga nav garantija katram ieņēmumam.
oriģināls attēla paraugs ↓Ja rezultāts nav tas, ko jūs sagaidāt
Vietne joprojām norāda veco ikonu.
Failu ģenerēšana tos neinstalē. Pārbaudiet ikona URL un lapas marķējumu, pēc tam izslēdziet vietnes cache un pārbaudiet svaigu pārlūkprogrammas sesiju. pārlūkprogrammas un meklēšanas rezultātu ikonas var atjaunināt dažādos laikos.
Nākamais noderīgs rīks: SVG uz PNG →Svarīgi ierobežojumi
- Tikai attēla ievietošana; vispirms konvertēt SVG uz PNG.
- Instruments nesamazina jūsu tīmekļa vietnes konfigurāciju.
- Pārbaudiet savu tīmekļa vietni pēc ikonu uzstādīšanas, jo caching un platformas uzvedība var atšķirties.
- Maksimālais 10 MB 12 miljoni pikseli. Izraksts ietver ICO, PNG ikonas, webmanifest un piemērs HTML ZIP.
Bieži uzdotie jautājumi
Vai tas uzstādīs vietnes tab ikonu (favicon) manā vietnē?
Nē Nē Tas sagatavo failus un piemēru. Lejupielādēt failus un atjaunināt ceļus vai jūsu vietnes iestatījumus.
Vai iepakojums padara manu tīmekļa vietni par PWA?
Nē Nē Ikonu faili un pamata webmanifest ir tikai daļa no tīmekļa lietojumprogrammas iestatīšanas.
Kāpēc logotips ir grūti lasīt 16 pikseli?
Skaistās detaļas var pazust šādā lielumā. Izmēģiniet vienkāršāku simbolu, spēcīgāku formu vai vairāk vietas ap zīmi.
Saistītie ceļvedi
Jautājumi vai korekcija? mrkcal@mrkcal.com