# مقارنة الأطوال — رسمٌ جنباً إلى جنب يمكنك تنزيله

اكتب الأطوال، وخذ الصورة. ولا يُرسَل شيء لرسمها.

> قارن الأطوال جنباً إلى جنب. أضِف رجلاً وامرأة وصبياً وفتاة وأشياء — باباً ونافذة وسبّورة وآلة بيع — بالسنتيمترات أو بالأقدام والبوصات، ونزّل الرسم بصيغة PNG أو SVG. وهو يُرسَم في متصفّحك.

هذه الصفحة أداة تفاعلية تعمل بالكامل داخل متصفحك، على العنوان https://abox.tools/ar/مقارنة-الاطوال/ — ولا يُرفَع أي شيء تعطيه إياها. وفيما يلي كل ما تقوله الصفحة عن الأداة بالكلمات؛ لاستخدامها، افتح العنوان.

## الأسماء والأطوال والرسم الذي تصنعه لا تُرفع **أبدا**. لا يوجد خادم.

رسم الأطوال حسابٌ ورسمة: لا ملفّ يُرسَل ولا خدمة تُسأل — والملف الوحيد الذي تقبله هذه الصفحة، صورة من عندك لتضعها على المسطرة، يُقرأ هنا ولا يذهب إلى أيّ مكان. الرجل والمرأة والصبي والفتاة أعمالٌ فنية في الملك العام تُشحَن مع هذه الصفحة، والصبي والفتاة رسمان لطفلَين حقيقيَّين لا لبالغَين مصغَّرَين — وهذا بالضبط ما يمنع رسم العائلة من أن يبدو خاطئاً على نحوٍ لا يستطيع أحد تسميته. وكلّ خطوة من ذلك تجري في بضع مئات من أسطر JavaScript في هذه الصفحة يمكنك قراءتها. ولا توجد وظيفة شبكية من أي نوع، وهذا مهمّ هنا لأن ما تكتبه هو قائمة أشخاص وطول كلّ واحد منهم.

- ✗ بلا رفع
- ✗ بلا حساب
- ✗ بلا علامة مائية
- ✓ يعمل دون اتصال
- ✓ مفتوح المصدر

## كيف تصنع رسم مقارنة أطوال

1. **أضِف الجميع أولاً، ثم اهتمّ بالشكل.** الصفّ شكلٌ واسمٌ وطولٌ ولون. والاسم اختياري — فرسمٌ من ظلَّين بلا اسمَين وفوقهما طولاهما هو تماماً ما يريده كثيرون — والسهمان في كلّ صفّ ينقلانه يميناً أو يساراً إن كان الترتيب يهمّ.
2. **اكتب الطول كما تكتبه أنت.** `173`، `1.73 m`، `5'8"`، `68 in`، `5 ft 8` تُقرأ كلّها قراءةً صحيحة. والسطر تحت الخانة يُظهر ما فُهِم، بالنظامَين معاً، فيظهر سوء القراءة قبل الرسم لا بعد الطباعة. والعدد المجرّد سنتيمترات على رسم متري وبوصات على رسم إمبراطوري، والعدد المجرّد دون الثلاثة أمتار — فلا أحد طوله 1.73 سنتيمتر.
3. **اختر الشكل الذي يناسب الشخص.** طول الطفل نحو ستة رؤوس والبالغ سبعة ونصف؛ ولذلك يبدو الطفل المرسوم كبالغ مصغَّر خاطئاً على نحو يصعب تسميته ويسهل رؤيته. والصبي والفتاة رسمان لطفلَين حقيقيَّين لا لبالغَين مصغَّرَين، وذلك هو معظم ما يجعل رسم العائلة يبدو كعائلة. كما يصل كلّ صفّ وفيه طولٌ سلفاً، فإضافة شخص ترسم شخصاً — اكتب فوقه مباشرة.
4. **ضع على الرسم شيئاً مألوفاً.** العدد مجرَّد، ومدخل الباب ليس كذلك. وإضافة شيء واحد يعرف الجميع حجمه — باب أو نافذة أو سبّورة فصل أو آلة بيع — هي ما يحوّل رسماً يذكر طولَين إلى رسم يُريهما. وتحمل القائمة عشرين منها، مجموعةً، وكلّ واحد يصل صفّاً عادياً يمكنك كتابة أرقامك فوقه. والأشياء تأخذ عرضاً إلى جانب الارتفاع، فالباب 203 في 81 لا شريط.
5. **أو ضع عليه رسمةً من عندك.** تأخذ **صورة خاصة بك** ملفاً من جهازك وتضعه على المسطرة بأيّ طولٍ تعطيه إياه — وهو ما تلجأ إليه حين يكون الرسم عن منتَج أو مركبة أو مبنى لا عن شخص. يُرسَم ملف SVG بلون الصفّ نفسه كأيّ شكل آخر؛ أما الصورة الفوتوغرافية أو ملف PNG فتوضع كما هي. وكلاهما يحتفظ بنسبه، وكلاهما يُقرأ هنا بدل أن يُرسَل إلى أيّ مكان.
6. **اضبط المسطرة على الوحدات التي يفكّر بها قارئك.** التبديل بين السنتيمترات والأقدام يعيد كتابة ما في الخانات بدل أن يعيد تأويله، فلا يتحرّك الرسم نفسه — إنما تتغيّر الكتابة وحدها. وإن كان الرسم لجمهورَين، فالطول المكتوب فوق كلّ شكل بوحدة الرسم، والسطر تحت كلّ خانة يحمل الاثنين.
7. **ملف PNG للّصق، وملف SVG للطباعة.** ملف PNG صورة بارتفاع البكسل الذي ضبطته، وهو ما تريده نافذة محادثة أو مستند أو شريحة. أما SVG فهو الرسم بوصفه تعليمات، فيُطبَع حادّاً بأي حجم ويمكن إعادة تلوينه لاحقاً بأي شيء يفتح المتّجهات.

