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.
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
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.
Ikon pintasan ke situs web akan terlihat serupa dengan yang lainnya aplikasi untuk iOS.