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ą, faviconKuris atrodo naršyklėje, adreso juostoje. Daugeliu atvejų, favicon yra miniatiūrinė grafinis logotipas ar inicialai atitinkamose interneto svetainėse. Tai Favicon papildoma 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" />

Interneto svetainė Piktograma už "iOS" - "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 yrasukurti 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ų.

Nutarimai ir standartiniai dydžiai piktogramas iPhone "," iPad "," iPod "ir" Android "

  • 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:

  • "Android" klasika × = 128 128
  • "Android" didelės raiškos (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ą ".

Yra 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ė

Kontekstiniame piktograma atrodys bet tinklalapyje 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.