ForHosting KIT · تحرير الصور وتحليلها

تحقق من محاذاة حدود الأيقونة مع الشبكة

تمنح الشبكات مجموعة الأيقونات مظهراً متناسقاً، لكن فروق الإحداثيات الصغيرة يصعب اكتشافها دائماً بالعين المجردة.

● Betaمجاني · داخل متصفحك
استخدمها من الويبAPIالبريدTelegramالتطبيق قريبًا

تعمل هذه الأداة داخل متصفحك — مجانًا، ولا تُرسل بياناتك إلى أي خادم

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

صفوا الأيقونة والشبكة ضمن نظام إحداثيات واحد

أدخلوا إطار الأيقونة بأربعة إحداثيات: اليسار والأعلى واليمين والأسفل. يجب أن تستخدم القيم الأربع الوحدة ونقطة الأصل نفسيهما المستخدمتين في الشبكة. فعلى سبيل المثال، إذا كان viewBox في ملف SVG مقاساً بوحدات المستخدم، فأدخلوا إحداثيات الإطار وحجم الشبكة بتلك الوحدات؛ وإذا كان مسار التصدير يعتمد البكسل، فاستخدموا البكسل في جميع الحقول. ترتكز الشبكة عند الصفر، وتقع خطوطها عند كل مضاعف صحيح لحجم الشبكة في الاتجاهين الموجب والسالب. لذلك، ينشئ الحجم ثمانية خطوطاً عند الصفر وثمانية وستة عشر وأربعة وعشرين، وكذلك عند سالب ثمانية وسالب ستة عشر. تعامل الأداة الإحداثيات الأفقية والرأسية بالطريقة نفسها لأن التباعد مربع ومنتظم. ويمكن إدخال إحداثيات كسرية، وهو أمر مهم عندما تنتج التحويلات المتجهية أو عملية تغيير المقياس حدوداً دون مستوى البكسل. يجوز أن يساوي الحد الأيمن الحد الأيسر وأن يساوي الحد السفلي الحد العلوي، رغم أن الأيقونة المرئية المعتادة تكون ذات عرض وارتفاع موجبين. تُرفض الحدود المعكوسة لأنها لا تصف إطاراً صالحاً. والأهم أن حجم الشبكة يجب أن يكون موجباً؛ فالصفر أو القيمة السالبة يؤديان إلى خطأ إدخال بدلاً من نتيجة مضللة.

افهموا هامش السماح ونتيجة كل حافة

يحدد هامش السماح أبعد مسافة يمكن أن تفصل الحافة عن خط الشبكة مع بقائها محسوبة بوصفها محاذية. قيمته الافتراضية صفر، وهذا يتطلب تطابقاً دقيقاً بعد التطبيع العددي الثابت. يشمل الهامش الموجب قيمته الحدية: فعند استخدام 0.02، تنجح الحافة التي تبعد بالضبط 0.02 وحدة عن أقرب خط. تعرض الاستجابة، لكل حافة، الإحداثي الأصلي وأقرب خط شبكة والمسافة المطلقة بينهما وقيمة منطقية تبين حالة المحاذاة. كما تعرض نتيجة عامة لا تكون صحيحة إلا عند نجاح الحواف الأربع كلها، وقائمة تسمي جميع الحواف غير المحاذية. يتيح هذا الجمع اتخاذ قرار سريع وتقديم ملاحظات عملية معاً. تستطيع مهمة التكامل المستمر التوقف اعتماداً على النتيجة العامة، بينما تستطيع أداة التصميم إظهار الجوانب التي تحتاج إلى تصحيح بدقة. تُطبّع النتائج العشرية إلى اثنتي عشرة منزلة حتى لا تظهر آثار حساب الفاصلة العائمة المعتادة في الاستجابة. وإذا وقعت الحافة في منتصف المسافة تماماً بين خطين، يكون كلاهما قريباً بالقدر نفسه؛ تختار الخوارزمية أحدهما بصورة حتمية من دون تغيير المسافة أو الحكم. يجب أن يكون هامش السماح صفراً أو موجباً، وينبغي اختياره وفق مسار التصدير بدلاً من تكبيره إلى درجة تفقد معها قاعدة الشبكة معناها.

ادمجوا الفحص في مسار ضمان جودة الأيقونات

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

طبقوا شبكة نظام التصميم

افحصوا كل أيقونة مقدمة باستخدام حجم الشبكة وهامش السماح نفسيهما قبل إضافتها إلى المكتبة المشتركة.

اكتشفوا انحرافات التصدير

اختبروا الحدود النهائية لملفات SVG أو الصور النقطية عندما يؤدي تغيير المقياس والتحسين إلى إحداثيات كسرية.

وضحوا أسباب فشل فحص الأصول

أعيدوا أقرب خط ومسافة كل حافة ليعرف المساهمون بدقة ما يجب تصحيحه.

ما تكلفة الفحص؟

تبلغ تكلفة كل فحص عبر API مقدار $0.002. ويمكن تشغيل إصدار المتصفح محلياً في هذه الصفحة.

أين تقع نقطة أصل الشبكة؟

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

هل يشمل هامش السماح القيمة الحدية؟

نعم. تُعد الحافة محاذية عندما تساوي مسافتها هامش السماح تماماً.

هل يمكن أن تكون الإحداثيات وحجم الشبكة كسريين؟

نعم. يمكن أن تكون جميع المدخلات العددية كسرية ما دامت محدودة وتستخدم نظام الإحداثيات نفسه.

ماذا يحدث إذا كان حجم الشبكة صفراً أو سالباً؟

تعيد الطلبية خطأ إدخال غير صالح، لأن التباعد غير الموجب لا يستطيع تعريف شبكة.

هل تفحص الأداة ملف SVG أو ملف صورة؟

لا. تفحص الأداة إحداثيات الإطار المقدمة؛ ويجب استخراج الحدود من الملف في الخطوة السابقة من المسار.

كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.

POSThttps://api.kit.forhosting.com/image/icon-grid-alignment-check

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

curl -X POST https://api.kit.forhosting.com/image/icon-grid-alignment-check \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"bounding_box":{"left":16.02,"top":7.99,"right":47.98,"bottom":40.01},"grid_size":8}'
{
  "bounding_box": {
    "left": 16.02,
    "top": 7.99,
    "right": 47.98,
    "bottom": 40.01
  },
  "grid_size": 8
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.icon_grid_alignment_check",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

max_mb15
max_megapixels12
HTTPالرمزالمعنى
401unauthorizedمفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
402insufficient_balanceرصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
404unknown_typeنوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
429rate_limitedتجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

اطّلع على توثيق KIT الكامل ←