سؤال

لست متأكدا ما الحجم الصحيح ينبغي أن يكون.

العديد من المواقع يبدو أن أكرر أن أبل لمس رمز ينبغي 57x57 بكسل ولكن الاستشهاد وصلة مكسورة كما مصدرها.

Hanselman's ، playgroundblues's التعليقات تشير إلى أحجام مختلفة بما في ذلك 163x163 60x60.

أبل الخاصة apple.com رمز هو 129x129!

أرى ذات السؤال:كيف أعطي مواقع ويب رمز للحصول على اي فون?

هل كانت مفيدة؟

المحلول

يبدو أن أبل التوجيهية اعتبارا من آب / أغسطس 3, 2010 تشمل الآن "عالية الدقة" الصور (اي فون 4) في "الاقتضاء" رمز الأحجام.

يبدو أننا بحاجة إلى تقديم كل 57x57 و 114x114 الصورة الآن ، فضلا عن 640x960 عنوان الصورة.

انظر رمز مخصص و خلق صورة التوجيهية (جافا سكريبت المطلوبة) التي هي جزء من الوثيقة كاملة:

نصائح أخرى

من جوجل ذاكرة التخزين المؤقت المطور أبل اتصال - تطبيقات ويب ديف مركز تصميم المحتوى...

إنشاء صفحة ويب مقطع رمز المرجعية

اي فون و آي بود تاتش تتيح للمستخدم حفظ صفحة ويب مقطع المرجعية إلى موقع الويب الخاص بك على الشاشة الرئيسية.

لتحديد رمز المرجعية للجميع صفحة من موقع على شبكة الإنترنت, وضع صورة PNG المسماة "أبل-لمس رمز.بابوا نيو غينيا" في الدليل الجذر من ملقم ويب الخاص بك - على غرار "فافيكون.ico" على الموقع الرموز.

تجاوز الموقع رمز المرجعية على صفحة ويب معينة ، إدراج <link> عنصر مشابه <link rel="apple-touch-icon" href="/customIcon.png" /> داخل <head> عنصر من عناصر الصفحة.

رمز الإشارة المرجعية الأبعاد يجب أن تكون 57x57 بكسل.إذا كان الرمز هو حجم مختلفة سيتم تحجيمها اقتصاص لتناسب.

سفاري تلقائيا مركب أيقونة مع معيار "زجاجي" تراكب بحيث يبدو مثل المدمج في اي فون أو آي بود التطبيق.

يعتمد على كيفية الكثير من التفاصيل إذا كنت تريد أن يكون, فإنه يحتاج إلى نسبة 1:1 (في الأساس - لا بد مربع)

وأود أن تذهب مع أبل الخاصة 129*129

أنا لا يمكن أن أذكر مصدر هذه الأحجام لأن مرجع رسمي تحت القفل والمفتاح من ADC.

ومع ذلك ، فإن العديد من غير التجمع الوطني الديمقراطي مواقع الدروس على كيفية إنشاء الرموز.على سبيل المثال هنا:

كجزء من سفاري المحتوى على شبكة الإنترنت دليل أبل لديها في الواقع متاحة للجمهور صفحة تسمى "تحديد رمز صفحة الويب على شبكة الإنترنت مقطع"(جافا سكريبت المطلوبة) الذي يغطي جميع القرارات وتنفيذها.

الرسمية حجم 57x57.أود أن أوصي باستخدام الحجم الدقيق ببساطة يرجع ذلك إلى حقيقة أن يستغرق أقل من الذاكرة عند تحميل (ما لم أبل بتخزين تحجيم التمثيل).وقال مع ذلك ، ريكس هو الحق أن أي مربع حجم العمل

أبل المواصفات تحديد أحجام جديدة ل iOS7:

  • 60x60
  • 76x76
  • 120x120
  • 152x152

في حين القديم أحجام iOS6 السابقة هي:

  • 57x57
  • 72 x 72
  • 114x114
  • 144x144

بالمناسبة precomposed الرموز هي إهمال.

ونتيجة لذلك ، من أجل دعم ولكن الأجهزة الجديدة (تشغيل iOS7) وكبار السن (iOS6 السابقة), 8 هذه الصور يجب أن تكون موجودة عام رمز هو:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">

وبالإضافة إلى ذلك ، يجب إنشاء 152x152 الصورة اسمه apple-touch-icon.png.

قد تريد أن تعرف أن هذا favicon generator يمكن أن تولد كل هذه الصور في وقت واحد.الإفصاح الكامل:أنا صاحب هذا الموقع.

لا أعتقد أن هناك "الحجم الصحيح".منذ فون هو حقا التشغيل OSX, أيقونة نظام التقديم هي قوية جدا.طالما أنك تعطيه صورة ذات جودة عالية مع نسبة الارتفاع و القرار يقل الانتاج الفعلي سوف يكون نظام التشغيل سوف مستوي نظيفة جدا.موقعي يستخدم 158x158 و رمز تبدو بكسل مثالية على الشاشة فون.

NilObject الرابط قادني إلى عظيم بلوق وظيفة صلصة الطماطم على الرمز الخاص بك في makentosh.com

...بالطبع كل هذا التناقض قد يكون التعامل معها في نهاية المطاف ، أليس كذلك ؟ حسنا 2.0 التعامل معها في الدقيقة الأزياء!أخيرا 57x57 يعني في الواقع 57x57.

كل بكسل ...المقدمة تماما.

ليس لديك إلى القلق على الحجم الصحيح أي أكثر من ذلك.إذا كان لديك itune الفني ملف (أيالملف 1024*1024 الحجم) من الرمز الخاص بك ، ثم أنا خلقت هذا التطبيق والتي سوف توفر لك كافة الرموز على أساس المعلومات المقدمة هنا.الحصول على التطبيق من هنا, ثم اتبع الإرشادات الموجودة في الملف التمهيدي لتهيئة كافة الرموز التطبيق دائرة الرقابة الداخلية.

تحديث قائمة أكتوبر 2014, iOS8

قائمة للحصول على اي فون و آي باد مع شبكية العين

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

التحديث دائرة الرقابة الداخلية 2014 8:

لدائرة الرقابة الداخلية 8 و اي فون 6 زائد

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

اي فون 6 يستخدم نفس 120 × 120 بكسل صورة اي فون 4 و 5 والباقي هو نفس دائرة الرقابة الداخلية 7

تحديث 2013 iOS7:

لدائرة الرقابة الداخلية 7 الموصى بها قرارات تغيير:

  • للحصول على اي فون شبكية العين من 114 × 114 بكسل إلى 120 × 120 بكسل
  • على آي باد الشبكية من 144 × 144 بكسل إلى 152 × 152 بكسل

غيرها من القرار لا تزال هي نفسها

  • 57 × 57 بكسل الافتراضي
  • 76 × 76 px عن لاب توب بدون شبكية العين
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top