كيفية إضافة أيقونات إلى موقع على شبكة الإنترنت iPhoneو iPad و iPod Touch

Favicon.ico - أيقونة موقع الويب في المتصفح

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

Stealth Settings فافيكون
Stealth Settings فافيكون في Safari
فافيكون في الأوبرا
فافيكون في الأوبرا

حتى وقت قريب ، كان يجب أن يكون هذا الملف في شكل "favicon.ico"، ليتم تحديده بواسطة متصفح الويب. كروم، إنترنت إكسبلورر، أوبرا، Safariو Firefox وما إلى ذلك.
لعدة سنوات، مع تقدم لغات الويب الجديدة، HTML5 si CSS3، ففيكنس يمكن أن يكون ملف بابوا نيو غينيا أو . JPG. والشرط هو أن يكون الرأس للموقع، قبل، أن هذا الخط:

رمز موقع الويب لنظام iOS - iPhoneو iPad و iPod Touch

In آيفون ويمكننا أن نضيف اختصارات صفحة ويب pe الشاشة الرئيسيةللحزب الشيوعى الصينى iPhone, باد si آي بود تاتش.

كيفية إضافة اختصار إلى موقع ويب على iPhone، وشاشة iPad و iPod الرئيسية

نقوم بذلك عن طريق فتح صفحة ويب على iPhone (Safariو Chrome وما إلى ذلك من مستعرض الإنترنت) ، انقر على المربع الذي يحتوي على السهم (علامة "مشاركة" في iOS) ، ثم الخيار "Add إلى الشاشة الرئيسية".

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

كيفية إضافة أيقونات الويب لـ iPhoneو iPad و Android.

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

درجات الدقة وأحجام الرموز القياسية لـ iPhoneو iPad و iPod و Android

  • Modeالكلاسيكية lele iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPad Retina = 152 × 152
  • iPhone 6 / 6S زائد = 180 × 180

Apple تحديثها بانتظام وأوصى حجم الرمزمواقع تطبيقات si صفحات الويب pe هذه الصفحة.

لالروبوت الأجهزة، والرموز هي بعدين:

  • Android الكلاسيكي = 128 × 128
  • Android بدقة عالية (عالية الدقة) = 192 × 192
أيقونات

بعد الانتهاء من الصور ، يتم تحميلها على خادم الويب ، وفي مصدر HTML للموقع ، قبل الإغلاق ، تضاف الأسطر التالية:

<الرابط href=”/apple-touch-icon.png ”rel =”appleرمز اللمس "/> <الرابط href=”/apple-touch-icon-76 × 76.png ”rel =”apple-أيقونة اللمس "أحجام =" 76 × 76 ″ /> <الرابط href=”/apple-touch-icon-120 × 120.png ”rel =”apple-أيقونة اللمس "أحجام =" 120 × 120 ″ /> <الرابط href=”/apple-touch-icon-152 × 152.png ”rel =”apple-أيقونة اللمس "أحجام =" 152 × 152 ″ /> <الرابط href=”/apple-touch-icon-180 × 180.png ”rel =”apple-أيقونة اللمس "أحجام =" 180 × 180 ″ />

للأجهزة Appleيجب أن يحتوي اسم صورة PNG و "rel =" على البادئة "apple- ". بالنسبة لنظام التشغيل Android ، ستكون أسماء الملفات "رمز hires.png"و"رمز normal.png”مع rel =” icon ”.

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

iPhone-موقع-أيقونة

سيبدو رمز الاختصار لموقع الويب مشابهًا لأي رمز تطبيقات لدائرة الرقابة الداخلية.

شغوفة بالتكنولوجيا ، أكتب بسرور StealthSettings.com منذ عام 2006. لدي خبرة واسعة في أنظمة التشغيل: macOS, Windows سي Linuxبل أيضًا في لغات البرمجة ومنصات التدوين (WordPress) وللمتاجر عبر الإنترنت (WooCommerce، ماجنتو، بريستاشوب).

كيف » iHowTo » iHowTo - iOS » كيفية إضافة أيقونات إلى موقع على شبكة الإنترنت iPhoneو iPad و iPod Touch
اترك تعليق