قياس الأبعاد و DPI

في الحوسبة الحديثة متعددة الأجهزة، يعد فهم الفارق بين البكسلات الفيزيائية، والأبعاد الطبيعية للصورة، وبكسلات تخطيط CSS أمراً جوهرياً. تمثل الأبعاد الطبيعية للصورة المصفوفة ثنائية الأبعاد الحقيقية لبيانات البكسل المخزنة داخل ملفها الثنائي (مثل $1920 \times 1080$ بكسل).

ومع ذلك، تستخدم الشاشات الحديثة عالية الكثافة (مثل شاشات Retina من Apple، وشاشات 4K، وشاشات الهواتف الذكية الحديثة من نوع OLED) نسب بكسل للجهاز (DPR) تبلغ 2x أو 3x. فقد يبلغ عرض إطار العرض في الهاتف الذكي 390 بكسل CSS، إلا أن مصفوفة شاشته الفيزيائية تحتوي على 1170 بكسل عتادي فعلي. وعندما يفحص المطورون الصور داخل إطارات العرض القياسية للمتصفح، تقوم أنماط CSS (`max-width: 100%`) غالباً بإعادة تحجيم الصورة، مما يحجب دقتها الحقيقية. تفحص أداتنا البيانات الوصفية الثنائية غير المحجمة ومخازن الصور النقطية الخام مباشرة، لتقدم تقريراً دقيقاً بنسبة 1:1 لأبعاد البكسل العتادية دون أي تشويه ناتج عن إطار العرض.

يحول الحفاظ على نسب العرض إلى الارتفاع الصحيحة دون تمدد الصور بصورة مشوهة أو انضغاطها أفقياً أو انزياح التخطيط. ومن الناحية الرياضية، تمثل نسبة العرض إلى الارتفاع العلاقة التناسبية المبسطة بين العرض والارتفاع ($W : H$).

تحسب أداتنا النسب الدقيقة باستخدام خوارزمية إقليدس لإيجاد القاسم المشترك الأكبر (GCD): $$\text{gcd}(a, b) = \begin{cases} a & \text{إذا كان } b = 0 \\ \text{gcd}(b, a \pmod b) & \text{خلاف ذلك} \end{cases}$$ وتؤدي قسمة كل من العرض والارتفاع على قاسمهما المشترك الأكبر إلى النسبة المبسطة (على سبيل المثال: $1920 / 120 = 16$ و $1080 / 120 = 9$، مما يعطي النسبة $16:9$). علاوة على ذلك، يقارن محركنا صورتك بالنسب القياسية المعتمدة في الصناعة (1:1 مربع، 16:9 شاشة عريضة، 9:16 قصة رأسية، 4:3 كلاسيكي، 3:2 تصوير فوتوغرافي، 21:9 فائق الاتساع) ضمن نسبة تسامح كسرية، لتحديد ما إذا كانت الصورة تتطابق مع تنسيقات البث والعرض الرقمي القياسية.

لا تمتلك الصورة الرقمية حجماً فيزيائياً بمفردها؛ بل هي مجرد أعداد من البكسلات. ولا تنشأ الأبعاد الفيزيائية إلا عندما تُطابق تلك البكسلات مع دقة طباعة محددة، تُقاس بعدد النقاط في البوصة (DPI) أو عدد البكسلات في البوصة (PPI):

$$\text{العرض الفيزيائي (بالبوصة)} = \frac{\text{العرض بالبكسل}}{\text{DPI}}$$ تحسب أداتنا تلقائياً مقاسات الطباعة الفيزيائية بالبوصة والسنتيمتر والمليمتر عبر معايير الطباعة التجارية المعترف بها: • 72 DPI (مسودة / شاشة): دقة شاشات الكمبيوتر التقليدية؛ وهي غير مناسبة إطلاقاً للطباعة الورقية الفيزيائية. • 150 DPI (جيد / طباعة رقمية): مقبولة للمستندات المكتبية، والمطبوعات المدرسية، والملصقات الجدارية الضخمة المعروضة من مسافات بعيدة. • 300 DPI (ممتاز / أوفست تجاري): المعيار الذهبي المعتمد في طباعة المجلات، والكتيبات التسويقية، وبطاقات العمل، والمطبوعات الفوتوغرافية الفاخرة. يقيّم المحرك توافق صورتك مع مقاسات الورق القياسية (ISO 216: A4، A3، A5؛ ومقاسات أمريكا الشمالية: US Letter، US Legal، Tabloid)، ليخبرك بما إذا كانت صورتك ستُطبع بنقاء فائق كالشفرة أم ستعاني من تشوش البكسلات المزعج.

