تغيير حجم الصورة أونلاين

كيف تغيّر حجم صورة

1. اختر صورتك — تظهر أبعادها الحالية فورًا.
2. اكتب عرضًا أو ارتفاعًا جديدًا. مع تفعيل القفل تتبعه القيمة الأخرى تلقائيًا.
3. أو اضغط أحد الاختصارات: ٢٥٪، ٥٠٪، ٧٥٪، ٦٠٠×٦٠٠، ١٠٨٠×١٠٨٠، ١٩٢٠×١٠٨٠.
4. اضغط تغيير الحجم ونزّل النتيجة.

الاحتواء والتغطية والتمديد

عندما لا تطابق الأبعاد المطلوبة نسبة أبعاد الصورة، لا بد من تنازل ما. والأوضاع الثلاثة تحدّد ما هو:

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

لماذا تهم جودة إعادة التشكيل

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

تنزل هذه الأداة بالصورة على مراحل، كل مرحلة إلى النصف، ثم تنهي بمرور عالي الجودة من نوع Lanczos، فيساهم كل بكسل من المصدر في النتيجة. وتُحفظ نسبة الأبعاد والشفافية واتجاه الصورة طوال العملية.

تغيير الحجم أم الضغط؟

يحلّان مشكلتين مختلفتين، ويكثر الخلط بينهما:

• تغيير الحجم يغيّر عدد البكسلات الموجودة. وهو الطريقة الوحيدة لجعل صورة بعرض ٤٠٠٠ بكسل تُعرض بشكل صحيح في مساحة عرضها ٤٠٠.
• الضغط يغيّر عدد البايتات التي تشغلها تلك البكسلات، ويترك الأبعاد كما هي.

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