Html5-boilerplate: Apakah ada kebutuhan untuk 6 ikon sentuhan apel yang berbeda ketika hanya satu yang akan berfungsi?

Ini dijelaskan di sini: http://mathiasbynens.be/notes/touch-icons

"Kelemahannya adalah perangkat ini akan memuat gambar berkualitas tinggi yang besar, sementara file yang jauh lebih kecil akan berfungsi dengan baik."
Jadi, hanya jika seseorang mengklik "Tambahkan ke layar beranda", maka png yang sedikit lebih berat harus dimuat (lebih besar hanya beberapa kilobyte) ... membuat 6 ikon dengan ukuran berbeda... dan terutama lebih baik jika Anda menyertakan HTML pada halaman untuk memuat keenamnya.

Neil,
Jika Anda memerlukan cara sederhana untuk membuat ikon-ikon ini, bolehkah saya menyarankan repo FavIcons Multi-Layer H5BP ? Saya tahu ini adalah plug yang tidak tahu malu, tetapi saya menggunakan ini lagi hari ini dan selesai dengan semua 7 gambar, termasuk favicon berlapis-lapis dalam waktu kurang dari 10 menit.

Semoga membantu!

Ok terima kasih. Tetapi saya masih tidak setuju bahwa membuat beberapa grafik khusus untuk menargetkan setiap perangkat individual adalah pendekatan yang tepat (bukan pendekatan yang sangat 'responsif'). Membuat satu gambar masih lebih cepat/lebih mudah dan lebih bersih, dan saya tidak melihat masalah dengan mengirimkannya ke perangkat yang lebih lama ketika tidak menambah bobot pada pemuatan halaman (itu hanya dimuat setelah 'permintaan' menambahkan ke rumah screen) dan kita hanya berbicara tentang beberapa k perbedaan antara gambar-gambar ini.

Jika hanya diunduh saat ditambahkan ke layar beranda, maka saya dapat mengerti maksud Anda. Secara pribadi, saya juga memilih rute ikon tunggal.

+1 untuk satu ikon (dan favicon.ico) tanpa pendekatan tautan html.

@mathiasbynens terima kasih atas penjelasan menyeluruh tentang ikon sentuh. Saya harus tertawa ketika membaca ringkasannya. Bukan karena saran Anda tetapi karena mengapa saya membenci BS berpemilik. Biarkan saya meringkas ringkasan Anda.

• Untuk mendukung Android sepenuhnya, Anda harus menggunakan tag html milik apple.
• Jika Anda hanya peduli dengan iOS maka Anda tidak perlu menggunakan tag html milik Apple.
• Pendekatan "malas" adalah melakukan persis seperti yang dilakukan apple.com.

Sekadar rekap, ada dua alasan utama mengapa memiliki banyak ikon sentuh yang berbeda adalah solusi terbaik:

• Kinerja / membatasi penggunaan paket data: hindari memuat gambar besar yang tidak perlu saat menambahkan ke layar beranda.
• Arahan seni: menurut pengalaman saya, desainer umumnya tidak suka mengandalkan pengubahan ukuran otomatis, dan lebih memilih menyediakan sendiri ikon dalam dimensi yang sesuai.

Yang mengatakan, saya malas dan saya menggunakan solusi ikon tunggal juga. Tapi itu tidak berarti itu harus menjadi solusi IMHO.

@ryanswedal :D

Jika tautan HTML disertakan pada halaman, apakah ada yang tahu jika mereka dipanggil saat memuat halaman? Jika demikian, itu argumen yang lebih besar untuk pendekatan satu ikon... dan karena tidak menyertakan tautan HTML.

Kembali ketika saya meneliti ini, IIRC pengujian saya mengkonfirmasi bahwa ikon sentuh tidak diminta pada pemuatan halaman, bahkan dengan <link> .

Senang mendengarnya. Terima kasih!

Ya, +1 untuk pendekatan ikon tunggal. Ikon sentuh tidak mendokumentasikan diri sendiri, jadi memiliki 6 di root tanpa kemampuan untuk mendokumentasikan alat untuk menyinkronkannya berantakan dan perawatannya berat.

Saya setuju dengan masalah pemeliharaan jika Anda memiliki semua ikon di root. Saya tidak benar-benar melihat solusi yang baik tetapi untuk menambahkan tag <link> (symlink tidak benar-benar menyelesaikan masalah itu).

