PNG مقابل SVG.

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

صورة محدد PNG مقابل SVG

ما ستتعلمه.

 

  • ما هو ملف PNG؟
  • ما هو ملف SVG؟
  • ما الفرق بين ملفات PNG وSVG؟
  • ملفات PNG مقابل SVG: الأسئلة الشائعة

 

 

ما هو ملف PNG؟

ملفات PNG (Portable Network Graphics) هي ملفات مستندة إلى النقاط. تتسم بدقتها المرتفعة والضغط غير المُهدر للبيانات والشفافية والقدرة على التعامل مع 16 مليون لون. وهذا يجعلها اختيارًا مثاليًا للرسومات والشعارات والمخططات والرسوم التوضيحية؛ هذا بالإضافة إلى الصور الفوتوغرافية المفصلة. ونظرًا لأحجام الملفات الكبيرة المقترنة بملفات PNG، فلا تعتبر مثالية للصور عبر الإنترنت.

 

معرفة المزيد حول ملفات PNG

 

 

ما هو ملف SVG؟

تعمل ملفات Scalable Vector Graphics (SVG) بشكل جيد مع الشعارات والرسومات وذلك لقدرتك على زيادة حجمها أو تقليله ليلائم أغراض مختلفة. كما أنها اختيار شائع في تصميم الويب وذلك لقدرة محركات البحث مثل Google على قراءة لغة برمجتها XML. يساعد هذا في تحسين محركات البحث وتصنيفات مواقع الويب.

 

على عكس ملفات PNG، تستند ملفات SVG إلى vector. وهذا يعني أنها تستخدم خوارزميات رياضية لعرض الصور، التي يمكنك تغيير حجمها لاحقًا لتناسب أي حجم دون التأثير سلبًا على جودتها.

 

معرفة المزيد حول ملفات SVG

 

 

ما الفرق بين ملفات PNG وSVG؟

هناك الكثير من القواسم المشتركة بين ملفات PNG وSVG. اطلع على ما يميز كلاً منهما عن الآخر.

 

النقطية مقابل vector.

في الغالب الفرق الأساسي بين ملفات PNG وSVG هو أن أحدهما نوع ملف نقطي والآخر vector.

 

ملف PNG هو تنسيق صورة نقطي؛ أي أنه يستند إلى البكسل. وعند تكبير صورة نقطية إلى درجة كبيرة جدًا، تصبح محببة ومبكسلة. وبالمثل، إذا كانت الصورة صغيرة جدًا، يمكن أن تصبح غير واضحة. بينما تستطيع ملفات PNG التعامل مع الدقة المرتفعة جدًا، إلا أنه لا يمكن تمديدها بدرجة لا نهائية.

 

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

 

اكتشاف المزيد حول الملفان النقطية مقابل Vector

 

أحجام الملفات.

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

 

تعتبر ملفات SVG أصغر بكثير من ملفات PNG، ولا تؤدي إلى إبطاء سرعة جهاز الكمبيوتر أو موقع الويب الذي تعمل عليه. (على الرغم من هذا، قد تؤدي التصميمات ذات التفاصيل الكثيرة إلى إبطاء سرعة ملف SVG.) نظرًا لأنه تنسيق ملف vector، يمكنك زيادة حجم ملفات SVG أو تقليله دون فقد في الجودة.

 

الضغط.

تقدم ملفات SVG ضغطًا غير مُهدر للبيانات مما يعني أنه يمكن ضغطها إلى أحجام ملفات أصغر دون تأثير في تعريفها أو تفاصيلها أو جودتها.

 

كما تستفيد ملفات PNG من الضغط غير المُهدر للبيانات بنسبة 5-20%، مما يمكن أن يساعد في التعويض عن حجم الملف الكبير الذي تتسم به. وعلى الرغم من هذا، لا تزال تعتبر أكبر من ملفات SVG.

 

تصوير فوتوغرافي.

لا تعتبر ملفات PNG اختيارًا شائعًا لصور الويب، كما ذكرنا آنفًا. وعلى الرغم من هذا، يمكنها التعامل مع الصور الرقمية ذات التفاصيل الكثيرة والجودة المرتفعة للطباعة والتحرير وغيرها من الأغراض. فهي تنسيق ملف شائع في Adobe Photoshop.

 

وعلى الجانب الآخر، فإن ملفات SVG لا تستخدم البكسلات ولهذا فإنها تكافح لعرض الصور الفوتوغرافية وفقًا لمعايير مرتفعة.

 

استخدام الويب.

تستطيع كلا ملفات PNG وSVG عرض مستويات معقدة من التفاصيل لرسومات الويب والرسوم التوضيحية والشعارات ومخططات المعلومات والجداول.

 

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

 

ملفات SVG أيضًا تكون أصغر في الغالب، مما يجعل تحميلها على الصفحة أسرع. تعتبر أوقات تحميل الصفحة عنصرًا هامًا آخر لتصنيفات محركات البحث.

 

تدعم ملفات PNG أيضًا الرسومات المستندة إلى النص لكن ليس بنفس القدر.

 

التوافق التعقد.

تعتبر ملفات SVG أنواع ملفات أكثر تقدمًا من ملفات PNG، إلا أنها غير متوافقة حقًا مع كل مستعرض ونظام تشغيل. بالإضافة إلى هذا، فإن لغة برمجتها وتراكبها المستند إلى vector قد يكون غير مألوف لدى المستخدمين الجُدد ومخيفًا بالنسبة لهم.

 

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

 

