Nustatykite „apple-touch-icon.png“, kad tinkintumėte svetainių „iPhone“ žymę „FavIcon“

Turinys:

Anonim

Jei turite savo svetainę arba kuriate ją kam nors kitam, turėtumėte tinkinti išsaugotos žymės piktogramą, kuri rodoma naudotojo iOS pagrindiniame ekrane. Viršuje esančioje ekrano kopijoje matysite tinkintą OSXDaily favicon, sėdintį iPhone ekrane.

Nustatyti „Apple Touch“ piktogramą yra gera idėja, nes pagal numatytuosius nustatymus „iOS“ tiesiog išsaugos nedidelę svetainės miniatiūrą. Mažas miniatiūras dažnai sunku atpažinti ir jos atrodo ne taip puikiai, todėl vietoj jų nustatykime savo mėgstamos piktogramos vaizdą.

Kaip tinkinti ir nustatyti „Apple Touch“ piktogramą svetainei

  • Sukurkite piktogramą, įsitikinkite, kad ji yra kvadratas, čia esanti OSXDaily.com yra 512 × 512 pikselių, bet jei tikrai norite, galite pasirinkti kitus kvadrato dydžius – pažymėkite, kad didesnis tinka tinklainės ekranai
  • Išsaugokite pagrindinio ekrano piktogramą kaip PNG failą ir pažymėkite ją: apple-touch-icon.png
  • Drople-touch-icon.png į šakninį žiniatinklio serverio katalogą, kad jį būtų galima pasiekti adresu domain.com/apple-touch-icon.png
  • Išbandykite savo svetainių pagrindinio ekrano žymės piktogramą apsilankę svetainėje iš „Safari“ sistemoje „iOS“ ir paliesdami „Pridėti prie pagrindinio ekrano“
  • Pažiūrėkite į iOS įrenginio pagrindinį ekraną ir pamatysite jame išsaugotą žymę su nauja tinkinta piktograma, pvz., ekrano kopiją aukščiau

Kol failas bus tinkamai pavadintas ir yra žiniatinklio serverio šakniniame kataloge, „Mobile Safari“ žinos, ką su juo daryti, todėl nereikia atlikti tolesnio koregavimo, kad būtų rodomas specifinis „iOS“ piktograma.

Pavyzdžiui, čia yra mūsų tinkintas „apple-touch-icon.png“ vaizdas, kurį naudojame OSXDaily.com. Šis žymės piktogramos pavyzdys sukurtas ir tinkamo dydžio tinklainės ekranams ():

Pastebėsite, kad tikrame piktogramos faile nėra išsaugota piktogramos šviesos refrakcija, „iOS“ tai tvarko pati. Galite naudoti bet kurį norimą vaizdą, bet rekomenduoju sukurti tokį, kuriame būtų užfiksuota pažįstama esamų iOS piktogramų vartotojo sąsaja.

Akivaizdu, kad tai nėra tas pats, kas turėti specialią „iOS“ programą, bet tinkama mobiliojo naudotojo patirtis žiniatinklyje yra gera idėja ir išvengiama didelės iOS programos kūrimo kainos.

Ir ei, jei nerimaujate dėl tokių dalykų, tikriausiai naudojate „Photoshop“, kad bent jau sukurtumėte piktogramas? Taigi pažiūrėkite kai ką.

Nustatykite „apple-touch-icon.png“, kad tinkintumėte svetainių „iPhone“ žymę „FavIcon“