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

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

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

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

حتى وقت قريب ، كان يجب أن يكون هذا الملف في شكل "favicon.ico"، يتم تحديده بواسطة مستعرض الويب. كروم ، إنترنت Explorerو Opera و 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

  • الموديلات الكلاسيكية من 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 للموقع ، قبل الإغلاق ، تضاف الأسطر التالية:

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

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

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

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

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

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

شغوفًا بالتكنولوجيا ، أحب اختبار وكتابة برامج تعليمية حول أنظمة التشغيل macOS, Linux, Windows، حول WordPressو WooCommerce وتكوين خوادم الويب LEMP (Linuxو NGINX و MySQL و PHP). أكتب على StealthSettings.com منذ عام 2006 ، وبعد بضع سنوات بدأت الكتابة على iHowTo. نصائح تعليمية وأخبار حول الأجهزة في النظام البيئي Apple: iPhone، اى باد، Apple مشاهدة ، HomePod ، iMac, MacBook، AirPods وملحقاتها.

اترك تعليق