Html5-boilerplate: هل هناك حاجة إلى 6 أيقونات مختلفة تعمل باللمس من Apple عندما يعمل رمز واحد فقط؟

تم إنشاؤها على ٣٠ مايو ٢٠١٣  ·  28تعليقات  ·  مصدر: h5bp/html5-boilerplate

سيتم استخدام رمز png واحد فقط من apple-touch ، مضبوط على 144 × 144 بكسل ، على الأجهزة الأقدم أيضًا (يتم تصغيره تلقائيًا) ، لذلك لا أرى الحاجة إلى إنشاء 6 إصدارات مختلفة.

التعليق الأكثر فائدة

"الجانب السلبي هو أن هذه الأجهزة ستحمّل الصورة الكبيرة عالية الجودة ، في حين أن الملف الأصغر كثيرًا كان سيعمل أيضًا."
لذلك ، فقط إذا نقر أحد الأشخاص على "إضافة إلى الشاشة الرئيسية" ، فسيتعين تحميل ملف png أثقل قليلاً (أكبر من بضعة كيلوبايت فقط) ... هذا مقبول تمامًا بقدر ما أشعر بالقلق ، وأفضل بكثير من إنشاء 6 أيقونات مختلفة الحجم ... وأفضل بشكل خاص إذا كنت تقوم بتضمين HTML في الصفحة لتحميل كل الرموز الستة.

ال 28 كومينتر

وهذا موضح هنا: http://mathiasbynens.be/notes/touch-icons

"الجانب السلبي هو أن هذه الأجهزة ستحمّل الصورة الكبيرة عالية الجودة ، في حين أن الملف الأصغر كثيرًا كان سيعمل أيضًا."
لذلك ، فقط إذا نقر أحد الأشخاص على "إضافة إلى الشاشة الرئيسية" ، فسيتعين تحميل ملف png أثقل قليلاً (أكبر من بضعة كيلوبايت فقط) ... هذا مقبول تمامًا بقدر ما أشعر بالقلق ، وأفضل بكثير من إنشاء 6 أيقونات مختلفة الحجم ... وأفضل بشكل خاص إذا كنت تقوم بتضمين HTML في الصفحة لتحميل كل الرموز الستة.

نيل ،
إذا كنت بحاجة إلى طريقة بسيطة لإنشاء هذه الرموز ، فهل يمكنني اقتراح إعادة المفضلة H5BP Multi-Layer FavIcons ؟ أعلم أنه مكون وقح ، لكنني استخدمته مرة أخرى اليوم وانتهيت من جميع الصور السبعة ، بما في ذلك الرمز المفضل متعدد الطبقات في أقل من 10 دقائق.

أتمنى أن يساعد!

حسنا، شكرا. لكنني ما زلت لا أوافق على أن إنشاء رسومات محددة متعددة لاستهداف كل جهاز على حدة هو النهج الصحيح (وليس أسلوبًا "سريع الاستجابة" للغاية). لا يزال إنشاء صورة واحدة أسرع / أسهل وأنظف ، ولا أرى مشكلة في تسليمها إلى الأجهزة القديمة عندما لا تضيف أي وزن لتحميل الصفحة (يتم تحميلها فقط بعد "طلب" الإضافة إلى الصفحة الرئيسية screen) ونحن نتحدث فقط عن اثنين من k في الفرق بين هذه الصور.

إذا تم تنزيله فقط عند إضافته إلى الشاشة الرئيسية ، فيمكنني رؤية وجهة نظرك. أنا شخصياً أذهب إلى طريق الأيقونة الفردية أيضًا.

+1 لأيقونة واحدة (و favicon.ico) لا يوجد نهج روابط html.

mathiasbynens شكرًا لك على الشرح الشامل لأيقونات اللمس. كان علي أن أضحك عندما قرأت الملخص رغم ذلك. ليس بسبب اقتراحاتكم ولكن بسبب كرهتي لملكية BS. اسمحوا لي أن ألخص ملخصك.

  • من أجل دعم Android بالكامل ، يجب عليك استخدام علامات html الخاصة بشركة Apple.
  • إذا كنت تهتم فقط بنظام iOS ، فلن تحتاج إلى استخدام علامات html الخاصة بشركة Apple.
  • النهج "الكسول" هو أن تفعل بالضبط ما يفعله apple.com.

فقط للتلخيص ، هناك سببان رئيسيان لوجود العديد من رموز اللمس المختلفة هو الحل الأفضل:

  • الأداء / الحد من استخدام خطة البيانات: تجنب تحميل الصور الكبيرة بلا داع عند الإضافة إلى الشاشة الرئيسية.
  • الاتجاه الفني: من واقع خبرتي ، لا يحب المصممون بشكل عام الاعتماد على تغيير الحجم تلقائيًا ، بل يقومون بتوفير الرموز بالأبعاد المناسبة بأنفسهم.

ومع ذلك ، فأنا كسول وأستخدم حل الرمز الفردي أيضًا. لكن هذا لا يعني أنه يجب أن يكون الحل الأمثل IMHO.

ryanswedal : د

إذا تم تضمين روابط HTML في الصفحة ، فهل يعرف أي شخص ما إذا تم استدعاؤها عند تحميل الصفحة؟ إذا كان الأمر كذلك ، فهذه حجة أكبر لنهج الرمز الواحد ... وعدم تضمين رابط HTML.

