تغيير حجم الصورة بالنسبة المئوية

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

لماذا يبدو التحجيم بالنسبة المئوية أبسط مما هو عليه

يبدو تحجيم صورة إلى نسبة مئوية عمليةَ ضرب واحدة، لكن التفاصيل هي التي تحدد ما إذا كان تخطيطك سينكسر. يجب تحجيم كل ضلع على حدة وتقريبه إلى بكسل صحيح، لأنه لا وجود لشيء مثل 640.5 بكسل. إذا قرّبت 1920 بنسبة 33 بالمئة بطريقة ساذجة ستحصل على 633.6، وهو رقم لا يقبله أي مُصيِّر؛ أما هذه الحاسبة فتُرجع 634. وتبلغ قاعدة التقريب أهميتها القصوى مع الصور الصغيرة: تصغير أيقونة من 11 بكسل إلى 15 بالمئة يعطي 1.65 بكسل، والإجابة الصحيحة هي 2 وليست 1 مقطوعة تشوّه نسبة الأبعاد بصمت. حصولك على هذه الأرقام قبل أن تلمس الصورة يتيح لك تخصيص حجم اللوحة الصحيح مسبقًا في مهمة إنتاج المصغرات، وكتابة سمتي العرض والارتفاع الصحيحتين في HTML حتى لا يعاد تدفق الصفحة عند تحميل الصورة، والتحقق من أن أداة التحجيم الجماعي أنتجت ما طلبته فعلًا. إن أداة تغيير حجم الصورة بالنسبة المئوية تُجري هذا الحساب بدقة وبشكل حتمي، بحيث تكون الإجابة التي تراها في المتصفح مطابقة تمامًا للإجابة التي يعيدها API إلى شيفرتك.

كيف يعمل الحساب

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

أين يقع في سير عمل حقيقي

يستخدمه مطورو الواجهات الأمامية لحساب مدخلات srcset المتجاوبة: من صورة أصلية بعرض 2400 بكسل، تخرج النسخ بنسب 25 و50 و75 بالمئة بأعراض 600 و1200 و1800 بكسل، وتنتقل هذه الأرقام مباشرة إلى الترميز. ويستخدمه المصممون حين يطلب العميل صورة بنسبة 30 بالمئة لنشرة بريدية ويتعيّن على أحدهم التأكد من أن النتيجة لا تزال تفي بالحد الأدنى للعرض الذي يفرضه قالب البريد. ويستدعي مهندسو الواجهات الخلفية API داخل فحوص خط الأنابيب، لمقارنة الأبعاد التي أنتجها المُحجِّم بالأبعاد التي كان يفترض أن ينتجها، وإفشال المهمة عند اختلافهما. ولأن هذه القدرة حسابية بحتة دون أي تعامل مع الملفات، فلا تكلفة لتشغيلها مرات عديدة: نسخة المتصفح في هذه الصفحة مجانية وغير محدودة، ولا يتقاضى API سوى $0.002 لكل استدعاء عندما تُؤتمته. أما إذا كنت تحتاج إلى تحويل البكسلات نفسها لا حساب الأبعاد، فتلك قدرة أخرى؛ وُجدت هذه القدرة لتكون خطوة التخطيط دقيقة وسريعة ورخيصة بما يكفي لتشغيلها على كل صورة في الدفعة.