تحويل الصور إلى صفحات تلوين: خوارزمية Sobel لاكتشاف الحواف وضبط الحساسية وتصدير خطوط الرسم

يعد تحويل الصور الفوتوغرافية الحقيقية أو الرسوم الملونة إلى رسومات خطية أبيض وأسود واضحة وعالية التباين حجر الزاوية في صناعة كتب تلوين الكبار والأطفال، دفاتر الأنشطة المدرسية، وقوالب الطباعة القابلة للبيع على Etsy و Amazon KDP. في حين تعتمد الأدوات التقليدية على خوادم بطيئة أو نماذج ذكاء اصطناعي قد تشوّه ملامح الصورة الأصلية، تعمل أداة Photo to Coloring Page في Digital Products Maker بالكامل داخل متصفحك محلياً باستخدام خوارزميات الرؤية الحاسوبية ومعالجة الصور المتقدمة.

يشرح هذا الدليل البنية الرياضية لخوارزمية Sobel Edge Detection، معادلات تحويل الإضاءة والتدرج الرمادي، وأفضل الممارسات لضبط خطوط الرسم بدقة واحترافية.

---

1. خط المعالجة الرياضي للصورة داخل المتصفح

تتم عملية تحويل الصورة من صورة نقطية ملونة إلى رسم خطي عبر 5 مراحل برمجية متتالية داخل ImageToColoring.tsx:

graph LR
    A[الصورة المدخلة: JPG / PNG / WebP] --> B[تصغير نسبي بحد أقصى 1024px]
    B --> C[التحويل للتدرج الرمادي الضوئي]
    C --> D[مصفوفات Sobel الالتفافيه 3x3]
    D --> E[حساب قوة الحواف وضبط العتبة]
    E --> F[تصدير رسم خطي عالي التباين PNG]

أ. التحجيم النسبي وحماية ذاكرة المتصفح

لتفادي تجميد المتصفح أو استهلاك الذاكرة عند رفع صور عالية الدقة (مثل صور الهواتف بحجم 24 ميجابكسل)، يقوم المحرك بحساب نسبة تصغير ذكية:

$$\text{نسبة التحجيم} = \min\left(\frac{1024}{\text{العرض}},; \frac{1024}{\text{الارتفاع}},; 1.0\right)$$

يتم رسم الصورة على Canvas خفي بالأبعاد المحسوبة، مما يضمن سرعة معالجة فائقة واستجابة فورية عند تحريك شريط الحساسية في أقل من 50 جزءاً من الثانية.

ب. التحويل للتدرج الرمادي وفق حساسية العين الضوئية

تتحسس عين الإنسان للون الأخضر بدرجة أكبر بكثير من الأزرق والأحمر. لذلك يطبق المحرك معادلة الكثافة الضوئية القياسية ITU-R BT.601:

$$Y = 0.299 \cdot R + 0.587 \cdot G + 0.114 \cdot B$$

ج. مصفوفات الالتفاف الرياضية (Sobel Convolution Kernels)

لاكتشاف الحواف والتغير المفاجئ في درجات الإضاءة، تُمرر مصفوفتان رياضيتان $3 \times 3$ على كل بكسل وجيرانه في الاتجاهين الأفقي والعمودي:

$$\mathbf{G_x} = \begin{bmatrix} -1 & 0 & +1 \ -2 & 0 & +2 \ -1 & 0 & +1 \end{bmatrix} \quad \mathbf{G_y} = \begin{bmatrix} -1 & -2 & -1 \ 0 & 0 & 0 \ +1 & +2 & +1 \end{bmatrix}$$

لكل بكسل $(x, y)$، يتم حساب شدة الحافة الإجمالية $M(x, y)$ بالمعادلة:

$$M(x, y) = \sqrt{G_x^2 + G_y^2}$$

د. ضبط عتبة الحساسية (Thresholding) وخيار العكس (Inversion)

يتحكم شريط التمرير في الواجهة بقيمة العتبة $T \in [10, 120]$ (القيمة الافتراضية: $40$):

$$\text{لون البكسل الناتج} = \begin{cases} \text{أسود } (0, 0, 0) & \text{إذا كانت } M(x, y) \ge T \ \text{أبيض } (255, 255, 255) & \text{إذا كانت } M(x, y) < T \end{cases}$$

• الوضع القياسي (invert = false): خطوط سوداء نقية على خلفية بيضاء ناصعة (الأنسب لكتب التلوين الورقية).
• وضع العكس (invert = true): خطوط بيضاء مضيئة على خلفية سوداء (مخصص لكتب التلوين الليلية Night-Edition).

---

2. جدول معايرة الحساسية حسب نوع الصورة

نوع الصورة المدخلة	قيمة الحساسية الموصى بها	نصيحة تجهيز الصورة	النتيجة الجمالية المستخرجة
الوجوه والبورتريه	50 – 70	إضاءة واضحة وخلفية بسيطة غير مشوشة	استخراج ملامح الوجه والشعر وخطوط الابتسامة بنقاء تام
الحيوانات والطيور	30 – 45	تباين واضح بين الفراء والخلفية	إبراز كثافة الفراء، الشوارب، وتفاصيل العيون
المباني والعمارة	40 – 60	لقطات ذات خطوط أفقية ورأسية واضحة	خطوط هندسية حادة مثالية لكتب تلوين المعالم السياحية
الزهور والنباتات	25 – 40	صور ماكرو مقربة	تفاصيل أوراق الشجر، عروق البتلات، وسيقان النباتات
السيارات والآلات	55 – 80	حواف معدنية واضحة مع إضاءة حادة	خطوط هيكلية جريئة يسهل تلوينها للأطفال

---

3. خطوات استخدام الأداة لإنشاء صفحات التلوين

1. الوصول للأداة: من القائمة الجانبية في Digital Products Maker، اختر الأدوات المساعدة (Productivity Tools 🛠️) -> Photo to Coloring.
2. رفع الصورة: اسحب وأفلت أي صورة بصيغة JPG أو PNG أو WebP في مربع الرفع.
3. ضبط شريط الحساسية (Sensitivity Slider):
   • التحريك لليسار (عتبة منخفضة مثل 20): يلتقط أدق التفاصيل والظلال وتدرجات النسيج.
   • التحريك لليمين (عتبة مرتفعة مثل 75): يزيل التفاصيل الدقيقة ويبقي فقط الخطوط العريضة الأساسية.
4. تفعيل العكس (اختياري): حدد خيار "Invert Colors" إذا كنت تصمم كتب تلوين على ورق أسود.
5. تنزيل الصفحة: انقر على Download Line Art (PNG) لحفظ الملف جاهزاً للطباعة أو لدمجه في مولد كتب التلوين.

---

4. لماذا تتفوق الخوارزمية المحلية على الذكاء الاصطناعي في صفحات التلوين؟

1. خصوصية وأمان 100%: صورك الشخصية والعائلية لا تُرفع إلى أي خادم، بل تُعالج محلياً في جهازك.
2. استجابة فورية بدون انتظار: معاينة التعديلات في أجزاء من الثانية دون استهلاك رصيد أو مفاتيح API.
3. مطابقة تامة للأصل: لا تغيّر الخوارزمية ملامح الوجوه أو عدد الأصابع كما يفعل الذكاء الاصطناعي، بل تحافظ على النسب الأصلية بدقة متناهية.