Tapi saya tidak berpikir kita harus mengasapi markup index.html dengan tag ini saat ini. Mobile Boilerplate melakukan ini.
Pokoknya saya cukup yakin mudah untuk mengetahui cara memindahkan ikon ke folder lain. Kami bahkan memiliki bagian singkat tentang topik ini di dokumen kami .

Pada iOS 7, ukuran ikon sentuh yang direkomendasikan untuk iPhone layar Retina naik dari 114 × 114 piksel menjadi 120 × 120 piksel. Posting saya telah diperbarui untuk mencerminkan hal itu.

Bisakah kita menemukan solusi di sini? Apakah kita ingin membiarkannya apa adanya atau pindah ke pendekatan satu ikon?

Yah, suara saya pasti untuk pendekatan satu ikon

Pada hari Rabu, 24 Juli 2013, Hans Christian Reinl menulis:

Bisakah kita menemukan solusi di sini? Apakah kita ingin membiarkannya apa adanya atau pindah ke
pendekatan satu ikon?

—
Balas email ini secara langsung atau lihat di Gi tHubhttps://github.com/h5bp/html5-boilerplate/issues/1367#issuecomment -21507073
.

Neil Creagh

Dikirim dari ponsel: 087 2174891

http://www.fuel.ie

Semakin sedikit, semakin sederhana, semakin baik. Jika satu saja sudah cukup dan berhasil, mengapa kita tidak melakukannya?

+1 untuk satu!

Saya juga ingin mengambil cara yang sederhana dan responsif, tetapi untuk ikon dulu ada satu pengecualian: ikon dalam skala yang berbeda mungkin memerlukan desain ulang untuk membuatnya jelas pada ukuran itu.

Jika Anda memiliki ikon kompleks, katakanlah 120x120 dan ingin menggunakannya dalam ukuran 32x32, itu mungkin tidak dapat dikenali. Menskalakan ikon kecil ke ikon yang jauh lebih besar tidak menjadi masalah dengan format vektor, tetapi desainer mungkin ingin menambahkan lebih banyak detail.

http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077#module -67936509

Gulir ke bawah beberapa halaman dari tautan di atas untuk melihat ikon dalam ukuran 32x32 dan 16x16 ... mungkin tidak begitu dekat dengan topik ini, tapi saya pikir itulah yang harus dipertimbangkan ketika berbicara tentang ikon dalam berbagai ukuran.

IMO dalam kebanyakan situasi satu ikon sudah cukup. Memberikan satu ikon H5BP besar dengan catatan di dokumen tentang membuat ikon yang lebih kecil untuk mengoptimalkan kejelasan dan ukuran file akan menjadi perbaikan yang baik.

Yang mengatakan, H5BP adalah semi-berpendapat sehingga apa pun yang dianggap sebagai metode "benar", terlepas dari kesederhanaannya, harus ada dalam repo.

Saya telah membuat Permintaan Tarik yang menghapus lima dari enam Ikon Sentuh Apple di #1425.
Umpan balik sangat dihargai.

Harap simpan diskusi utama dalam masalah ini.

+1

:+1:

+1

Tidak apa-apa jika saya mengakui bahwa saya tidak pernah tahu mengapa ada enam di tempat pertama dan saya senang bahwa akan ada satu jadi saya tidak akan merasa seperti saya malas tidak tahu "mengapa?"

Kesempurnaan dicapai, bukan ketika tidak ada lagi yang ditambahkan, tetapi ketika tidak ada yang tersisa untuk diambil.
— Antoine de Saint-Exupery

:+1:

Saya tidak punya waktu untuk membuatnya lebih pendek.
— Blaise Pascal
:jempolan:

Saya telah berlari untuk sementara waktu hanya dengan satu gambar. Satu kelemahannya adalah banyak browser seluler akan meminta file lain. Tidak perlu merujuknya dengan tag tautan di HTML tetapi saya telah kembali memasukkan file direktori root untuk semua ukuran dalam normal dan dibuat sebelumnya hanya untuk menghindari log saya penuh dengan 404 kesalahan untuk permintaan tersebut.

https://Gist.github.com/davidhund/332316f82440ef4377f3 oleh @davidhund