مقارنة
PNG مقابل SVG
PNG صورة نقطية مكوّنة من بكسلات، أما SVG فيصف أشكالاً متجهية يمكن تغيير حجمها دون شبكة بكسلات ثابتة. اختر وفق ما إذا كان الأصل صورة بكسلية أو رسوماً هندسية ينبغي أن تبقى واضحة بأحجام مختلفة.
أي تنسيق يجب أن تختار؟
استخدم PNG للقطات الشاشة والرسوم النقطية الجاهزة والتوافق الواسع؛ واستخدم SVG للشعارات والأيقونات والمخططات القابلة للتوسيع بعد فحص سلامة المصدر.
مناسب لـ PNG
رسومات الواجهة · لقطات الشاشة · الصور الشفافة
- الصور التي تحتاج إلى شفافية
- النصوص والرسوم الخطية
مناسب لـ SVG
الشعارات والأيقونات والمخططات
- الرسوم القابلة للتحجيم
- الأشكال القابلة للتحرير
المعلومات الأساسية
| البند | PNG | SVG |
|---|---|---|
| الامتداد | .png | .svg |
| نوع MIME | image/png | image/svg+xml |
| الاستخدامات الشائعة | رسومات الواجهة · لقطات الشاشة · الصور الشفافة | الشعارات والأيقونات والمخططات |
| طريقة الفتح | تستطيع معظم عارضات النظام ومتصفحات الويب ومحررات الصور فتح ملفات PNG. | افتح SVG في متصفح أو محرر متجهات أو عارض متوافق. |
| التصدير أو التحويل | حوّل إلى JPEG فقط عندما لا تعود الشفافية والجودة غير الفقدية مطلوبة. احتفظ بملف PNG الأصلي. | صدّر PNG عند الحاجة وافحص الحجم والخطوط واللون والشفافية. |
الاختيار حسب الاستخدام
الصور التي تحتاج إلى شفافية
رسومات الواجهة · لقطات الشاشة · الصور الشفافة
PNGالنصوص والرسوم الخطية
رسومات الواجهة · لقطات الشاشة · الصور الشفافة
PNGالرسوم القابلة للتحجيم
الشعارات والأيقونات والمخططات
SVGالأشكال القابلة للتحرير
الشعارات والأيقونات والمخططات
SVGنقطة أساسية 1
يخزن PNG البكسلات ويحظى بدعم واسع للصور النقطية.
مزيد من التفاصيل حول الاختلافاتنقطة أساسية 2
يصف SVG أشكالاً متجهية يمكن توسيعها بوضوح عندما يسمح المحتوى.
مزيد من التفاصيل حول الاختلافاتمزيد من التفاصيل حول الاختلافات
اختبر الأصل بأحجام العرض الفعلية وافحص الشفافية والخطوط والتأثيرات بعد التحويل. تعامل مع SVG من مصادر خارجية كمحتوى نشط وافحصه قبل تضمينه.
- يناسب PNG الصور المكتملة بالبكسلات ولقطات الشاشة.
- يفيد SVG الشعارات والأيقونات التي تحتاج إلى أحجام متعددة.
- قد تظهر التأثيرات المعقدة بصورة مختلفة بين أدوات SVG والمتصفحات.
الأسئلة الشائعة
هل ينبغي أن يكون كل شعار بصيغة SVG؟
غالباً ما يناسب SVG الشعارات القابلة للتوسيع، لكن تحقق من دعم العارض ومحتوى المصدر. احتفظ ببديل نقطي إذا تطلب سير العمل ذلك.