شفافية الصورتُظهر المناطق الشفافة الخلفية من خلالها. تحقق من احتفاظ التنسيق والوجهة بقناة ألفا؛ فلا يدعم JPEG العادي الشفافية. أساسيات تنسيقات الملفاتالتنسيقات i?01 · 02 FORMAT ATLAS التنسيقاتPNGPNG صيغة صور نقطية غير فقدية تدعم شفافية ألفا.WebPWebP صيغة صور موجهة لتسليم الويب. يمكنها استخدام الضغط الفقدي أو غير الفقدي وتدعم شفافية ألفا والرسوم المتحركة.AVIFAVIF صيغة صور ثابتة مبنية على مواصفة AV1 Image File Format. وهي خيار لموازنة حجم الصورة وجودتها على الويب، وليست بديلاً تلقائياً لـ JPEG أو WebP.SVGSVG تنسيق متجهي قائم على XML. تبقى حوافه واضحة عند التحجيم، لذا يناسب الشعارات والأيقونات والمخططات لا الصور الفوتوغرافية العادية.GIFGIF صيغة صور يمكن أن تحتوي على إطارات متعددة وتستخدم عادة للرسوم المتحركة القصيرة المتكررة. تناسب لوحة ألوانها المحدودة المخططات البسيطة والشرح القصير أكثر من الصور الفوتوغرافية أو الحركة الطويلة.مقارنةJPEG أم PNGيستخدم JPEG عادةً ضغطاً فاقداً ويناسب كثيراً من الصور الفوتوغرافية، بينما يحفظ PNG قيم البكسل دون فقد ويدعم الشفافية. يعتمد الاختيار على محتوى الصورة ومتطلبات التحرير والوجهة.PNG مقابل WebPيمكن لكل من PNG وWebP دعم الشفافية. PNG تنسيق واسع الدعم دون فقد، بينما يساعد WebP على تحسين التوصيل عبر الويب ويمكنه أيضاً دعم الرسوم المتحركة. قارن ملفات فعلية والمتصفحات المستهدفة.أدلةاختيار تنسيق لصورة شفافةعند الحاجة إلى الشفافية، حدد هل تريد شفافية جزئية أو تفاصيل فوتوغرافية أو رسومات متجهة قابلة للتكبير، ثم تحقق من دعم الوجهة.اختيار تنسيق لصور الويبحدد أولًا نوع الصورة والمتصفحات والأدوات التي يجب أن تدعمها قبل اختيار تنسيق الويب.تنسيقات ومواد ذات صلةالصور النقطية والمتجهيةتخزن الصور النقطية وحدات البكسل، وتصف الصور المتجهية الأشكال. تلائم الصور النقطية التصوير غالباً، وتفيد المتجهات في الشعارات والرسوم التي تتغير أحجامها.المراجع والمواصفاتW3C — Portable Network Graphics (PNG) Specification (Third Edition)Google — WebP Container SpecificationW3C — SVG 2