صانع شفافية الصور: سير عمل PNG و WebP

آخر تحديث: June 28, 2026

يعد صانع الشفافية للصور مفيدًا عندما يحتاج منتج، أو شعار، أو صورة شخصية، أو عنصر تصميم إلى الظهور بشكل نظيف على أكثر من خلفية واحدة. الجزء الصعب ليس هو الضغط على "إزالة الخلفية". الجزء الصعب هو الحفاظ على الحواف الناعمة، واختيار تنسيق يخزن قناة ألفا (alpha)، والتحقق من الملف قبل وصوله إلى قالب متجر، أو نموذج إعلان، أو CMS.

إجابة سريعة: كيف تجعل الصورة شفافة؟

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

بالنسبة لمعظم صفحات الويب، يعد WebP الشفاف هو أفضل نسخة للتسليم لأنه يدعم alpha وعادة ما يزن أقل من PNG. احتفظ بملف رئيسي بصيغة PNG عندما تحتاج إلى توافق واسع للمحرر، أو تسليم للطباعة، أو أرشيف غير فاقد للبيانات (lossless). إذا كانت الصورة لا تزال بحاجة لإزالة الخلفية، ابدأ بـ دليل إزالة خلفية AI، ثم استخدم سير العمل هذا لإنهاء وتصدير الأصل الشفاف.

تم قياس أربع صور WebP بأبعاد 1400 × 788 أثناء إعداد هذا المقال، وتم تصديرها في مجلد المقالة المحلي بين 28 KB و 38 KB. إنها رسومات بسيطة، لذا يمكن أن تكون صورة منتج حقيقية تحتوي على شعر أو زجاج أو ظلال أو نسيج دقيق أكبر حجماً. تحقق من الملف النهائي بدلاً من افتراض أن كل WebP شفاف سيكون صغيراً.

ما الذي ينشئه صانع الشفافية للصور فعلياً؟

يتم تخزين الشفافية باستخدام قناة ألفا (alpha channel). لا يزال للمصورة المرئية بيانات لون عادية، ولكن لكل بكسل أيضاً قيمة تعتيم (opacity value). تُظهر البكسلات المعتمة بالكامل الموضوع. وتختفي البكسلات الشفافة بالكامل. تخلق البكسلات شبه الشفافة حوافاً ناعمة حول الشعر أو الزجاج أو الدخان أو الظلال أو القماش، والشعارات المضادة للتنقيط (anti-aliased logos).

يصف مواصفات PNG قناة ألفا على أنها قناة تُستخدم لمعلومات الشفافية، ولا يزال نظرة عامة W3C على PNG مرجعاً مفيداً لسبب تحول PNG إلى تنسيق الصور الشفافة الموثوق. كما تشير دليل أنواع ملفات الصور من MDN إلى أن WebP يدعم الضغط التالف (lossy) وغير الفاقد للبيانات (lossless) مع الشفافية.

مربعات الشطرنج هي مجرد معاينة. إذا تمكنت من رؤية مربعات شطرنج بعد تحميل الملف، فهذا يعني أن المحرر قام بتصدير لقطة شاشة أو صورة مسطحة بدلاً من أصل شفاف حقيقي.

ما هي الصور التي يجب عليك جعلها شفافة؟

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

تشمل المرشحات الجيدة ما يلي:

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

تشمل المرشحات الضعيفة ما يلي:

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

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

كيف تزيل الخلفية دون إتلاف الحواف؟

ابدأ بأفضل ملف مصدر. يعطي الأصل عالي الدقة مع تباين واضح للموضوع محرر القناع المزيد من معلومات الحافة الحقيقية. غالباً ما تحتوي نسخة وسائل التواصل الاجتماعي المضغوطة على حواف متكتلة، وتلطيخ الألوان (color bleed)، وشعر ناعم قبل أن تبدأ.

استخدم هذا الترتيب للصور المفردة:

1. افتح الصورة الأصلية، وليس لقطة شاشة أو نسخة من تطبيق الدردشة.
2. قم بتشغيل إزالة الخلفية أو إنشاء قناع يدوي.
3. قم بالتكبير على أكثر الحواف عرضة للتلف أولاً: الشعر، الزجاج، مقابض المنتجات، الأشرطة، الملصقات، والثقوب.
4. استعد بكسلات الموضوع المفقودة باستخدام فرشاة قبل تنقيح الحافة الخارجية.
5. أزل بقايا الخلفية الواضحة داخل الفجوات وبين الأجزاء الصغيرة.
6. تحقق من القص على خلفيات بيضاء وداكنة وألوان العلامة التجارية.
7. قم بتصدير ملف رئيسي PNG إذا كان هناك المزيد من التحرير المحتمل.
8. قم بتصدير نسخة تسليم WebP للموقع الإلكتروني عندما يكون الهدف هو التسليم عبر المتصفح.

استخدم المعالجة الدفعية (batch processing) فقط بعد أن يمر صورة ممثلة واحدة. إذا تم التقاط عشر صور منتجات تحت نفس الإضاءة على نفس الطاولة، يمكن للدفعة توفير الوقت. إذا كان المجلد يمزج بين الزجاجات اللامعة والأقمشة والشعر والتغليف الشفاف، فافحص كل نوع بشكل فردي قبل الثقة في الدفعة.

بالنسبة لتفاصيل التغطية القائمة على النموذج (model-based masking)، فإن مقالة أفضل ممارسات إزالة الخلفية هي خطوة تالية أفضل من تكرار نفس التصدير. يركز هذا المقال على جعل النتيجة الشفافة قابلة للنشر.

