تغيير أبعاد الصور: نسبة الأبعاد وقواعد التصغير والتكبير الصحيحة

تغيير أبعاد الصورة عملية تبدو بسيطة حتى تظهر النتيجة المشوهة: وجوه ممطوطة، أو شعارات مسطحة، أو تفاصيل ضبابية تفقد حدتها. السبب في معظم الحالات يرجع إلى كسر «نسبة الأبعاد» (Aspect Ratio) دون قصد، أو تكبير صورة صغيرة بصورة تتجاوز قدرة البكسلات على استيعاب التفاصيل. إن فهم القواعد الحسابية والتقنية لتحجيم الصور يضمن لك الوصول إلى دقة ممتازة من التجربة الأولى.

نسبة الأبعاد: القاعدة الهندسية الذهبية

نسبة الأبعاد هي النسبة الثابتة بين عرض الصورة وارتفاعها؛ فصورة بدقة 4000×3000 بكسل تملك نسبة أبعاد 4:3. إذا قمت بتعديل العرض إلى 2000 بكسل مع ترك الارتفاع كما هو 3000، ستنضغط الصورة عرضيًا ويختل مظهر العناصر بالكامل. القاعدة الحسابية الصارمة للتحجيم المتناسق هي: الارتفاع الجديد = (العرض الجديد × الارتفاع الأصلي) ÷ العرض الأصلي.

مثال عملي: إذا أردت تصغير صورة أبعادها 3840×2160 (نسبة 16:9 شائعة) إلى عرض 1920 بكسل، فإن الارتفاع التلقائي المحسوب يكون: (1920 × 2160) ÷ 3840 = 1080 بكسل. ولهذا السبب يأتي قفل النسبة مفعلًا بشكل افتراضي في أداة تغيير أبعاد الصور؛ لتعديل بُعد واحد وحساب الآخر تلقائيًا دون تشويه.

التصغير يحفظ الحدة، والتكبير لا يخلق تفاصيل جديدة

عند تصغير الصورة، يقوم المتصفح بحذف البكسلات الزائدة ودمج المتجاور منها بطريقة ذكية، مما يحافظ على حدة المعالم ويقلل الحجم. أما التكبير فعلى العكس تمامًا: البرنامج لا يستطيع تخمين تفاصيل لم تلتقطها الكاميرا أصلًا، بل يقوم بعملية «استيفاء رياضي» (Interpolation) بتكرار البكسلات وتنعيم الفواصل بينها، والنتيجة ظهور حواف باهطة وضبابية إذا تجاوز التكبير حاجز 120% إلى 150%. القاعدة الذهبية: ابدأ دائمًا من النسخة الأصلية الأعلى جودة وتجنب تكبير الصور المقتطعة.

دليل المقاسات العملية للويب وشبكات التواصل

• صور المقالات والمدونات: عرض 1200 بكسل بارتفاع 630 أو 675 بكسل هو المعيار الذهبي لسرعة التصفح والتوافق مع بطاقات المشاركة (Open Graph).
• صور المنتجات في المتاجر الإلكترونية: مقاس مربع 1000×1000 أو 1200×1200 بكسل يتيح للعملاء تكبير تفاصيل المنتج بسلاسة دون ثقل في التحميل.
• الصور الشخصية والمصغرات: مقاس 400×400 بكسل كافٍ تمامًا؛ وإذا كانت الصورة مستطيلة، فمن الأفضل قصّها (Crop) أولًا إلى مربع ثم تحجيمها لتجنب تمدد الوجه.
• الشرائح العريضة (Hero Banners): عرض 1920 بكسل بارتفاع 800–1080 بكسل لشاشات الحواسيب المكتبية الحديثة.

شاشات Retina وكثافة البكسلات (DPI / PPI)

تستخدم شاشات الهواتف والحواسيب الحديثة (مثل شاشات Retina و OLED) تقنية مضاعفة البكسلات، حيث تعرض بكسلين أو ثلاثة فيزيائيين لكل بكسل برمجي. لذلك إذا كنت تصمم عنصرًا ليظهر بعرض 300 بكسل على شاشة الهاتف، فمن المستحسن تصدير الصورة بأبعاد 600×600 بكسل (أي بمعدل 2x) حتى تظهر النصوص والخطوط دقيقة وحادة للغاية دون أي تغبيش.

التسلسل الأمثل لتحسين الصور: الأبعاد أولًا ثم الضغط

أحد الأخطاء الأكثر شيوعًا هو أخذ صورة التقطها الهاتف بدقة 4000×3000 وضغطها مباشرة لنشرها في موقع ويب يعرضها بعرض 800 بكسل. الضغط يقلل حجم الملف قليلًا، لكن المتصفح سيظل مجبرًا على معالجة ملايين البكسلات غير المرئية! التسلسل السليم هو: تغيير أبعاد الصورة أولًا إلى القياس الفعلي المطلوب، ثم تحويل صيغتها إذا لزم الأمر، وأخيرًا تمريرها على أداة ضغط الصور لتقليل الحجم بأقصى فاعلية.