Favicon ģenerators
Pārvērtiet vienu PNG, JPG vai SVG attēlu par favicon.ico un visiem nepieciešamajiem ikonu izmēriem, kas iepakoti vienā ZIP failā.
Viss attēls paliek redzams, centrēts ar apmalēm ap to.
Caurspīdīgs fons ir piemērots pārlūkprogrammas cilnēm; iPhone sākuma ekrāna ikonām drošāka ir fona krāsa.
Šeit parādīsies jūsu favicon un ikonu pakotne.
Ievietojiet failus savas vietnes saknes mapē un pēc tam pievienojiet šīs rindas katrai lapai.
Jūsu attēls tiek pārvērsts ikonās tieši pārlūkprogrammā. Nekas netiek augšupielādēts BroBroGo serveros.
BUJ
Kādi faili ir iekļauti ikonu pakotnē?
favicon.ico ar 16, 32 un 48 pikseļu versijām iekšpusē, PNG ikonas 16, 32, 180, 192 un 512 pikseļu izmērā, kā arī site.webmanifest fails, kurā uzskaitītas lielās ikonas. Ja sākat ar SVG, tiks iekļauts arī pats vektora fails. Viens ZIP fails satur visu nepieciešamo.
Kādam jābūt mana avota attēla izmēram?
SVG ir ideāls formāts — katra ikona tiek zīmēta no vektora, tāpēc pat 16 pikseļu izmērā tā paliek asa. PNG vai JPG gadījumā sāciet ar vismaz 512 × 512 px; mazāki attēli tiek palielināti un var izskatīties izplūduši.
Vai fonam jābūt caurspīdīgam vai krāsainam?
Cilņu ikonas izskatās labi ar caurspīdīgu fonu. Tomēr iPhone un iPad sākuma ekrāni caurspīdīgos apgabalus iekrāso melnus — ja lietotāji varētu pievienot jūsu vietni savam sākuma ekrānam, ieteicams izvēlēties fona krāsu.
Kas notiek ar attēlu, kas nav kvadrātveida?
Ikonas ir kvadrātveida, taču jūsu attēls nekad netiks izstiepts. Pēc noklusējuma tas tiek centrēts ar apmalēm; pārslēdziet uz "Aizpildīt (apgriezt)", lai tā vietā apgrieztu garākās malas.
Kur manā vietnē ir jāievieto šie faili?
Augšupielādējiet tos savas vietnes saknes mapē, lai favicon.ico būtu sasniedzams adresē /favicon.ico, un pēc tam ielīmējiet ģenerētās rindas savu lapu <head> sadaļā. Pārlūkprogrammas pašas izvēlēsies pareizo izmēru.