الانتقال إلى الدرس
lil cactus

كيف أنشئ ملف أيقونة موقع (favicon) بصيغة ICO؟

مبتدئ4 دقائقآخر تحديث

إجابة سريعة

في Lil Cactus، افتح التصميم واختر ملف ثم تصدير ثم ICO… استبدل محتوى اسم الملف بالاسم favicon.ico. تحت أحجام الأيقونات، اترك الأحجام الستة كلها محددة (من 16 إلى 256 px، وهذا هو الإعداد الافتراضي)، ثم انقر تصدير. يضم الملف المنزل النسخ المربعة الست كلها في ملف ICO واحد.

الأحجام الستة المصدرة لأيقونة الورقة على شريطين فاتح وداكن: 16 و32 و48 و64 و128 و256 بكسل في الصف العلوي من كل شريط، والحجمان 16 و32 بكسل مكبران أربع مرات في الأسفل
الأحجام الستة داخل favicon.ico على خلفية فاتحة وأخرى داكنة: 16 و32 و48 و64 و128 و256 px في الصف العلوي، والحجمان 16 و32 px مكبران 4× في الأسفل.
المدة
4 دقائق
المستوى
مبتدئ
ما تحتاج إليه
أيقونة أو تصميم آخر مفتوح في المحرر
يعمل مع
ملفات PNG وJPG وSVG وPSD ومشاريع Lil Cactus (مع الحفاظ على الشفافية)
فتح الصورة النموذجية في Lil Cactusاستخدام صورتك الخاصة

مجاني ودون تسجيل. تبقى صورتك على حاسوبك.

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

تصدير أيقونة موقع بصيغة ICO في أربع خطوات

  1. افتح التصميم

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

    قائمة «ملف» مع إحاطة «فتح» بدائرة
    حمل التصميم الذي تريد تحويله إلى أيقونة.

  2. اختر ملف › تصدير › ICO…

    اختر ملف ثم تصدير ثم ICO… يفتح مربع الحوار تصدير باسم ICO مع معاينة للتصميم.

    قائمة «ملف» والقائمة الفرعية «تصدير» مع إحاطة ICO بدائرة
    افتح مربع حوار تصدير ICO.

  3. اختر اسم الملف والأحجام

    استبدل محتوى اسم الملف بالاسم favicon.ico. في أحجام الأيقونات، أبق 16 و32 و48 و64 و128 و256 محددة. هذه هي الأحجام الستة المتاحة.

    حقل «اسم الملف» في تصدير ICO مضبوط على favicon.ico ومحاط بدائرة
    سم ملف الأيقونة الذي سينزل.
    خيارات تصدير ICO والأحجام 16 و32 و48 و64 و128 و256 محددة، مع إحاطة مجموعة «أحجام الأيقونات» بدائرة
    كل رقم يمثل عرض الأيقونة المربعة وارتفاعها معا بالبكسل.

  4. صدر ملف ICO

    تأكد من أن أسفل مربع الحوار يعرض 6 أحجام أيقونات، ثم انقر تصدير. يحفظ متصفحك الملف favicon.ico باستخدام عناصر التحكم الخاصة به في التنزيل أو اختيار مكان الحفظ.

    أسفل مربع حوار ICO يعرض «6 أحجام أيقونات» وزر «إلغاء» وزر «تصدير» المحاط بدائرة
    تحقق من عدد الأحجام المحددة قبل التصدير.

استخدم الأيقونة في موقعك

ارفع favicon.ico إلى المجلد الرئيسي لموقعك، ليفتح على العنوان /favicon.ico. ويمكنك أيضا الإشارة إليه من قسم <head> في الصفحة بالوسم <link rel="icon" href="/favicon.ico"> (راجع مرجع MDN للأيقونات).

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

إذا صعبت قراءة الأيقونة بحجم 16 px

بسط التصميم: تفاصيل أقل، وأشكال أكبر، وخطوط أسمك. يبين الشكل في أعلى هذه الصفحة ما يبقى واضحا عند 16 px: المساحتان اللونيتان العريضتان للورقة وعرقها السميك الوحيد.

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

ماذا بعد؟

ملفات أيقونات المواقع ICO: أسئلة وأجوبة

هل يمكنني تحويل PNG أو JPG إلى ICO؟

نعم. في Lil Cactus، يمكن فتح الصيغتين وتصديرهما بعناصر التحكم في ICO. ويصبح التصميم الظاهر هو الأيقونة.

هل يمكن أن تكون لملف ICO خلفية شفافة؟

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

ماذا يحدث للصورة المستطيلة في ملف ICO؟

في Lil Cactus، توضع الصورة داخل كل مربع محدد دون تمديدها، وتملأ حشوة شفافة المساحة الزائدة.

هل يمكنني تصدير ملف ICO بحجم واحد فقط؟

نعم. في Lil Cactus، اترك الحجم الذي تحتاج إليه وحده محددا تحت «أحجام الأيقونات»، فيضم ملف ICO ذلك الحجم وحده.

هل يمكنني إنشاء ملف ICO بحجم 512 × 512 px؟

لا. في Lil Cactus، أكبر حجم لملف ICO هو 256 × 256 px. استخدم PNG عندما تحتاج إلى أبعاد أكبر بالبكسل.

هل ترفع صورتي عند إنشاء ملف ICO؟

لا. ينشئ Lil Cactus ملف ICO في متصفحك وينزله إلى جهازك؛ ولا ترسل الصورة إلى أي خادم. أما إحصاءات الاستخدام الاختيارية فموضحة في صفحة الخصوصية.

تاريخ النشر  · آخر مراجعة