Sådan tilføjes ikoner til et websted iPhone, iPad og iPod Touch

Favicon.ico - Webstedsikon i browser

Før det blev lanceret en hjemmeside og tilføje en grafikfil, favicon, vises i browseren i adresselinjen. I de fleste situationer er favicon et miniaturebillede af det grafiske logo eller initialerne på det respektive websted. Dette favicon tilføjes for at hjælpe brugerne med hurtigt at identificere en webadresse i bogmærker.

Stealth Settings favicon
Stealth Settings Favicon i Safari
Favicon i Opera
Favicon i Opera

Indtil for nylig måtte denne fil være i form. "favicon.ico", skal 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, Vær denne linje:

Hjemmeside-ikon til iOS - iPhone, iPad og iPod Touch

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

Sådan tilføjes en genvej til et websted på iPhone, iPad og iPod-startskærm

Vi gør dette ved at åbne en webside på iPhone (Safari, Chrome osv. internetbrowser), klik på firkanten med pilen (tegnet for "del" i iOS), og derefter muligheden "Add til startskærmen".

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.

Sådan tilføjes webikoner 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 til alle opløsninger af iPhone og iPad.

Opløsninger og standard ikonstørrelser til iPhone, iPad, iPod og Android

  • Modeklassiske lele af iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod nethinden = 120 × 120
  • iPad nethinden = 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:

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

Når vi har lavet billederne, uploades de på webserveren og i HTML-kilden på hjemmesiden, inden de lukkes , tilføjes følgende linjer:

<link href="/apple-touch-icon.png ”rel =”apple-touch-icon ”/> <link href="/apple-touch-icon-76 × 76.png ”rel =”apple-touch-icon ”størrelser =” 76 × 76 ″ /> <link href="/apple-touch-icon-120 × 120.png ”rel =”apple-touch-icon ”størrelser =” 120 × 120 ″ /> <link href="/apple-touch-icon-152 × 152.png ”rel =”apple-touch-icon ”størrelser =” 152 × 152 ″ /> <link href="/apple-touch-icon-180 × 180.png ”rel =”apple-touch-icon ”størrelser =” 180 × 180 ″ />

Til enheder Apple.PNG-billednavn og "rel =" skal indeholde præfikset "apple- ". For Android vil filnavne være "ikon hires.png"Og"ikon normal.png”Med rel =” ikon ”.

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

iPhone-Website-ikon

Genvejsikonet til webstedet vil ligne ethvert applikationer til iOS.

Teknologientusiast, jeg skriver med glæde på StealthSettings.com siden 2006. Jeg har rig erfaring med operativsystemer: macOS, Windows og Linux, samt programmeringssprog og blogplatforme (WordPress) og til onlinebutikker (WooCommerce, Magento, PrestaShop).

Hvordan man » iHowTo » iHowTo - iOS » Sådan tilføjes ikoner til et websted iPhone, iPad og iPod Touch
Efterlad en kommentar