Hogyan adjunk egy weboldal ikonok iPhone, iPad és iPod Touch

Favicon.ico - Weboldal ikon böngésző

Mielőtt elindított egy honlapot, és adjunk hozzá egy grafikus file, favicon, amely a címsávban található böngészőben jelenik meg. A legtöbb esetben a favicon a grafikus logó vagy a weboldal kezdőbetűinek bélyegképe. Ez a favicon hozzáadódik ahhoz, hogy a felhasználók gyorsabban azonosítsák a webcímeket a könyvjelzőkben.

Stealth beállítások favicon

Stealth beállítások favicon Safari

Favicon Opera

Favicon Opera

Egészen a közelmúltig, ezt a fájlt kell a forma "favicon.ico"A webböngésző azonosítja. Chrome, Internet Explorer, Opera, Safari, Firefox stb.
Több éve, előrehaladtával új webes nyelvek, HTML5 si CSS3, Favicons lehet egy .png vagy . Jpg. A feltétel az, hogy a fejléc az oldalon, előtt </ head>Légy ezt a sort:

<Link rel = "shortcut icon" href = "/ images / favicon.ico" type = "image / x-icon" />

Webhely ikon az iOS-hoz - iPhone, iPad és iPod Touch

In iOS hozzátehetjük Weblap hivatkozások pe Home ScreenCPC iPhone, iPad si iPod Touch.

Hogyan adjunk egy weboldal parancsikont iPhone, iPad és iPod Home Screen

Tesszük ezt megnyitásával egy honlap az iPhone (Safari, Chrome, Internet böngésző, stb), kattintson a téren, hogy a nyíl (a jel „share” iOS), akkor az opció "Add to Home Screen".

Ha a webhely állított favicon a böngésző, de nincs beállítva iOS eszköz speciális ikon oldalak, A képernyőn megjelenik egy ikon, amely egy előnézeti kép weboldalt.

Hogyan adjunk webes ikonok az iPhone, iPad és Android.

Az első lépés az, hogy teremt egy kép ikonJelennek meg Home ScreenCPC iDevice közösség. Web ikon kompatibilis az összes eszközt és tisztán látni, akkor létre kell hozni kép minden iPhone és iPad állásfoglalások.

Megoldások és szabványos ikonméretek iPhone, iPad, iPod és Android esetén

  • Klasszikus modell iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina × = 120 120
  • iPad Retina × = 152 152
  • iPhone 6 / 6S Plus = 180 180 ×

alma rendszeresen frissített Ajánlott ikon méretOldalak alkalmazások si Web oldalak pe ezen az oldalon.

Az Android készülékek, ikonok két dimenzió:

  • Klasszikus Android = 128 × 128
  • Android nagy felbontású (hi-res) = 192 × 192

ikonok

Miután elkészítettük a képet, mássz fel a web szerver, a HTML forrásban a honlap a záró </ head> hozzá a következő sorokat:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <Link href = "/ apple-touch-icon-76x76.png" rel = "apple-touch-icon" méret = "76x76" /> <Link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-icon" méret = "120x120" /> <Link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-icon" méret = "152x152" /> <Link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-icon" méret = "180x180" /> <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" méret = "128x128" />

A készülékek az Apple, és PNG kép neve "rel =" tartalmaznia kell az előtag "alma-". Az Android, a fájl neve lesz "ikon hires.png"És"ikon normal.png"Rel =" ikon ".

Nagyon fontos, hogy képet hozzon létre minden egyes határozat külön-külön. Tudod, hogy egy képet a nagy felbontású és az eszközök kisebb felbontású, amely azonosítja és meghatározza az ikonra.

iPhone ikon honlap

A weboldalon található gyorsbillentyű hasonló lesz bármelyikhez alkalmazások iOS.

Hogyan adjunk egy weboldal ikonok iPhone, iPad és iPod Touch

A szerzőről

Lopakodás

Szenvedélyes mindent, gadget és informatikai levelet szívesen stealthsettings.com a 2006 és szeretek új dolgokat fedezzen fel veled a számítógépek és a MacOS, Linux, Windows, iOS és az Android.

Leave a Comment