تحتاج إلى توفير أنواع عديدة من الصور لاستخدامها في سوق Chrome الإلكتروني:
ولا يلزم استخدام سوى رمز الإضافة والصورة الترويجية الصغيرة ولقطة الشاشة. ومع ذلك، يؤدي توفير إصدارات جذابة من كل من الصور المطلوبة والاختيارية إلى زيادة فرص ظهور إضافتك. على سبيل المثال، لا يمكن عرض إضافتك بشكلٍ بارز ما لم تقدّم صورة ترويجية بارزة.
يمكنك تحسين أداء العنصر في سوق Chrome الإلكتروني من خلال اتباع أفضل الممارسات المتعلقة بالصور ومعلومات بطاقة البيانات الأخرى. لمعرفة المزيد من المعلومات حول أفضل الممارسات هذه، يمكنك الاطّلاع على إنشاء صفحة بيانات جذابة.
رمز الإضافة
يجب تقديم صورة رمز الإضافة بحجم 128×128 بكسل في ملف ZIP للإضافة. بعض متطلبات الصورة:
- ويجب أن يكون الحجم الفعلي للرمز 96x96 (للرموز المربّعة)؛ ويجب أن تكون هناك مساحة متروكة شفافة بمقدار 16 بكسل لكل جانب، ما يزيد إجمالي حجم الصورة عن 128×128. للحصول على التفاصيل، راجع حجم الرمز.
- يجب أن تكون الصورة بتنسيق PNG.
- يجب أن تعمل الصورة بشكل جيد على كلّ من الخلفيات الفاتحة والداكنة.
عند تصميم الأيقونة، ضع النصيحة التالية في الاعتبار:
- لا تضع حافة حول الصورة مقاس 128×128؛ فقد تضيف واجهة المستخدم حواف.
- إذا كانت الأيقونة داكنة في الغالب، ففكر في إضافة لمعان خارجي أبيض خفيف حتى تبدو جيدة على الخلفيات الداكنة.
- تجنَّب استخدام الظلال الخلفية الكبيرة، فقد تضيف واجهة المستخدم ظلالاً. لا بأس في استخدام الظلال الصغيرة للتباين.
- وإذا كان هناك جرّة مائلة في الجزء السفلي من الرمز، ننصح بعمق 4 بكسل في الصورة.
- جعل الأيقونة مواجهة للمشاهد، بدلاً من امتلاك منظور مضمّن. يمكنك مراجعة Perspective للحصول على التفاصيل.
في ما يلي بعض الرموز التي تتّبع هذه الإرشادات.
![]() |
![]() |
![]() |
حجم الرمز
يجب أن يكون لجميع أيقونات الامتدادات نفس الوزن البصري، وتشغَل المنطقة ذاتها تقريبًا. كما يوضح الشكل التالي، عند تحديد حجم أيقونة لملء المنطقة المتاحة، تكون الأيقونات المربعة والدائرية أكبر بشكل كبير مما يجب أن تكون، مقارنة بالأيقونات ذات الأشكال الأخرى.
إن تسوية أحجام الأيقونات، كما يوضح الشكل التالي، تمنح الأيقونات مساحة متساوية تقريبًا ووزنًا بصريًا.
يمكنك استخدام صور النماذج التالية لمساعدتك في الحكم على الحجم الذي يجب أن يكون عليه العمل الفني للصورة. تُظهر القوالب الحجم الصحيح للمربع والدائرة، لكنها مجرد أدلة؛ قد تختلف الأيقونات التي تحتوي على وحدات بت مدببة خارج هذه المناطق. إذا كان الأيقونة غير المنتظمة تشغل مساحة صغيرة جدًا وتكون في الغالب مساحة سالبة، فقد يكون استخدام مساحة 128×128 بأكملها مقبولاً.
![]() |
![]() |
![]() |
ويمكنك اتّباع بعض القواعد الأساسية الخاصة بحجم العمل الفني. للحصول على أيقونة مربعة، اجعل العمل الفني بقياس 96x96 بكسل. بالنسبة إلى الرموز الأخرى المثلثة، اجعل عرض العمل الفني 75-80% من إجمالي عرض الصورة. يجب أن يبلغ قطر الرمز الدائري 112 بكسل تقريبًا، أو يتراوح بين 85% و90% من عرض الصورة. يجب أن يكون للأيقونات ذات الأشكال غير المنتظمة ترجيحات متشابهة.
توضح الأشكال التالية رموزًا مربعة ودائرية، وتقارنها بالقوالب.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
في ما يلي مثال على رمز غير منتظم الشكل. في هذه الحالة، لا تتبع الأيقونة الإرشادات المربعة أو الدائرية، لكنها تناسبهما بالقرب من كليهما.
![]() |
![]() |
![]() |
المنظور
للمرونة والاتساق، يجب أن تكون رموز الإضافات مواجهة. لا بأس في التعديلات الطفيفة على المنظور التي تمنح إحساسًا باللمسية، ولكن تجنب الزوايا الدرامية.
الرموز الجيدة (الواجهة الأمامية) | رموز سيئة (منظور خطير جدًا) |
---|---|
![]() |
![]() |
![]() |
![]() |
الصور الترويجية
يجب توفير صورة ترويجية واحدة صغيرة الحجم بقياس 440×280 بكسل. يمكنك أيضًا تقديم صور أخرى يمكن للمتجر استخدامها للترويج لإضافتك.
ملاحظة: إذا كانت صورك تشير إلى علامات تجارية لشركة Google، عليك اتّباع إرشادات العلامة التجارية.
وعلى الرغم من أنّه ليس من المطلوب سوى صورة ترويجية صغيرة، يمكنك أيضًا توفير صور ترويجية أكبر حجمًا إذا كنت تريد أن تظهر إضافتك بشكل بارز في "سوق Chrome الإلكتروني". يمكنك تقديم واحد مما يلي:
- صغيرة: 440×280 بكسل (مطلوب)
- صورة بها نص متحرك: 1400×560 بكسل
والصور الترويجية هي فرصتك لجذب انتباه المستخدمين وحثّهم على معرفة المزيد. لا تستخدم لقطة شاشة فقط؛ بل يجب أن تعبر صورك في المقام الأول عن العلامة التجارية. فيما يلي بعض القواعد الموجزة لتصميم صورك:
- تجنب النص.
- تأكد من أن صورتك تعمل حتى عند تصغير الحجم إلى النصف.
- لنفترض أنّ الصورة ستظهر على خلفية رمادية داكنة.
- استخدم الألوان المشبعة إن أمكن؛ فهي تميل إلى العمل بشكل جيد.
- تجنب استخدام الكثير من الأبيض والرمادي الفاتح.
- املأ المنطقة بأكملها.
- تأكد من تحديد الحواف بشكل جيد.
الرسومات التالية هي أمثلة على الصور الترويجية لإحدى الإضافات:
![صورة ترويجية صغيرة](https://developer.chrome.com/static/docs/webstore/images/image/small-promo-image-07c9a0100064.png?authuser=5&hl=ar)
![خيمة ترفيهية](https://developer.chrome.com/static/docs/webstore/images/image/marquee-378610381dddf.png?authuser=5&hl=ar)
في ما يلي وصف لحالات المراجعة:
- حالة في انتظار المراجعة: لم تتم مراجعة الصورة إلى الآن ولا يتم عرضها في المتجر. يجب مراجعة الصور في غضون أسبوع واحد من إرسالها.
- الحالة غير متوفرة: تمت الموافقة على الصورة، ويتم عرضها في المتجر. [*لن تُظهر الصور الواردة من عناصر "المسودة" أو "المختبِرين الموثوق بهم" حالة الصورة. عليك نشر العنصر لتتم الموافقة على صورتك الترويجية.]
- مرفوضة: تمت مراجعة الصورة ورفضها ولا يتم عرضها في المتجر. سيتم عرض أسباب الرفض في قسم "الصور الترويجية" ضمن صفحة "تعديل" الخاصة بعنصر معيّن. ننصحك بمراجعة الأسباب وإجراء التغييرات اللازمة قبل إعادة تحميل صور محسّنة جديدة. وستكون حالة الصور الجديدة التي يتم تحميلها في انتظار المراجعة على الفور.
لاستبدال صورة ترويجية، مرِّر مؤشر الماوس فوق الصورة لإظهار عنصر التحكّم في الإزالة.
لقطات الشاشة
استخدم لقطات الشاشة لنقل الإمكانات والشكل والأسلوب وخبرة الإضافة للمستخدمين. ويجب تقديم لقطات شاشة للإضافة يتم عرضها في بطاقة بيانات المتجر للإضافة واحدة على الأقل، ويُفضَّل أن تكون الحد الأقصى المسموح به هو 5 لقطات. يجب أن توضّح لقطات الشاشة تجربة المستخدم الفعلية، مع التركيز على الميزات الأساسية والمحتوى الأساسي حتى يتسنّى للمستخدمين توقّع شكل تجربة الإضافة.
إذا كانت إضافتك تتيح استخدام لغات متعددة، يمكنك تقديم لقطات شاشة لمناطق محلية معيّنة كما هو موضّح في مقالة ترجمة بطاقة بيانات المتجر.
عند تعديل بيانات الإضافات، يؤدي تحريك الماوس فوق الصورة المصغّرة للقطة شاشة إلى عرض عناصر تحكم تتيح لك حذف لقطة الشاشة أو تغيير موضعها.
يجب أن تكون كل لقطة شاشة على النحو التالي:
- زوايا مربعة، بدون حشوة (تجاوز الهوامش بشكل كامل)
- 1280 x 800 أو 640 x 400 بكسل
كمثال، إليك صورتان للقطة شاشة لإحدى الإضافات:
ما الخطوات التالية؟
بعد ذلك، يُرجى الاطّلاع على إرسال الإضافة للنشر.