Hvordan at tilføje en hjemmeside ikoner til iPhone, iPad og iPod Touch

Favicon.ico - Website Ikon i Browser

Før det blev lanceret en hjemmeside og tilføje en grafikfil, favicon, som vises i browseren på adresselinjen. I de fleste tilfælde er favicon et miniaturebillede af det grafiske logo eller hjemmesidens initialer. Denne favicon er tilføjet for at hjælpe brugerne hurtigere at identificere en webadresse i bogmærker.

Stealth-indstillinger favicon

Stealth-indstillinger favicon i Safari

Favicon i Opera

Favicon i Opera

Indtil for nylig, bør denne fil have formen "favicon.ico"Identificeres af webbrowseren. Chrome, Internet Explorer, Opera, Safari, Firefox osv.
I flere år, med fremme af nye web-sprog, HTML5 si CSS3, Favicons kan være en .png fil eller .jpg. Betingelsen er, at overskriften på hjemmesiden, før </ head>, Vær denne linje:

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

Website Ikon til iOS - iPhone, iPad og iPod Touch

In iOS vi kan tilføje Web- genveje pe StartskærmCPC iPhone, iPad si iPod Touch.

Hvordan at tilføje en hjemmeside genvej på iPhone, iPad og iPod startskærm

Det gør vi ved at åbne en hjemmeside på din iPhone (Safari, Chrome, Internet browser etc.), skal du klikke på firkanten med pilen (tegnet for "share" i iOS), så indstillingen "Føj til startskærm".

Hvis webstedet har sat favicon til din browser, men ikke angivet iOS-enhed ikon specifikke stederVil Skærmen vises et ikon, der består af en billedvisning webside.

Hvordan at tilføje web ikoner til iPhone, iPad og Android.

Det første trin er at skabe et billede ikonDet vises på StartskærmCPC iDevice samfund. Til web-ikon er kompatibel på alle enhederne og at se klart, vi skal skabe billede for alle iPhone og iPad resolutioner.

Opløsninger og standardikonstørrelser til iPhone, iPad, iPod og Android

  • Klassiske modeller af iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina × = 120 120
  • iPad Retina × = 152 152
  • iPhone 6 / 6S Plus = 180 180 ×

Apple opdateres regelmæssigt Anbefalet ikonstørrelseSites applikationer si websider pe denne side.

For enheder Android, ikoner er to dimensioner:

  • Klassisk Android = 128 × 128
  • Android høj opløsning (hi-res) = 192 × 192

ikoner

Når vi gjort billederne, klatre op på webserveren, HTML-kilden af ​​hjemmesiden, før det afsluttende </ head>, tilføje følgende linjer:

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

Pentru device-urile Apple, numele imaginii .PNG si “rel=” trebuie sa contina prefixul “apple-“. Pentru Android, numele fisierelor va fi “ikon hires.png"Og"ikon normal.png"Med rel =" ikonet ".

Det er ikke absolut nødvendigt at oprette billeder til hver enkelt opløsning individuelt. Du kan lave et billede til den højeste opløsning, og enheder med lavere opløsning identificerer den og angiver den som et ikon.

iPhone Icon Hjemmeside

Genvejsikonet til hjemmesiden vil se ud som om nogen applikationer til iOS.

Hvordan at tilføje en hjemmeside ikoner til iPhone, iPad og iPod Touch

Om forfatteren

Stealth

Lidenskabelig om alt, hvad der betyder gadget og IT, jeg er glad for at skrive på stealthsettings.com fra 2006 og jeg elsker at opdage nye ting om computere og macOS, Linux-operativsystemer, Windows, iOS og Android.

Efterlad en kommentar