هل يجب عليك تصدير الصور الشفافة كـ PNG، أو WebP، أو JPEG؟

استخدم PNG عندما تحتاج إلى ملف رئيسي تحرير موثوق به أو عندما يتوقع أداة أخرى في سير العمل صيغة PNG. استخدم WebP عندما تكون الصورة الشفافة ستوضع على موقع ويب حديث ويكون حجم الملف مهماً. تجنب JPEG للأصول الشفافة لأنه لا يمكنه الاحتفاظ بقناة ألفا.

يشرح توثيق WebP من Google أن WebP يدعم الشفافية في كل من الوضعين غير الفاقد للبيانات (lossless) والتالف (lossy)، ولهذا السبب يعمل جيداً لقصاصات الويب وأصول الواجهة. يظل مواصفات W3C PNG المرجع الرسمي لسلوك PNG، بما في ذلك شفافية قناة ألفا.

إذا كان لديك بالفعل PNG شفاف وتحتاج فقط إلى نسخة ويب أصغر، فاستخدم دليل محول PNG إلى WebP. إذا كنت مغرماً بتحويل النتيجة الشفافة إلى JPEG، اقرأ أولاً تحويل PNG إلى JPG حتى يكون فقدان الشفافية مقصوداً.

كيف يمكنك معرفة ما إذا كانت الشفافية نظيفة؟

افحص الصورة الشفافة على خلفيات تكشف عن إخفاقات مختلفة. يكشف مربع الشطرنج عن الثقوب المفقودة. ويكشف الأبيض عن الضباب الرمادي والظلال المتبقية. وتكشف الخلفية الداكنة أو المشبعة عن الهالات الخفيفة حول الشعر، وحواف المنتجات، ومنحنيات الشعارات المضادة للتنقيط.

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

ما هي الإعدادات التي تعمل لصور المنتجات والشعارات والصور الشخصية؟

تعتمد الإعدادات الصحيحة على الحافة. تحتاج صور المنتجات إلى شكل حقيقي وظلال تلامس مقنعة. تحتاج الشعارات إلى منحنيات واضحة وبدون صندوق matte. تحتاج الصور الشخصية إلى حواف شعر أكثر نعومة ومراجعة دقيقة حول الأذنين والكتفين والملابس.

استخدم نقاط البداية هذه:

• صورة المنتج: حافظ على الموضوع، وأزل الخلفية، ثم أضف ظلاً منفصلاً فقط إذا كان التخطيط النهائي يحتاج إلى عمق.
• الزجاجة اللامعة: افحص الانعكاسات والتغليف الشفاف؛ غالباً ما تخلطها الأدوات التلقائية بالخلفية.
• الشعار: ابحث عن SVG أو مصدر التصميم أولاً؛ شفافية Raster هي خيار احتياطي.
• الصورة الشخصية: اسمح بحواف شعر شبه شفافة، ولكن ارفض تغييرات الوجه الشمعية أو الخصلات المفقودة.
• تراكب لقطة الشاشة: قم بالقص بإحكام والحفاظ على الحواف واضحة؛ الشفافية الضبابية تجعل واجهة المستخدم تبدو مكسورة.
• الأيقونة الصغيرة: صدرها من Vector كلما أمكن، ثم أنشئ أحجام PNG أو WebP من هذا المصدر.

بالنسبة للنشر عبر الويب، أكد أيضاً أبعاد البكسل. يمكن لقصاصة منتج شفافة بأبعاد 4000 px أن تبطئ الصفحة حتى عندما يبدو ضغط WebP جيداً. يوضح دليل التحقق من حجم وأبعاد الصورة كيفية التحقق من الأبعاد قبل الرفع، ويغطي التعمق في ضغط الصور عملية الضغط بعد الموافقة على الشفافية.

ما هي الأخطاء التي تكسر الصور الشفافة؟

تحدث معظم إخفاقات الشفافية بعد أن تبدو إزالة الخلفية "منتهية". لا يزال تنسيق التصدير، ولون الـ matte، وسياق الصفحة النهائي مهماً.

تجنب هذه الأخطاء:

• تصدير قصاصة شفافة كـ JPEG.
• تسطيح الملف في المحرر قبل حفظ نسخة التسليم.
• ترك هالة بيضاء من الخلفية الأصلية.
• القص بإحكام شديد وقص الظلال أو الشعر الناعم.
• التعامل مع مربعات الشطرنج كجزء من الصورة الفعلية.
• تحميل PNG ضخم عندما يكون WebP بالحجم المناسب كافياً.
• إعادة ضغط نفس الأصل الشفاف بشكل متكرر.
• استخدام شعار شفاف عندما يتوفر SVG الأصلي.
• نسيان اختبار القص على خلفية الصفحة الفعلية.
• افتراض أن كل CMS يحافظ على قناة ألفا أثناء التحسين.

نقطة الـ CMS تستحق التحقق. تقوم بعض مسارات الرفع بتحويل كل شيء إلى JPEG بشكل افتراضي. إذا حدث ذلك، يمكن أن يكون PNG أو WebP المحلي صحيحاً بينما لا تزال الصفحة المنشورة تعرض مستطيلاً أبيض.

قائمة مراجعة نشر الصور الشفافة

استخدم قائمة المراجعة هذه قبل إرسال الأصل إلى العميل، أو تحميله في متجر، أو نشره في نظام تصميم.

ينتهي سير عمل صانع الشفافية الجيد بالملف في سياقه. قم بعمل القناع، واختبر الحافة، واختر WebP أو PNG عمداً، ثم تحقق من الأصل المنشور بدلاً من الثقة في معاينة المحرر.