إن سبق أن حاولت وضع شعار فوق خلفية ملوّنة فظهر حوله مربّع أبيض، فقد واجهت أشهر مشكلة يقع فيها من يعمل بالصور الرقمية دون معرفة بالشفافية. والحل بسيط: بدل ملف PNG بخلفية بيضاء تحتاج ملف PNG بخلفية شفافة — وهذا المقال يشرح بالضبط كيف تحصل عليه.
ما هي الشفافية في الصور الرقمية؟
تتكوّن الصورة الرقمية من بكسلات، ولكل بكسل لون تحدّده ثلاث قيم: الأحمر والأخضر والأزرق (نموذج RGB). فالبكسل الأحمر الخالص مثلًا قيمه R=255 وG=0 وB=0.
لكن هناك قيمة رابعة ممكنة: قناة الألفا (alpha channel). تتحكّم قناة الألفا في عتامة كل بكسل على حدة، من 0 (شفاف تمامًا، غير مرئي) إلى 255 (معتم تمامًا، صلب). والبكسلات التي قيمة ألفا فيها 0 لا وجود بصري لها أصلًا: ما يظهر في موضعها هو ما يقع تحتها — خلفية الشريحة أو لون الموقع أو نسيج القميص.
الصورة التي تحتوي قناة ألفا تُسمّى صورة شفافة أو صورة بخلفية شفافة. وفي عارض الملفات تظهر البكسلات الشفافة على هيئة مربّعات شطرنج رمادية وبيضاء — وهذه المربّعات هي التمثيل المتعارف عليه لـ«لا شيء هنا».
لماذا PNG وليست JPG للشفافية؟
صيغة JPG لا تدعم قناة الألفا، وهذا قيد تقني في الصيغة نفسها: فقد صُمّمت لضغط الصور الفوتوغرافية بكفاءة، وقناة الألفا ليست جزءًا من مواصفتها. وعندما تحفظ صورة فيها مناطق شفافة بصيغة JPG، يستبدل البرنامج الشفافية بأبيض صلب أو بأسود حسب الإعدادات. فلا سبيل إلى حفظ ملف JPG بخلفية شفافة.
أما PNG فقد صُمّمت من البداية لدعم قناة الألفا، ولهذا بالضبط تُحفظ الشعارات والأيقونات وكل صورة تحتاج خلفية شفافة بصيغة PNG. والفرق جوهري:
| الخصائص | PNG | JPG | WebP | GIF |
|---|---|---|---|---|
| دعم الخلفية الشفافة | ✅ نعم (قناة ألفا كاملة) | ❌ لا | ✅ نعم (قناة ألفا كاملة) | ⚠️ جزئي (لون واحد فقط) |
| الأنسب للصور الفوتوغرافية | لا (ملف ضخم) | ✅ نعم | ✅ نعم | لا |
| الأنسب للشعارات والأيقونات | ✅ نعم | لا | ✅ نعم | لا |
| ضغط بلا فقدان | ✅ بلا فقدان | ❌ مع فقدان | النمطان معًا | ✅ بلا فقدان |
💡 WebP تدعم الشفافية أيضًا بقناة ألفا كاملة، مثل PNG تمامًا. وللاستخدام على الويب الحديث، WebP الشفافة صالحة بقدر PNG الشفافة، وملفاتها أصغر في العادة. ومعظم المنصات وأدوات التصميم تقبل الصيغتين.
متى تحتاج إلى ملف PNG شفاف
تظهر الحاجة إلى خلفية شفافة في حالات محدّدة ومتكرّرة:
- شعار على خلفية ملوّنة: وهي الحالة الأكثر شيوعًا. الشعار المحفوظ بخلفية بيضاء يُنتج مستطيلًا أبيض ظاهرًا فوق أي خلفية غير بيضاء: شريحة ملوّنة، أو موقع بترويسة داكنة، أو غلاف عرض تقديمي، أو بطاقة تعريف بخلفية ملوّنة.
- صورة منتج للتجارة الإلكترونية: صور المنتجات ذات الخلفية الشفافة يمكن تركيبها فوق أي لون خلفية في المتجر: أبيض في Amazon، ورمادي في بعض المنصات، ولون موسمي في الحملات.
- ملصقات ورموز مخصّصة: ملصقات واتساب وتيليجرام وسلاك تتطلّب PNG شفافة إلزاميًّا، والمقاس المعياري هو PNG بحجم 512×512 بكسل بخلفية شفافة.
- توقيع ممسوح ضوئيًّا: مسح توقيع على ورق ثم إزالة الخلفية البيضاء يعطيك PNG شفافة يمكن إدراجها في المستندات والعقود الرقمية دون ظهور مستطيل الورقة.
- أيقونات ورسوم للمواقع: عناصر رسومية عليها أن تتلاءم مع أقسام مختلفة من الموقع بخلفيات متنوّعة.
- التركيب فوق الفيديو والعروض: الشعارات والعلامات المائية التي تُركَّب فوق الفيديو في Premiere أو CapCut أو DaVinci، وفوق الشرائح في PowerPoint أو Keynote.
الطريقة 1 — إزالة الخلفية تلقائيًّا بالذكاء الاصطناعي (الأسرع)
في معظم الحالات — الشعارات وصور المنتجات والتوقيعات والأيقونات — تعطيك أداة إزالة الخلفية التلقائية النتيجة في ثوانٍ بلا أي تحرير يدوي. وأداة إزالة الخلفية من ImageTools تستخدم الذكاء الاصطناعي للتعرّف على الموضوع الرئيسي في الصورة وإزالة كل ما حوله، ثم تسلّمك النتيجة بصيغة PNG بقناة ألفا مباشرةً.
- افتح أداة إزالة الخلفية.
- ارفع الصورة (JPG أو PNG أو WebP)، فيعالجها الذكاء الاصطناعي تلقائيًّا.
- راجع النتيجة في المعاينة — مربّعات الشطرنج تدلّ على المناطق الشفافة.
- نزّل الملف بصيغة PNG بخلفية شفافة، وهو جاهز للاستخدام في أي سياق.
تجري العملية بالكامل على جهازك: الصورة لا تُرسل إلى أي سيرفر خارجي، وكل المعالجة تحدث داخل متصفحك.
أنشئ ملف PNG شفافًا الآن — في ثوانٍ
بلا تسجيل وبلا علامة مائية. يدعم الشعارات وصور المنتجات والتوقيعات وأي نوع من الصور.
أزل الخلفية مجانًاالطريقة 2 — تحويل الصورة إلى PNG بقناة ألفا
إن كانت لديك صورة PNG بخلفية شفافة أصلًا — شعار مُصدَّر بشكل صحيح من برنامج تصميم مثلًا — لكنك تحتاج التحويل من صيغة أخرى، فإن محوّل الصور من ImageTools يحوّل JPG وWebP وغيرها إلى PNG مع الحفاظ على قناة الألفا أو إضافتها.
ويجدر التنبيه: تحويل JPG إلى PNG لا يخلق شفافية لم تكن موجودة، لأن ملف JPG لا يحمل هذه المعلومة أصلًا. كل ما يفعله التحويل هو تغيير صيغة الملف إلى PNG التي تدعم الشفافية، لكن الخلفية تبقى بيضاء إن كانت بيضاء في الأصل. ولصناعة شفافية حقيقية استخدم الطريقة 1 (إزالة الخلفية) أو الطريقة 3 (التحرير اليدوي).
الطريقة 3 — التحرير اليدوي في Photoshop أو GIMP
في الحالات الأكثر تعقيدًا — صور بخلفية غير موحّدة، أو تدرّجات لونية، أو حين تحتاج تحكّمًا دقيقًا في ما يبقى وما يُزال — يكون التحرير اليدوي في برنامج صور هو الطريق.
في Photoshop
- افتح الصورة في Photoshop.
- إن كانت الخلفية «مقفلة» (أيقونة قفل على الطبقة)، فانقر نقرًا مزدوجًا على الطبقة وأكّد لفتح القفل.
- للخلفيات الصلبة: استخدم تحديد ← نطاق الألوان، ثم انقر على الخلفية واضبط قيمة التسامح واحذف التحديد.
- للتحديد الدقيق: استخدم أداة الحبل المغناطيسي أو التحديد السريع لتحديد الموضوع، ثم اعكس التحديد (Shift+Ctrl+I) واحذفه.
- اذهب إلى ملف ← تصدير ← تصدير باسم، واختر PNG، وتأكّد من تحديد خيار الشفافية.
في GIMP (مجاني)
- افتح الصورة في GIMP.
- اذهب إلى صورة ← تسطيح الصورة ثم إلى صورة ← الوضع ← RGB.
- أضف قناة الألفا: ليس من صورة ← تسطيح الصورة، بل من طبقة ← الشفافية ← إضافة قناة ألفا.
- استخدم أدوات ← أدوات التحديد ← تحديد باللون لتحديد الخلفية.
- احذف التحديد (مفتاح Delete)، فتصبح الخلفية شفافة وتظهر مربّعات الشطرنج.
- صدّر الملف: ملف ← تصدير باسم، واختر PNG، ثم أكّد الخيارات.
كيف تتحقّق من أن خلفية PNG شفافة فعلًا
ليست كل صورة PNG بخلفية شفافة؛ فقد تُحفظ بخلفية بيضاء صلبة وتبقى اسمها PNG. وطريقة التحقّق هي النظر إلى خلفية الصورة: إن ظهرت مربّعات شطرنج رمادية وبيضاء فالشفافية موجودة، وإن ظهر أبيض صلب فالخلفية معتمة.
طرق أخرى للتحقّق:
- Windows 11: افتح الملف في تطبيق الصور الافتراضي. خلفية بمربّعات الشطرنج = شفافة.
- Mac (Preview): افتح الملف. ظهور مربّعات الشطرنج في المعاينة = شفافة.
- المتصفح: افتح ملف PNG مباشرةً في Chrome أو Firefox. مربّعات الشطرنج = شفافة، وأبيض صلب = معتمة.
- Canva أو Google Slides: أدرج الملف في شريحة بخلفية ملوّنة. إن «اختفت» خلفية الصورة وظهر المحتوى الرئيسي وحده، فهي شفافة.
🔍 اختبار سريع: ضع الملف فوق خلفية سوداء في Canva أو PowerPoint. إن ظهر مستطيل أبيض حول الصورة فخلفيتها ليست شفافة، وإن «طفت» الصورة فوق السواد بلا حدود فهي شفافة كما يجب.
كيف تستخدم PNG الشفافة في سياقات مختلفة
في المواقع (HTML/CSS)
تعمل صورة PNG الشفافة مباشرةً داخل وسم <img>، والخلفية الشفافة تتلاءم تلقائيًّا مع خلفية الصفحة أو العنصر الأب:
<!-- The logo adapts to any background on the site -->
<img src="logo.png" alt="Company logo" width="200" height="80">في Word وGoogle Docs
أدرج الصورة كما تفعل عادةً. يتعرّف Word وGoogle Docs على شفافية PNG تلقائيًّا، فيظهر الشعار فوق النص أو فوق خلفية المستند بلا مستطيل أبيض.
في PowerPoint وGoogle Slides
أدرج الصورة من إدراج ← صورة. تُحفَظ الشفافية كما هي، فتبدو صورة PNG «طافية» فوق الشريحة، ويظهر لون الخلفية وتصميمها من خلال المناطق الشفافة.
في واتساب (الملصقات)
لإنشاء ملصقات واتساب يجب أن يكون الملف بصيغة PNG بخلفية شفافة وبمقاس 512×512 بكسل. أنشئ الصورة، ثم أزل خلفيتها بـأداة إزالة الخلفية، وغيّر مقاسها إلى 512×512 بكسل بـأداة تغيير الحجم، ثم استوردها في تطبيق ملصقات مثل WhatsApp Stickers Creator.
في الفيديو (CapCut وPremiere وDaVinci)
تتعرّف برامج تحرير الفيديو على قناة ألفا في PNG وتعرض المناطق الشفافة كمواضع تظهر فيها الطبقات السفلى. وهذا مثالي لإضافة الشعارات كعلامة مائية على الفيديو بلا خلفية صلبة.
الشفافية الجزئية وشبه الشفافية
لا تكتفي قناة الألفا في PNG بالشفافية الكاملة (ألفا = 0) أو العتامة الكاملة (ألفا = 255)، بل تدعم المستويات الـ 256 بينهما جميعًا. وهذا يتيح تأثيرات مثل:
- ظلال ناعمة: يمكن أن يكون ظلّ الجسم شبه شفاف، وكلما بعُد عن الجسم زادت شفافيته، فيتكوّن تدرّج طبيعي.
- حواف منعّمة: حواف الأيقونة الدائرية أو النص ذي الحروف المستديرة تحتوي بكسلات شبه شفافة تخلق إحساسًا بالنعومة فوق أي خلفية.
- تأثيرات الزجاج والضباب: عناصر واجهة شبه شفافة، شائعة في واجهات macOS وWindows الحديثة.
وتُحفَظ شبه الشفافية هذه حين يُحفظ الملف بصيغة PNG بقناة ألفا كما يجب — ولهذا بالضبط تبدو الشعارات ذات الحواف المستديرة حادّة فوق أي خلفية بصيغة PNG، بينما تظهر حوافها مسنّنة أو محاطة بهالة بيضاء إذا حُفظت بصيغة JPG.
أخطاء شائعة مع PNG الشفافة
الحفظ بصيغة JPG بعد صناعة الشفافية
هذا أكثر الأخطاء تكرارًا. فإن أزلت خلفية صورة ثم حفظت النتيجة بصيغة JPG، تختفي الشفافية لأن JPG تملأ كل المناطق الشفافة بالأبيض. لا بدّ دائمًا من حفظ الملف النهائي بصيغة PNG أو WebP للحفاظ على قناة الألفا.
ضغط ملف PNG بطريقة تُلغي قناة الألفا
بعض أدوات الضغط تحوّل ملفات PNG إلى JPG تلقائيًّا لتصغير الحجم أكثر. تحقّق دائمًا من أن الضغط جرى كما يجب: فإن كان الملف الناتج بصيغة JPG فقد فُقدت الشفافية.
الخلط بين الخلفية البيضاء والخلفية الشفافة
ملف PNG بخلفية بيضاء صلبة وملف PNG بخلفية شفافة يبدوان متطابقين تمامًا فوق خلفية بيضاء، وتظهر المشكلة حين تستخدم الصورة فوق أي خلفية أخرى. تحقّق دائمًا من الشفافية بوضع الصورة فوق خلفية ملوّنة قبل الاستخدام.
إرسال PNG شفافة إلى سياقات لا تدعم الشفافية
ليست كل الوجهات تقبل الشفافية أو تحفظها. فرسائل HTML في برامج البريد القديمة، وبعض الطابعات، وحقول رفع معيّنة في منصات قديمة، تستبدل الخلفية الشفافة بأسود أو أبيض. في هذه السياقات صدّر نسخة بخلفية صلبة مناسبة للوجهة.