## النسخة الأطول

[كيف تصنع رسم مقارنة أطوال](https://abox.tools/ar/أدلة/عمل-رسم-مقارنة-الاطوال/): حوّل قائمة أطوال إلى صورة جنباً إلى جنب: كيف تكتب الأطوال، وأي شكل تختار للطفل، ولماذا يفعل شيء مألوف واحد أكثر مما يفعله شخص ثالث، وكيف تُخرِج الرسم بصيغة PNG أو SVG.

## أيضا في الصندوق

- [ضاغط الصور](https://abox.tools/ar/ضغط-الصور/): حدّد الحجم، ويتكفّل هو بالباقي.
- [تغيير حجم الصور](https://abox.tools/ar/تغيير-حجم-الصورة/): قل الحجم. ارسم الإطار. اختر الصيغة.
- [HEIC إلى JPG](https://abox.tools/ar/تحويل-heic-إلى-jpg/): الصور التي يلتقطها الآيفون، بصيغة يفتحها كل شيء.
- [صانع الصور الشخصية](https://abox.tools/ar/صورة-شخصية-بيومترية/): اختر البلد. فيطبّق قاعدة ذلك البلد، بالضبط.

## أسئلة

### هل يُرسَل أي شيء أكتبه إلى مكان ما؟

لا. يرسم الرسمَ كودُ JavaScript في هذه الصفحة، على جهازك أنت، وليس لهذه الأداة وظيفة شبكية من أي نوع — فهي لا تجلب شيئاً أبداً ولا ترسل شيئاً أبداً. وتسمّي `Content-Security-Policy` الخاصة بالصفحة كلّ عنوان يجوز لها الاتصال به، وليس منها واحد لنا. ويستحقّ هذا أن يُقال صراحةً هنا لأن المُدخَل قائمة بأسماء أشخاص وبطول كلّ منهم، وهو أكثر خصوصية من معظم ما يتعامل معه هذا الموقع.

### هل أستطيع تنزيل الرسم؟

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

### كيف أكتب الطول — بالسنتيمترات أم بالأقدام؟

بأيّهما شئت، في أي صفّ، بالطريقة التي تكتبه بها عادةً. فـ`173` و`173 cm` و`1.73 m` و`5'8"` و`5 ft 8 in` و`68 in` تُفهَم كلّها، والسطر تحت الخانة يُظهر ما قُرِئ بالنظامَين. والعدد المجرّد سنتيمترات حين يكون الرسم متريّاً وبوصات حين يكون إمبراطورياً؛ والعدد المجرّد دون الثلاثة يُؤخَذ أمتاراً، لأن 1.73 سنتيمتر ليس طولاً يكتبه أحد.

### لماذا لا يبدو الأطفال كبالغين مصغَّرين؟

لأن الطفل ليس كذلك. نسب الجسم تتغيّر مع العمر: ابن السنتين طوله نحو أربعة رؤوس ونصف، وابن الثامنة ستة، والبالغ سبعة ونصف — فالرأس إذن نحو ربع الطفل الصغير وثُمن البالغ. والصبي والفتاة هنا رسمان لطفلَين حقيقيَّين لا ظلاًّ واحداً مصغَّراً، ولهذا يبدو رسم العائلة عائلةً لا أربعة بالغين بأحجام مختلفة.

### من أين جاءت الأشكال؟

الأربعة كلّها أعمالٌ لأشخاص آخرين، وكلّها في الملك العام: الرجل لـpitr، والمرأة لـMadeleine Price Ball، والفتاة لـOpenClipart-Vectors، والصبي لـRyan Kissinger لمكتبة NIH BioArt. وكلّ ملف يُشحَن مع هذه الصفحة في `vendor/` كما نُشر، فتستطيع مقابلته بالأصل. والملك العام لا يطلب شيئاً، وهذا هو المقصود: فالعمل الفني ينتهي داخل صورة تنزّلها أنت، ورخصةٌ تشترط النسبة كانت ستُلصِق ذلك الشرط برسمك أنت.

### هل أستطيع وضع صورة من عندي على الرسم؟

نعم — تأخذ **صورة خاصة بك** رسمةً أو صورة فوتوغرافية وتضعها على المسطرة بأيّ طولٍ تكتبه: شعاراً أو مخطّطاً أو قطعة آلة أو سيارة، أو صورةً للشيء نفسه. ونسبها نسبها هي، فليس هناك عرضٌ تملؤه. \
\
يُرسَم ملف **SVG** بلونٍ واحد صافٍ، اللون المضبوط عليه ذلك الصفّ، لأن هذا ما عليه بقية الرسم — فالرسمة المصنوعة من حدودٍ رفيعة لا من أشكال مملوءة تخرج لطخة، وهذه الأداة خطأٌ لها. ولا يُحتفَظ إلا بالـ*أشكال*: يُعاد بناء الملف من الصفر من مسارات ومستطيلات ودوائر، وكلّ ما كان بوسعه بلوغ الشبكة — صورة مرتبطة أو ورقة أنماط أو خطّ أو نصّ برمجي — يُترَك خلفه. \
\
أما **الصورة الفوتوغرافية أو ملف PNG** فتوضع كما هي وتحتفظ بألوانها، فلا يعود لون الصفّ إلا اسماً لها. وتُعاد رسمها هنا قبل أن توضع، وهو ما يحدّ ممّا تضيفه إلى الرسم ويترك البيانات الوصفية للملف خلفه. وتبقى الشفافية، فتقف الصورة المقصوصة على المسطرة نظيفةً — أما الصورة الفوتوغرافية فتجلب خلفيتها معها، ويستحقّ ذلك قصّها أولاً. \
\
ولا يذهب أيٌّ من الملفّين إلى أيّ مكان. وهذا يهمّ مرّتين، لأن الرسم الذي تنزّله ملفٌّ قد ترسله إلى أحد.

### لماذا لا يوجد طفل صغير أو رضيع؟

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

### كم شخصاً أستطيع وضعه على رسم واحد؟

اثني عشر. وليس هذا حدّاً تقنياً — فالرسم سيصنع ثلاثين عن طيب خاطر — لكن بعد الاثني عشر تصير الأعمدة أضيق من الأسماء المكتوبة فوقها وتتوقّف الصورة عن أن تكون مقروءة. وإن احتجت أكثر، فإطفاء الأسماء يعيد إليك العرض، أو أن رسمَين سيقولان الأمر خيراً من واحد.

### هل أستطيع وضع شيء على الرسم؟

نعم — ومعظمها يصل مرسوماً. تحمل القائمة عشرين للبدء، في أربع مجموعات: الأبواب والنوافذ، والمدرسة والمكتب (سبّورة، ومكتب، وخزانة ملفات، وشاشة عرض)، وأشياء في المدينة (آلة بيع، وحاوية نفايات بعجلات، وسلّة كرة سلة، وحاوية شحن مقاس 20 قدماً)، وأشياء في البيت. سبعة عشر منها تأتي مع صورة — باب له مقبض، وثلاجة فوقها مجمّدها، وأريكة ترى أنها أريكة — وتُطابَق الصورة على الطول والعرض المكتوبَين في الصفّ، فتبقى الأرقام هي التي تقرّر الحجم، وتبقى أرقامك التي تكتبها فوقها نافذة. أما الثلاثة الباقية فمستطيلات مجرّدة، لأنه لم تُوجَد لها رسمة حرّة صحيحة ومضبوطة النسب معاً، والرسمة الخاطئة أسوأ من كتلة صادقة في رسم موضوعه المقياس. \
\
بعض هذه المقاسات معايير حقيقية وبعضها مقاسات معتادة، وتقول الصفحة ذلك صراحةً. والشيء المألوف الواحد يفعل للرسم أكثر مما يفعله أي عدد من الأشخاص الإضافيين: فهو ما يحوّل المقارنة إلى إحساس بالمقياس.

### هل هناك شكل لكلب أو قطّة؟

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

### هل أستطيع مشاركة الرسم برابط؟

ليس من هنا، وذلك مقصود. فالأدوات التي تتيح ذلك تفعله بوضع القائمة كاملةً في العنوان، ما يعني أن كلّ اسم وكلّ طول ينتهي في كلّ ما يسافر الرابط عبره — سجلّات خادوم محادثة، وماسح بريد، وسجلّ تصفّح أحدهم، وخدمة تجلب معاينة الروابط. نزّل الصورة وأرسلها بدل ذلك: فهي تقول الشيء نفسه ولا تحمل معها أي قائمة.

### هل هو مجاني، وهل أستطيع استعمال الرسم تجارياً؟

هو مجاني، ولا حساب ولا علامة مائية، ويمكنك وضع النتيجة في تقرير أو عرض تقديمي أو إعلان أو منتج. يحمل الموقع إعلانات، وهي ما يدفع تكاليفه. ولا شيء في رسمٍ تصنعه هنا يملكه أحد سواك، ولا يُحتفَظ بشيء.

### لماذا المسطرة بالعشرات لا بالآحاد؟

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

### هل أستطيع وضع الرسم على شريحة داكنة؟

نعم. اضبط الخلفية على اللون الذي سيستقرّ عليه، فتنتقل المسطرة والكتابة بين الداكن والفاتح بما يناسبه — محسوباً من إضاءة اللون لا مخمَّناً. ثم علِّم «بلا خلفية إطلاقاً» إن أردت الصورة نفسها شفّافة: فاللون الذي اخترته يظلّ هو الذي يقرّر الحبر، وبذلك يخرج رسمٌ شفّاف متّجهٌ إلى شريحة كحلية مقروءاً عليها.

### هل يعمل دون اتصال؟

نعم. حمّل الصفحة مرة واحدة، ثم افصل الإنترنت وستظلّ تعمل. وهذه أيضاً أبسط طريقة لإثبات أن شيئاً لا يُرفَع: فأداة ترسل قائمتك بعيداً ليُرسَم لها رسمٌ كانت ستتوقّف في اللحظة التي تفصل فيها.

## كيف يمكن التحقق من وعد الخصوصية

- **قائمة الأشخاص ليست بالشيء الهيّن كي تُسلَّم.** معظم رسوم الأطوال تطلب حساباً، والتي لا تطلبه لها مع ذلك خادوم يرى كلّ اسم وكلّ رقم تكتبه. وما تكتبه هنا هو من في أسرتك وكم يبلغ طول كلّ واحد، وكثيراً ما يُستدلّ على عمر طفل من الشكل الواقف بجوار اسمه. ولا يُرسَل شيء من ذلك إلى أي مكان، لأنه لا يوجد هنا مكان يذهب إليه.
- **لا شيء هنا يجلب شيئاً.** ليس في `src/` كلّه `fetch` ولا `XMLHttpRequest` ولا `sendBeacon`. وتسمّي Content-Security-Policy كلّ عنوان يجوز لهذه الصفحة الاتصال به، وليس منها واحد لنا.
- **ولا يُحفَظ شيء بين زيارة وأخرى كذلك.** يعيش الرسم في الصفحة ولا مكان له سواها. أغلِق اللسان تختفِ القائمة: لا حساب يمسكها، ولا كعكة تحملها، ولا شيء يُكتَب في تخزين هذا المتصفّح — ولذلك أيضاً فالرسم الذي تريد الاحتفاظ به هو الرسم الذي تنزّله.
- **الرابط لا يحمل الرسم.** أدوات عدّة من هذا النوع تضع القائمة كاملةً في شريط العنوان كي تُشارَك، فيتحوّل كلّ اسم وكلّ طول إلى شيء يسجّله كلّ ما يمرّ به الرابط — خادوم محادثة، أو ماسح بريد، أو سجلّ تصفّح أحدهم. أما عنوان هذه الصفحة فلا يتغيّر أبداً وأنت تكتب.
- **ملف PNG يُصنَع من ملف SVG الذي على الشاشة.** التنزيل ليس رسماً ثانياً قد يخالف المعاينة. فالترميز نفسه يُسلَّم إلى المتصفّح ويُرسَم على لوحة canvas، ولهذا أيضاً يمكن أن يتمّ والشبكة مفصولة: لا خطّ يُجلَب ولا صورة تُحمَّل بداخله.
- **صورة تضيفها تُقرأ هنا، ولا تُرسَل أبداً.** الملف لا يغادر هذه الصفحة أبداً — يُقرأ بـ`FileReader` الخاص بالمتصفّح نفسه ويُحلَّل إلى مستند خامل لا يشغّل شيئاً. والمرسوم ليس ذلك الملف: إذ يبني `src/import-svg.js` رسمةً جديدة من قائمة سماح بالأشكال والهندسة، فيبقى خلفه أيّ نصّ برمجي أو ورقة أنماط أو خطّ أو صورة مرتبطة أو إحالة إلى مستند آخر، بدل أن يُنقَل. وهذا يهمّ مرّتين، لأن الرسم الذي تنزّله ملفٌّ ترسله إلى آخرين: فأيّ شيء كان سينجو معناه أن متصفّحهم سيتّصل بخادوم غريب، بعد أيام، انطلاقاً من شيء كتبته هذه الصفحة. الصورة الفوتوغرافية أو ملف PNG ليست برنامجاً وليس فيها ما يُعاد بناؤه: يقرؤها مفكّك الترميز الخاص بالمتصفّح نفسه، وتُعاد رسمها على لوحة رسم هنا قبل أن توضع على الرسم. وإعادة الرسم هذه هي ما يترك البيانات الوصفية للملف خلفه — الكاميرا، والمكان، وملف تعريف الألوان، وكلّ ما كان فيه — لأن شيئاً من ذلك لا ينجو من لوحة الرسم. والذي ينتهي به المطاف في الرسم صورةٌ رمّزتها هذه الصفحة، مكتوبةٌ فيه بوصفها بيانات لا عنواناً، فيبقى الرسم لا يشير إلى أيّ شيء.
- **الأعمال الفنية هنا، لا تُجلَب من الخارج.** الأشكال الأربعة كلّها أعمالٌ في الملك العام، وتُقدَّم من هذا الأصل مع بقية الصفحة — بلا خطّ أيقونات، وبلا شبكة توصيل محتوى، وبلا ورقة صور تُسحَب من خادوم أحد آخر وأنت تكتب. ولهذا أيضاً يظلّ الرسم يُرسَم والشبكة مفصولة.
- **ما تحمّله Google، وما لا يُعطى لها.** تأتي نصوص الإعلانات والقياس من Google، وزرّ التبرّع من Buy Me a Coffee. ولا يُسلَّم أيٌّ منها اسماً ولا طولاً. وكلّ سطر يحوّل قائمتك إلى صورة يُقدَّم من هذا الأصل ومُدرَج في المستودع.
- **يعمل دون اتصال.** افصل الشبكة وتبقى الأداة كما هي، لأنه لم تكن فيها خطوة شبكية أصلاً. وهذا أبسط برهان على الإطلاق.

**تحقّق بنفسك.** لا شيء مما سبق عليك تصديقه دون تحقق. تُولَّد هذه الصفحة من القوالب والإعدادات في المستودع بواسطة سكربت بناء يمكنك قراءته وتشغيله بنفسك، والنتيجة موجودة في فرع `dist` — فقارِن إذن بين ما يُقدَّم فعلا وما ينتجه بناء المصادر: https://github.com/A-Box-of-Tools/website

الملفات الجديرة بالقراءة أولا هي `config/site.toml` من أجل سياسة أمان المحتوى (Content-Security-Policy)، و`src/traced.js` و`vendor/` للأشكال الأربعة ومصدر أعمالها الفنية، و`src/figures.js` للقائمة التي تُبنى منها لائحة الاختيار، و`src/units.js` لكيفية تحوّل طولٍ مكتوب إلى عدد وكيفية ترقيم المسطرة، و`src/chart.js` للتنسيق، و`src/save.js` للتنزيلَين — وهما ملف SVG الذي على الشاشة، وذلك الملف نفسه مرسوماً على لوحة canvas — و`src/import-svg.js` لقائمة السماح التي يُعاد منها بناء ملف SVG مُضاف، وهو الملف الوحيد هنا الذي كان الخطأ فيه ليهمّ.