Kaip pridėti svetainę piktogramas iPhone "," iPad "ir" iPod Touch "

Favicon.ico - Interneto svetainė Piktograma naršyklėje

Prieš tai pradėjo svetainę ir pridėti grafikos failą, favicon, kuris rodomas naršyklėje adreso juostoje. Daugeliu atvejų, Favicon yra miniatiūriniai grafika logotipas ar inicialai, kad svetainė. Tai Favicon pridedama siekiant padėti vartotojams atpažinti adresą greičiau žiniatinklio žymes.

Stealth Nustatymai Favicon

Stealth Nustatymai Favicon Safari

Favicon Opera

Favicon Opera

Iki šiol, tai failas turi būti tokios formos "favicon.ico"Turi būti identifikuojamas pagal žiniatinklio naršyklę. "Chrome", "Internet Explorer", "Opera", "Safari", "Firefox" ir tt
Jau keletą metų, skatinant naujų žiniatinklio kalbas, HTML5 si CSS3, Piktogramas, gali būti .png failą arba . Jpg, Su sąlyga, yra ta, kad į svetainę antraštės, Prieš </ head>Būkite ši eilutė:

<Nuoroda rel = "nuoroda piktogramą" href = "/ images / favicon.ico" type = "image / x-icon" />

"IOS" svetainės piktograma - "iPhone", "iPad" ir "iPod Touch"

In "iOS" mes galime pridėti Web puslapiu nuorodos pe Pagrindinis ekranasMUP "iPhone", iPad si "iPod Touch.

Kaip pridėti svetainės nuorodą iPhone, iPad ir iPod "Home Screen

Mes tai darome, atidarant svetainę į savo "iPhone" ( "Safari", "Chrome", interneto naršyklė ir tt), paspauskite ant kvadrato su rodykle (už "share" "iOS gestų), tada parinktį"Pridėti prie pagrindinio ekrano".

Jei svetainė užsibrėžė favicon savo naršyklėje, bet ne nustatyti "iOS" įrenginio konkrečių piktograma svetainės, Ekranas bus rodomas piktograma sudarytą iš vaizdo peržiūra interneto puslapis.

Kaip pridėti interneto piktogramas iPhone "," iPad "ir" Android ".

Pirmas žingsnis yra sukurti vaizdo piktogramąKad ant Pagrindinis ekranasMUP iDevice bendruomenė. Dėl interneto piktogramą yra suderinama visuose įrenginiuose ir aiškiai matyti, turime sukurti įvaizdį visiems iPhone ir iPad rezoliucijų.

"IPhone", "iPad", "iPod" ir "Android" standartinių dydžių ir piktogramų dydžiai

  • Klasikinės modeliai iPhone / iPod = 57 57 ×
  • IPad = 76 76 ×
  • "iPhone" / "iPod" Retina × = 120 120
  • "iPad Retina × = 152 152
  • "iPhone 6 / 6S Plius = 180 180 ×

obuolys nuolat atnaujinama Rekomenduojama piktograma dydisURL programos si tinklalapiai pe šiuo puslapiu.

Dėl prietaisų "Android", piktogramos yra du aspektai:

  • Klasikinis "Android" = 128 × 128
  • "Android" didelės skiriamosios gebos (hi-res) = 192 × 192

piktogramos

Kai mes padarė vaizdus, ​​lipti ant serverio, HTML šaltinis svetainėje prieš uždarymo </ head>, pridėti šias eilutes:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <link href = "/ apple-touch-icon-76x76.png" rel = "apple-touch-icon" dydžiai = "76x76" <link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-icon" dydžiai = "120x120" <link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-icon" dydžiai = "152x152" <link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-icon" dydžiai = "180x180" <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" sizes = "128x128" />

Dėl prietaisų "Apple", ir PNG Paveiksliuko pavadinimas "rel =" turi būti priešdėlį "apple-". Dėl Android, failo vardas bus "piktograma hires.png"SI"piktograma normal.png"Su rel =" piktogramą ".

Būtina sukurti vaizdus dėl kiekvieno nutarimo atskirai. Jūs galite padaryti dėl didelės raiškos vaizdo ir prietaisai su mažesnės rezoliucijos, bus nustatyti ir bus nustatyti piktogramą.

&quot;iPhone&quot; Piktograma svetainė

Svetainės nuorodų piktograma bus panaši į bet kurią paraiškas iOS.

Kaip pridėti svetainę piktogramas iPhone "," iPad "ir" iPod Touch "

Apie autorių

slaptumas

Aistra apie viską, kas reiškia įtaisus ir IT, rašau su malonumu stealthsettings.com iš "2006", ir man patinka su jais atrasti naujus dalykus apie kompiuterius ir operacines sistemas macOS, "Linux", "Windows", "iOS" ir "Android".

Palikite komentarą

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.