خطوات عملية للتصميم
حوّل شعارك المولد بالذكاء الاصطناعي إلى أيقونة واضحة بقياس 16 بكسل
قد يبدو اسم المقهى أنيقًا على اللافتة، ثم يتحول إلى بقعة داكنة في علامة تبويب المتصفح. تحتاج أيقونة الموقع إلى رمز مفهوم وملفات صغيرة فعلية، لا إلى معاينة مصغرة للشعار فقط.
يستخدم متجر الفخار الخيالي رمز كوب بسيطاً ذا مقبض مفتوح. حافظ على وضوح هذه الفتحة عند إعداد ملفات الأيقونة الصغيرة الفعلية للموقع.
اختر الرمز بدل تصغير الشعار كاملًا
افتح الشعار في Ciyo وحدد الجزء الذي يمكن التعرف عليه دون قراءة اسم النشاط. أزل العبارة التعريفية والزخارف الثانوية من نسخة الأيقونة. احتفظ بالشعار الكتابي كاملًا لرأس الموقع.
قد يمثل الرمز المبسط الهوية أفضل من نسخة متناهية الصغر لكل التفاصيل. حافظ على شكله والعلاقات بين ألوان الهوية المعتمدة.
جهّز أصلًا نظيفًا
استخدم أداة Vector إذا احتاج المصدر إلى التحويل إلى متجهات، ثم افحص SVG المصدر. ابحث عن مستطيل خلفية أو أجزاء مقصوصة أو علامات زائدة. التحويل إلى متجهات لا يبسط الرسم المعقد تلقائيًا.
اترك مساحة كافية حول الرمز. لا تقص حتى آخر بكسل ملون إذا كان ذلك يلصق المقبض بالحافة. احفظ الأصل قبل إعداد النسخ الخاصة بكل حجم.
استخدم رمز الكوب في هذا الشعار لإعداد أصل لأيقونة الموقع. حافظ على فتحة المقبض، وأزل الاسم المكتوب، واستخدم اللون الفحمي على خلفية عاجية، وضع الرمز وسط مربع. اعرض معاينات بقياس 16 و32 و64 بكسل. حدد التفاصيل التي تختفي بدل إعلان نجاح كل الأحجام.صدّر ملفات فعلية لكل استخدام
اطلب من وكيل التصميم إنشاء PNG بالأحجام المطلوبة وملف ICO حقيقي يتضمن المقاسات الصغيرة داخل مساحة الملفات. تغيير اسم PNG إلى .ico يغيّر الاسم فقط، لا الترميز.
قد يخدم PNG الأكبر مواضع أخرى في الموقع، بينما يخدم ICO الصغير المتصفح. راجع متطلبات منصة موقعك ووضح دور كل ملف عند التسليم.
| الملف | قياس توضيحي | الفحص |
|---|---|---|
| معاينة PNG | 16 × 16 | الشكل العام وفتحة المقبض |
| معاينة PNG | 32 × 32 | الحواف والتوسيط |
| PNG أكبر | 64 × 64 | الأبعاد المربعة وألوان الهوية |
| ملف ICO | صور داخلية بقياس 16 و32 بكسل | الترميز الفعلي لا اسم الملف فقط |
راجع كل حجم دون تكبير
اعرض المعاينات على صفحة بسيطة بمعدل بكسل صورة لكل بكسل شاشة، وافحص محيطًا فاتحًا وآخر داكنًا. يفيد التكبير في تحليل الحواف لكنه لا يعوض اختبار الحجم الفعلي.
إذا انغلقت فتحة المقبض عند 16 بكسل، فوسّعها أو بسّط الداخل. لا تواصل إضافة التفاصيل للأصل الكبير. سجل النسخة الصغيرة التي تحتاج إلى تعديل خاص.
اختبر رابط الموقع واستجابة الملف
سلّم الملفات ورابط الأيقونة المطلوب إلى مسؤول الموقع. افتح الملف المنشور مباشرة للتأكد من وجوده ونوع المحتوى الصحيح، ثم افتح صفحة الاختبار وافحص علامة التبويب.
تضيف إرشادات Google شروطًا خاصة بالبحث: أيقونة مربعة، وإمكانية زحف الصفحة الرئيسية ورابط الأيقونة، ورابط ثابت. العرض في المتصفح والظهور في بحث Google اختباران منفصلان؛ لا يضمن أحدهما الآخر.
تعرض صفحة الاختبار المنفصلة ملفات PNG الفعلية بقياسات 16 و32 و64 بكسلاً، ببكسل صورة واحد لكل بكسل CSS. وتفك أيضاً صورة 64 بكسلاً من حاوية ICO جُمعت منفصلة من ملفات PNG دون تغييرها. يؤكد فحص الملف المقاسات الثلاثة والبيانات الأصلية داخل الحاوية. هذا اختبار للملفات في Chrome، وليس دليلاً على ظهور الأيقونة في Google Search أو اختيار كل المتصفحات للمقاس نفسه.
أرفق النسخة الصغيرة بملفات الهوية
احفظ أصل الأيقونة والملفات المصدرة والمعاينة المعتمدة بالحجم الفعلي مع الشعار الكامل. يجب أن يعرف المصمم التالي أي رمز اجتاز المراجعة وأي ألوان يستخدم.
إذا بقيت الأيقونة القديمة في الموقع، فافحص الرابط والملف المنشور قبل إعادة الرسم. ذاكرة المتصفح المؤقتة وتأخر معالجة البحث يختلفان عن مشكلة تصميم غير واضح.
أسئلة شائعة
هل يكفي تغيير اسم PNG إلى ICO؟
لا. يجب ترميز الملف بصيغة ICO. افحص الملف المصدر والمقاسات التي يحتويها.
هل تحتاج الأيقونة إلى اسم النشاط؟
عادة يكون الرمز البسيط أوضح في الأحجام الصغيرة. استخدم الاسم الكامل في المساحات الأكبر.
هل تعرض Google الأيقونة الجديدة فورًا؟
لا. عليها معالجة الأيقونة والصفحة الرئيسية القابلتين للزحف، ولا تضمن الإرشادات عرضها.
ابدأ بالنسخة الصغيرة
أضف شعارك إلى Ciyo وافحص الرمز بمقاسات الأيقونة الفعلية قبل تسليم الملفات إلى مسؤول الموقع.