Bagaimana cara menambahkan ikon ke situs web iPhone, iPad dan iPod Touch

Favicon.ico - Ikon Situs Web di Browser

Sebelum meluncurkan sebuah situs web dan menambahkan file grafis, favicon, untuk ditampilkan di browser, di bilah alamat. Dalam kebanyakan situasi, favicon adalah gambar mini logo grafik atau inisial situs web masing-masing. Favicon ini ditambahkan untuk membantu pengguna mengidentifikasi alamat web di bookmark dengan cepat.

Stealth Settings Favicon
Stealth Settings Favicon masuk Safari
Favicon di Opera
Favicon di Opera

Sampai saat ini, file ini harus dalam bentuk "favicon.ico", untuk diidentifikasi oleh browser web. Chrome, Internet Explorer, Opera, Safari, Firefox, dll.
Selama beberapa tahun, dengan memajukan bahasa web baru, HTML5 si CSS3, Favicons bisa menjadi png file atau . Jpg. Kondisi ini bahwa header dari situs, sebelum, Jadilah baris ini:

Ikon Situs Web untuk iOS - iPhone, iPad dan iPod Touch

In iOS kita dapat menambahkan pintas halaman web pe Home ScreenBPK iPhone, iPad si iPod Touch.

Bagaimana cara menambahkan pintasan ke situs web di iPhone, Layar Utama iPad dan iPod

Kami melakukan ini dengan membuka halaman web di iPhone (Safari, Chrome, dll browser internet), klik kotak dengan panah (tanda "bagikan" di iOS), lalu opsi "Add ke Layar Beranda".

Jika website telah menetapkan favicon untuk browser Anda, tetapi tidak diatur situs ikon khusus perangkat iOS, Layar akan muncul ikon yang terdiri dari pratinjau gambar Halaman web.

Bagaimana cara menambahkan ikon web untuk iPhone, iPad dan Android.

Langkah pertama adalah untuk membuat gambar ikonYang muncul di Home Screenkomunitas iDevice BPK. Untuk icon web kompatibel pada semua perangkat dan melihat dengan jelas, kita harus membuat gambar untuk semua resolusi iPhone dan iPad.

Resolusi standar dan ukuran ikon untuk iPhone, iPad, iPod, dan Android

  • Modelele klasik dari iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPad Retina = 152 × 152
  • iPhone 6/6S Ditambah = 180 × 180

Apple diperbarui secara berkala Ukuran icon direkomendasikanURL aplikasi si Halaman Web pe halaman ini.

Untuk perangkat Android, ikon dua dimensi:

  • Android klasik = 128 × 128
  • Android dengan resolusi tinggi (resolusi tinggi) = 192 × 192
ikon

Setelah gambar dibuat, kemudian diunggah ke web server, dan di sumber HTML situs web, sebelum ditutup , baris berikut ditambahkan:

<tautan href=”/apple-touch-icon.png ”rel =”apple-sentuh-ikon ”/> <tautan href=”/apple-touch-icon-76 × 76.png ”rel =”apple-sentuh-ikon ”ukuran =” 76 × 76 ″ /> <tautan href=”/apple-touch-icon-120 × 120.png ”rel =”apple-sentuh-ikon ”ukuran =” 120 × 120 ″ /> <tautan href=”/apple-touch-icon-152 × 152.png ”rel =”apple-sentuh-ikon ”ukuran =” 152 × 152 ″ /> <tautan href=”/apple-touch-icon-180 × 180.png ”rel =”apple-sentuh-ikon ”ukuran =” 180 × 180 ″ />

Untuk perangkat Apple,. Nama gambar .PNG dan "rel =" harus berisi awalan "apple- ". Untuk Android, nama file adalah "icon hires.png"Dan"icon normal.png”Dengan ikon rel =” ”.

Anda tidak perlu membuat gambar untuk setiap resolusi. Anda dapat membuat gambar untuk resolusi tertinggi, dan perangkat dengan resolusi lebih rendah akan mengidentifikasinya dan menetapkannya sebagai ikon.

iPhone-Situs Web-Ikon

Ikon pintasan ke situs web akan terlihat serupa dengan yang lainnya aplikasi untuk iOS.

Sebagai pecinta teknologi, saya dengan senang hati menulis di StealthSettings.com sejak tahun 2006. Saya memiliki pengalaman yang kaya dalam sistem operasi: macOS, Windows, dan Linux, serta dalam bahasa pemrograman dan platform blogging (WordPress) dan toko online (WooCommerce, Magento, PrestaShop).

How to » iHowTo » iHowTo - iOS » Bagaimana cara menambahkan ikon ke situs web iPhone, iPad dan iPod Touch
Tinggalkan Komentar