إلى جانب الأبعاد الإجمالية للملف، يحتاج مصممو واجهات وتجربة المستخدم (UI/UX) ومطورو الواجهات الأمامية باستمرار إلى قياس عناصر داخلية محددة داخل لقطة شاشة الواجهة: مثل الحواشي الداخلية (Padding) داخل زر، أو الهوامش الفاصلة بين علامات تبويب التنقل، أو أبعاد أيقونة معينة.

توفر أداتنا فرجار قياس تفاعلي وأدوات تحديد مستطيلة متطورة: • القياس بين نقطتين: انقر واسحب بين أي إحداثيين عشوائيين $(x_1, y_1)$ و $(x_2, y_2)$. تحسب الأداة المسافة الإقليدية ($d = \sqrt{\Delta x^2 + \Delta y^2}$)، والفارق الأفقي ($\Delta x$)، والفارق الرأسي ($\Delta y$)، والزاوية ($\theta = \arctan2(\Delta y, \Delta x)$). • تحديد الإطار المحيط: اسحب إطار تحديد مستطيلاً فوق أي عنصر في الواجهة لفحص عرضه وارتفاعه ونسبته ومساحته الإجمالية بالبكسل فوراً، مع إمكانية نسخ مقتطفات أبعاد CSS بنقرة واحدة (`width: ...px; height: ...px;`).

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

تعرض العدسة شبكة بكسلات مكبرة ونقية تبرز حدود البكسلات الفردية إلى جانب مؤشر تصويب وسطي. وفي الوقت الفعلي، تعرض لوحة البيانات التشخيصية إحداثيات البكسل الدقيقة $(X, Y)$، وقيم ألوان RGB (`rgb(r, g, b)`)، وأكواد ألوان HEX (`#RRGGBB`)، ونسب شفافية قناة الألفا. يغنيك هذا تماماً عن فتح برامج الرسوميات المكتبية الثقيلة مثل Photoshop لمجرد فحص كود لون أو التحقق من محاذاة حافة.

لا يتطابق حجم الملف المخزن على القرص مع حجم استهلاكه الفعلي في ذاكرة المتصفح (RAM). فصورة JPEG مضغوطة بقوة بحجم 500 كيلوبايت وأبعاد تبلغ $8000 \times 6000$ بكسل (أي 48 ميجابكسل) يجب فك ضغطها إلى مصفوفة صور نقطية RGBA بعمق 32 بت في الذاكرة قبل عرضها على الشاشة:

$$\text{استهلاك ذاكرة RAM} = 8000 \times 6000 \times 4 \text{ بايت} = 192,000,000 \text{ بايت} \approx 183\text{ ميجابايت}$$ وقد يؤدي فك تشفير مثل هذه الصورة على جهاز هاتف محمول ضعيف الإمكانيات إلى انهيار علامة تبويب المتصفح فوراً بسبب نفاد الذاكرة (OOM). تحسب أداتنا إجمالي الميجابكسل، ومتطلبات فك الضغط في ذاكرة RAM، وعمق البت اللوني، محذرة مطوري الويب من الأصول الضخمة التي تهدد تجربة مستخدمي الهواتف.

يقوم المهندسون والمعماريون ومصممو المنتجات بفحص مخططات CAD السرية، ونماذج واجهات الهواتف الذكية غير المعلنة، ورسومات براءات الاختراع، ومخططات المباني المعمارية الحصرية بصورة مستمرة. ويخلق رفع هذه الملفات الرسومية إلى أدوات القياس السحابية التابعة لجهات خارجية مخاطر أمنية جسيمة وتعدياً على حقوق الملكية الفكرية.

تعمل أداة قياس أبعاد الصور لدينا محلياً بنسبة 100% داخل متصفح الويب الخاص بك. وبفضل بنائها على تقنيات HTML5 Canvas ولغة TypeScript في جانب العميل، تجري كافة عمليات فك تشفير الصور، وتتبع الإحداثيات، وحسابات المسافات المثلثية، وتحويلات دقة الطباعة حصرياً في ذاكرة الوصول العشوائي بجهازك. لا يتم إرسال أي ملفات أو صور عبر الشبكة إطلاقاً، مما يضمن السرية المطلقة والامتثال التام لعمليات التدقيق الأمني في المؤسسات.