مرة أخرى عندما قمت بالبحث عن هذا ، أكدت اختباراتي IIRC أن رموز اللمس لم يتم طلبها عند تحميل الصفحة ، ولا حتى مع <link> .

جيد ان تعلم. شكرا!

نعم ، +1 لمقاربة الرمز المنفرد. لا تعد أيقونات اللمس توثيقًا ذاتيًا ، لذا فإن وجود 6 في الجذر دون القدرة على توثيق أداة لمزامنتها يعد أمرًا فوضويًا ويحتاج إلى صيانة ثقيلة.

أوافق على مشكلة قابلية الصيانة إذا كان لديك جميع الرموز في الجذر. لا أرى حلاً جيدًا حقًا ولكن لإضافة علامات <link> (الروابط الرمزية لا تحل هذه المشكلة حقًا).

لكنني لا أعتقد أنه يجب علينا زيادة حجم ترميز index.html بهذه العلامات في الوقت الحالي. يقوم Mobile Boilerplate بهذا الأمر.
على أي حال ، أنا متأكد من أنه من السهل معرفة كيفية نقل الرموز إلى مجلد آخر. لدينا حتى قسم قصير حول هذا الموضوع في مستنداتنا .

اعتبارًا من نظام التشغيل iOS 7 ، ارتفع حجم رمز اللمس الموصى به لأجهزة iPhone التي تعمل بشاشة Retina من 114 × 114 بكسل إلى 120 × 120 بكسل. تم تحديث رسالتي لتعكس ذلك.

هل يمكننا إيجاد حل هنا؟ هل نريد أن نتركه كما هو أم ننتقل إلى نهج الأيقونة الواحدة؟

حسنًا ، سيكون تصويتي بالتأكيد لمقاربة الأيقونة الواحدة

في يوم الأربعاء 24 يوليو 2013 ، كتب هانز كريستيان رينل:

هل يمكننا إيجاد حل هنا؟ هل نريد أن نتركه كما هو أم ننتقل إلى
نهج رمز واحد؟

-
قم بالرد على هذه الرسالة الإلكترونية مباشرة أو tHubhttps: //github.com/h5bp/html5-boilerplate/issues/1367#issuecomment -21507073
.

نيل كريج

مرسل من الجوال: 087 2174891

http://www.fuel.ie

أقل ، كلما كان ذلك أبسط ، كان ذلك أفضل. إذا كانت واحدة فقط كافية وتعمل فلماذا لا نذهب معها؟

+1 لشخص واحد!

أود أيضًا أن أتخذ طريقة بسيطة وسريعة الاستجابة ، ولكن بالنسبة للأيقونات ، كان هناك استثناء واحد: قد تتطلب الرموز بمقاييس مختلفة إعادة تصميم لتوضيحها بهذا الحجم.

إذا كان لديك رمز معقد ، لنقل 120 × 120 وترغب في استخدامه بحجم 32 × 32 ، فقد يتعذر التعرف عليه. لا يعد تغيير حجم رمز صغير إلى رمز أكبر بكثير مشكلة في تنسيق المتجه ، ولكن قد يرغب المصمم في إضافة المزيد من التفاصيل.

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

قم بالتمرير لأسفل عدة صفحات من الرابط أعلاه لمشاهدة الرموز في 32 × 32 و 16 × 16 ... ربما لا يكون هذا قريبًا جدًا من هذا الموضوع ، لكنني أعتقد أن هذا ما يجب مراعاته عند الحديث عن الرموز بأحجام مختلفة.

IMO في معظم الحالات رمز واحد كافٍ. سيكون توفير رمز H5BP واحد كبير مع ملاحظة في المستندات حول إنشاء رموز أصغر لتحسين الوضوح وحجم الملف بمثابة حل جيد.

ومع ذلك ، فإن H5BP شبه مؤيد ، لذا فإن أيًا كان ما يعتبر الطريقة "الصحيحة" ، بغض النظر عن البساطة ، يجب أن يكون في الريبو.

لقد قدمت طلب سحب يزيل خمسة من ستة أيقونات Apple Touch في # 1425.
ردود الفعل محل تقدير كبير.

يرجى الاحتفاظ بالمناقشة الرئيسية في هذه القضية.

+1

: +1:

+1

هل من المقبول أن أعترف أنني لم أعرف أبدًا سبب وجود ستة أشخاص في المقام الأول وأنا سعيد بوجود واحد لذلك لن أشعر أنني كسول لا أعرف "لماذا"؟

يتحقق الكمال ، ليس عندما لا يوجد شيء آخر يمكن إضافته ، ولكن عندما لا يتبقى شيء يسلبه.
- أنطوان دو سانت إكزوبيري

: +1:

لم يكن لدي الوقت لجعلها أقصر.
- بليز باسكال
:ممتاز:

لقد كنت أركض لفترة من الوقت بصورة واحدة فقط. أحد الجوانب السلبية هو أن العديد من متصفحات الجوال ستطلب الملفات الأخرى. ليست هناك حاجة للرجوع إليها بعلامة ارتباط في HTML ، لكنني عدت إلى تضمين ملفات الدليل الجذر لجميع الأحجام في الوضع الطبيعي والمكون مسبقًا فقط لتجنب وجود سجلي مليء بأخطاء 404 لتلك الطلبات.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات