Sat Mar 28 2026 20:00:00 GMT-0400 (北美东部夏令时间)

كيفية إنشاء صور بخلفية شفافة (PNG, WebP, التنسيقات)

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

كيفية إنشاء صور بخلفية شفافة (PNG, WebP, التنسيقات)

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

يسمح لك الخلفية الشفافة بوضع قصاصة على أي خلفية — أبيض لسوق إلكتروني، أو لون علامة تجارية لإعلان، أو صورة لتصميم. لكن الشفافية هي ميزة تنسيق (format feature)، وليست أمراً مفروغاً منه: لا يمكن لـ JPEG القيام بذلك على الإطلاق، بينما يمكن لـ PNG و WebP ذلك. يغطي هذا الدليل التنسيقات التي تدعم الشفافية، وكيفية إنشاء صورة شفافة، ومتى تستحق الشفافية الخطوات الإضافية.

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

قم بإزالة الخلفية إلى قناة ألفا (alpha channel) واحفظها بتنسيق يدعمه. القاعدة العملية هي:

الهدف استخدم لماذا
صورة ويب شفافة، صغيرة الحجم WebP (alpha) أصغر من PNG، ومدعوم من جميع المتصفحات الحديثة
صورة شفافة، أقصى توافقية PNG (alpha) دعم عالمي، وخالية من الفقدان (lossless)
صورة فوتوغرافية بدون شفافية JPEG الأصغر للصور الفوتوغرافية، ولكن لا يحتوي على قناة ألفا
شعار/متجه بشفافية SVG قابل للتوسع، صغير الحجم، والشفافية مدمجة به

استخدم Background Remover للحصول على القصاصة، ثم قم بالتصدير كـ PNG أو WebP. لمعرفة كيفية عمل الإزالة، راجع AI background removal guide.

ما هي تنسيقات الصور التي تدعم الشفافية؟

تأتي الشفافية من قناة ألفا (alpha channel) — وهي قيمة عتامة لكل بكسل إلى جانب لون RGB. لا يحتوي كل تنسيق على قناة ألفا:

التنسيق قناة ألفا (الشفافية) يستخدم لـ
PNG نعم (8-bit) الصور الشفافة العالمية، الشعارات، واجهات المستخدم (UI)
WebP نعم (مفقود ومحافظ على البيانات) صور شفافة أصغر للويب
AVIF نعم أصغر الصور الشفافة، والمتصفحات الحديثة
GIF نعم (1-bit، تشغيل/إيقاف) الحواف الصلبة فقط؛ لا يوجد شفافية شبه كاملة
SVG نعم (متجه) الشعارات، الأيقونات، الرسوم التوضيحية
JPEG لا للصور الفوتوغرافية فقط؛ يسطح إلى خلفية صلبة
BMP لا نادر على الويب

يُظهر المخطط أعلاه الفرق: يحتفظ PNG و WebP بالنمط الشبكي (الشفاف)؛ بينما يملأ JPEG المنطقة باللون الأبيض لأنه لا يحتوي على قناة ألفا. لهذا السبب، فإن تصدير خلفية أزيلت كـ JPEG يدمر الشفافية — وهو الخطأ الأكثر شيوعاً.

كيف تعمل قناة ألفا؟

يحتوي كل بكسل في PNG/WebP ذي قناة ألفا على أربع قيم: الأحمر والأخضر والأزرق والألفا (RGBA). الألفا هي العتامة (opacity) — تعني 0 شفافية كاملة، وتعني 255 عتامة كاملة، والقيم بينهما شفافة جزئياً. التكوين الذي تراه هو القصاصة الممزوجة فوق أي شيء خلفها.

مفهوم قناة ألفا: لون RGB بالإضافة إلى قناع ألفا يساوي الصورة الشفافة المركبة

تعتبر البكسلات شبه الشفافة مهمة للحواف الناعمة — مثل الشعر، أو الفراء، أو الظلال، أو النصوص المضادة للالتواء (anti-aliased text). التنسيق الذي يحتوي على شفافية 1-bit فقط (GIF) يجعل تلك الحواف مسننة أو ذات هالة؛ بينما يحافظ PNG و WebP على نعومتها. يشرح MDN alpha channel reference كيفية عمل تركيب قناة ألفا في المتصفحات.

كيف تنشئ صورة شفافة؟

  1. ابدأ بالموضوع بخلفية بسيطة قدر الإمكان. الخلفية البيضاء أو الخضراء الصلبة أسهل بكثير للإزالة النظيفة من المشهد المزدحم.
  2. قم بإزالة الخلفية. استخدم Background Remover للإزالة التلقائية، أو أداة CLI مثل rembg للكميات الكبيرة (batches).
  3. صدر كـ PNG أو WebP، وتجنب JPEG أبداً. تأكد من أن المصدر يحافظ على قناة ألفا.
  4. افحص الحواف عند 200% — ابحث عن الهالات (بقايا الخلفية) والفجوات (الموضوع المفقود).
  5. اختبر على خلفية متباينة لتأكيد أن الشفافية حقيقية، وليست مجرد أبيض-على-أبيض.

للحصول على قصاصة منتج نظيفة، تسقط النتيجة على أي خلفية:

قصاصة منتج شفافة واحدة موضوعة على نمط شبكي، وخلفيات بيضاء وزرقاء علامة تجارية وباستيل

هذا إعادة الاستخدام هو الهدف بالكامل: تصبح القصاصة الواحدة صورة لسوق إلكتروني، وإعلان إبداعي، ومنشور اجتماعي دون الحاجة لإعادة التصوير. راجع background removal use cases لمعرفة المجموعة الكاملة من حالات الاستخدام.

كيف تزيل الخلفية برمجيًا؟

لكميات كبيرة (batch)، يقوم rembg (وهو غلاف CLI حول U2-Net) بتصدير ملفات PNG شفافة:

pip install rembg
## صورة واحدة
remgb i input.jpg output.png
## مجلد كامل
rembg p input_dir/ output_dir/

باستخدام ImageMagick وخلفية بسيطة، تعمل إزالة عتبة التمويه (fuzz-threshold) للحالات البسيطة:

## إزالة البيكسلات القريبة من الأبيض لتصبح شفافة (جيد لصور المنتجات على خلفية بيضاء)
magick input.jpg -fuzz 15% -transparent white output.png

تفشل طريقة التمويه في الخلفيات المزدحمة أو الشعر — استخدم أداة إزالة تعتمد على النماذج (rembg) لتلك الحالات. راجع background remover tools comparison لمعرفة الأداة المناسبة لكل مهمة.

PNG أم WebP للصور الشفافة؟

كلاهما يدعم قناة ألفا الكاملة، لذا يعتمد الاختيار على الحجم والتوافقية:

التنسيق ملف شفاف (نموذجي) دعم المتصفح متى تختار
PNG أكبر حجماً 100% أقصى توافقية، البريد الإلكتروني، الأرشيفات
WebP أصغر بنسبة ~20–40% ~98% صفحات الويب التي تهم فيها البايتات

لصفحة ويب، قم بتوفير WebP مع احتياطي PNG في عنصر <picture>. للبريد الإلكتروني، استخدم PNG — فما زالت العديد من عملاء البريد الإلكتروني لا تعرض WebP. يغطي image format guide المقايضة الكاملة.

متى يجب تجنب الشفافية؟

الشفافية ليست دائماً الخيار الصحيح. تجنبها عندما:

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

الأخطاء الشائعة

  • التصدير كـ JPEG. لا يحتوي JPEG على قناة ألفا؛ وتصبح المنطقة الشفافة لديك بيضاء. استخدم PNG أو WebP.
  • ترك هالة (halo). تظهر بقايا خلفية خافتة على خلفية جديدة. قم بتصغير/إزالة الهالة بمقدار 1–2px.
  • استخدام GIF للحواف الناعمة. GIF شفافيته 1-bit؛ ويصبح الشعر والظلال مسننة. استخدم PNG/WebP.
  • الضغط المفرط على قناة ألفا. قد تقلل بعض أدوات التحسين العدوانية من قناة ألفا؛ تحقق من الحواف بعد التحسين.
  • عدم الاختبار على خلفية متباينة. يخفي الأبيض على الأبيض إزالة فاشلة. قم دائماً المعاينة على خلفية داكنة أو ملونة.

الأسئلة المتكررة

ما هي تنسيقات الصور التي تدعم الشفافية؟

PNG (خالٍ من الفقدان، عالمي)، WebP (مفقود أو محافظ على البيانات، أصغر)، و SVG (متجه). لا يدعم JPEG الشفافية — ويحصل قصاصة JPEG على خلفية قسرية. استخدم PNG للنسخ الأصلية (masters)، وWebP لتسليم الويب.

كيف أجعل الصورة شفافة؟

قم بإزالة الخلفية لإنشاء قناة ألفا، ثم قم بالتصدير كـ PNG أو WebP. يمكن أن تكون الإزالة تلقائية (AI) أو يدوية (mask). راجع background removal guide.

PNG أم WebP للصور الشفافة؟

WebP لتسليم الويب (أصغر، يدعم ألفا)؛ وPNG للنسخ الأصلية وأقصى توافقية. قم بتوفير WebP مع احتياطي PNG من خلال عنصر <picture> حتى تحصل المتصفحات الأقدم على الشفافية.

كيف تعمل قناة ألفا؟

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

ما هي الهالة المطفيّة (matte fringe) وكيف أزيلها؟

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

ما هي قناة ألفا؟

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

كيف أضيف شفافية إلى JPEG؟

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

هل يمكنني جعل JPEG شفافًا؟

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

تنسيق مسطح لنردين شفافة حمراء وزرقاء على خلفية بيضاء، مثالية لمواضيع ليالي الألعاب.

مصادر الصور (Image credits)

  • مقارنة شفافية التنسيقات، والقصاصة على الخلفيات، ومفهوم قناة ألفا — تم إنشاؤه بواسطة المؤلف من صورة منتج أحذية رياضية (Pexels #1461048، صورة بواسطة Ray Piedra) لإظهار الشفافية الحقيقية عبر التنسيقات والخلفيات.

استخدم الأدوات المجانية أثناء متابعة الدليل.