الاحتواء أم القص؟ تجهيز صورة منتج مربعة مع الحفاظ على الشفافية

مثال تطبيقي · آخر مراجعة: 18 أكتوبر 2026

عندما يطلب منك تصميم المتجر صورة 1000 × 1000، لا يعني ذلك دائماً أن قص منتصف الصورة هو القرار المناسب. قد يكون المنتج طويلاً أو موزعاً على أطراف الإطار، ويؤدي القص إلى حذف جزء منه. حدد أولاً هل تريد الحفاظ على كل المحتوى أم ملء مربع محدد؛ أداة صورة توفر هذين المسارين لكنها لا تتعرف تلقائياً على موضع المنتج أو أهميته.

لصورة أصلية 4000 × 2000 بكسل، يعطي الاحتواء ضمن 1000 × 1000 نتيجة 1000 × 500. لا يُضاف فراغ حول الصورة ولا تتغير نسبتها. أما القص المركزي فيأخذ مربعاً 2000 × 2000 من منتصف الأصل، يبدأ على بعد 1000 بكسل من الطرف الأفقي، ثم يخفضه إلى 1000 × 1000. أي محتوى على جانبي الصورة خارج هذا المربع سيختفي.

في المثال المعاكس، أصل 2000 × 4000 مع قص مربع 1000 × 1000 يفقد أجزاء من أعلى الصورة وأسفلها. إذا كانت قطعة الملابس كاملة داخل الإطار، راجع المعاينة كي لا تختفي أطرافها. لا توجد في هذه النسخة أداة سحب لضبط موقع القص، لذلك استخدم الاحتواء أو عدّل موضع الصورة في برنامج آخر إذا لم يكن المنتج في المركز.

الشفافية قرار مستقل عن المقاس. اختر PNG أو WebP عندما تحتاج إلى بقاء الخلفية الشفافة. عند اختيار JPEG نملأ المساحة الشفافة بالأبيض لأنه لا يدعم قناة شفافية. هذا لا يزيل خلفية موجودة داخل الصورة؛ الخلفية البيضاء أو الملونة في المصدر تبقى كما هي. وإذا احتوت الصورة على ظلال شفافة، راجع حوافها فوق الخلفية الفعلية التي ستُعرض عليها.

قد يكون WebP أصغر لصورة مناسبة للويب، لكن تحقق من أن المكان الذي سترفع إليه الملف يقبله. PNG يحافظ على الشفافية دون إعداد جودة في أداة المتصفح، وقد يفشل في بلوغ حد الحجم رغم أن الصورة تبدو بسيطة. لا تغيّر اسم الملف من .png إلى .jpg يدوياً لتلبية شرط الرفع؛ تغيير الامتداد وحده لا يحوّل بيانات الصورة.

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