الرسوم المتحركة.

ملفات PNG لا تدعم الرسوم المتحركة؛ وذلك على عكس ملفات الصور المشابهة المستندة إلى النقاط، وهي ملفات GIF.

 

لا تدعم ملفات SVG الرسوم المتحركة، ولكي ليس بنفس القدر في أنواع الملفات الأخرى مثل تنسيق AI الأصلي في Adobe Illustrator.

 

معرفة المزيد حول ملفات AI

 

الشفافية.

تدعم ملفات PNG وSVG الشفافية وبهذا يعتبر كلاهما اختيارًا رائعًا للرسومات والشعارات عبر الإنترنت.

 

من الجدير بالذكر أن ملفات PNG أفضل اختيار للملفات الشفافة المستندة إلى النقاط. إذا كنت تعمل على بكسلات وشفافية، تعتبر ملفات PNG خيارًا أفضل من SVG.

 

 

ملفات PNG مقابل SVG: الأسئلة الشائعة.

كيف يمكن تحويل صورة نقطية إلى SVG؟

لتحويل ملف صورة نقطية قياسية مثل JPEG أو PNG إلى ملف SVG يستند إلى vector، اتبع هذه الخطوات البسيطة:

 

  1. افتح Adobe Illustrator.
     
  2. انقر فوق File (ملف) > Open (فتح) وحدد الصورة من جهاز الكمبيوتر لديك.
  3. انقر فوق Open (فتح).
     
  4. انقر فوق الخيار Trace (تتبع) من القائمة العلوية وحدد Image Trace (تتبع الصورة).
  5. اضبط التحويل وفقًا لمواصفاتك الخاصة قد يشمل هذا تغيير اللون.
  6. بعد اكتمال العملية، حدد الصورة التي يتم تتبعها وانقر فوق Ungroup (إلغاء التجميع). سيؤدي هذا إلى فصل أشكال اللون.
  7. انقر فوق File (ملف) > Export (تصدير).
  8. احفظ الملف بتنسيق SVG.

 

كيف يمكن تحويل ملف SVG إلى PNG؟

اتبع هذه الخطوات البسيطة لتحويل ملف SVG إلى PNG باستخدام Adobe Photoshop:

 

  1. افتح Adobe Photoshop.

  2. انقر فوق File (ملف) > Open (فتح).
  3. حدد ملف SVG من جهاز الكمبيوتر لديك.
  4. انقر فوق Export (تصدير) > Export As (تصدير بتنسيق) > PNG.
     
  5. احفظ الملف بتنسيق PNG.

 

ما أفضل ملف vector للطباعة؟

هناك العديد من ملفات vector الرائعة لاستخدامات الطباعة، وبهذا يعتمد اختيارك على المستند. تعتبر ملفات PDF أكثر تنسيقات vector تنوعًا لاستخدامات الطباعة اليومية. بالنسبة لأعمال الطباعة الضخمة، قد تختار ملف SVG أو AI.

 

هل يجب استخدام PNG أم JPEG؟

يؤدي ما تتسم به ملفات JPEG من الضغط غير المُهدر للبيانات والألوان بدقة 24 بت إلى تمييزها وجعلها ملف الصورة الشائع لصور الويب. وعلى الرغم من هذا، فإن ملفات JPEG ليست بنفس القدر من التفاصيل الذي تتسه به ملفات PNG عندما يتعلق الأمر بالطباعة. وكذلك، فإن ملفات JPEG لا تتسم بنفس قدرات تغيير الحجم أو التعريف؛ وبهذا فإنها أفضل اختيار للشعارات والرسومات.

 

ما الفرق بين PNG وGIF؟

بينما يعتبر كلاهما تنسيقا ملف نقطي قياسي عبر الويب، فإن ملف PNG يعتبر في الأساس الإصدار المتطور من GIF. إلا أن هناك العديد من الاختلافات بينهما؛ فعلى سبيل المثال، لا تدعم ملفات PNG الرسوم المتحركة.

 

هل تطبق قيود الحجم على ملفات PNG وSVG؟

تخضع ملفات PNG لقيود حجم تبلغ 2,500 ميجابكسل. وليس هناك أي قيود على حجم ملفات vector، بما في ذلك SVG.

قارن بين ملفات PNG وSVG وأنواع الملفات الأخرى.

صورة EPS مقابل SVG

EPS مقابل SVG

اطلع على مقارنة بين تنسيق الملف الأقدم، EPS، مع ملف SVG.

صورة JPEG مقابل PNG

JPEG مقابل PNG

تعرف على الخيار المناسب من بين ملفات الصور النقطية القياسية هذه.

صورة PNG مقابل TIFF

PNG مقابل TIFF

اكتشف كيفية إدارة هذه الملفات للصور ذات الدقة المرتفعة والنطاق الكبير. 

صورة GIF مقابل PNG

GIF مقابل PNG

تعرّف على الأسباب التي تجعل من PNG الإصدار المتطور من GIF؛ وما إذا كان مناسبًا لمشروعك القادم.

احصل على Adobe Illustrator

تمتع بتصميم عمل فني متجه وتوضيحات رائعة.

7 أيام مجانًا ثم SR 90.48/الشهر.