You dont have javascript enabled! Please enable it!
خـبر عــاجـل

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

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

تنسيق الصور من نوع SVG

هو اختصار لـ Scalable Vector Graphics أي الرسومات المتجهة القابلة لتغيير حجمها. حيث يتم إنشاء هذا النوع من الصور من خلال برامج مخصصة للرسم المتجه مثل Sketch و  برنامج اليستريتور 2022، أو باقي الإصدارات المختلفة مثل  Adobe Illustrator 2021.

ويُستَخدم  تنسيق SVG،  لعرض الصور المعتمدة على الأشعة الرياضية فهو يحصل على بيانات مسار الشعاع ويحولها إلى تعليمات بلغة XML لعرضها داخل مستعرض الويب.

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

 

مميزات تنسيق الصور SVG

 

  • دعم تكبير الحجم بشكل غير محدود.
  • يمكن تعديل كل عنصر في الصورة أو تحريكه.
  • حجم ملف الصورة صغير.

لذلك ننصح باستخدام تنسيق SVG لعرض صور شعار الموقع والأيقونات والصور المرسومة ببرامج الرسم المتجه، بواسطة

تنسيق الصور من نوع PNG

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

حيث تم ابتكار تنسيق الصور من نوع PNG عام 1994 ليكون تنسيقاً للصور لا يوجد فيه فقدان بيانات عند الضغط. وهو يعتمد على البيانات النقطية ويدعم فضاء ألوان 32 بت (ما يعادل 16 مليون لون إجمالي) و 256 مستوى من الشفافية.

في حين يدعم تنسيق GIF كحد أقصى ( 256 لون إجمالي) ومستويين فقط من الشفافية هما 0 أو 100. وهذا يعني أنه يمكن استخدام صور PNG بشفافية جزئية وجعلها تتداخل مع العناصر الأخرى في الموقع مما يجعلها خياراً مُفَضَّلاً لكثير من مصممي الويب. أو مصممين الجرافيك.

ويمكن حفظ ملفات الصور بصيغة PNG بواسطة برنامج فوتوشوب 2022 ، أو أحد الإصدارات الأخرى مثل فوتوشوب 2021.

أهم ميزات تنسيق الصور PNG

 

  • دعم فضاء لوني RGB-A كامل مكون من (32 bit)
  • دعم الشفافية الجزئية
  • إمكانية ضغطها بلا خسارة في بيانات الصورة.

لذلك ننصح باستخدام تنسيق PNG للصور التي تحتاج لشفافية والصور الملونة البسيطة (مع وضع حجم الملف في الاعتبار لأن الدقة الأكبر تساوي حجم ملف أكبر).
أما إذا كانت الصورة تحتوي الكثير من الألوان المختلفة ففي هذه الحالة ينصح باستخدام تنسيق آخر هو JPEG.

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

تحويل تنسيق الصور webp,الفرق بين jpeg,تنسيقات الصور,صيغ الصور,الصور,ضغط الصور,تنسيق,حفظ ملفات الفوتوشوب باكثر من تنسيق,برامج الشرح عالكمبيوتر,ضغط و تحويل صيغة و امتداد الصور الى webp,الصورة,أنواع ملفات الصور,طريقة حفظ الصور في الفوتوشوب,حفظ الصور بالفوتشوب,طريقه حفظ الصوره بالفوتوشوب,تعلم الفوتوشوب من الصفر الى الاحتراف,محول تنسيق webp,دقة الصورة,طريقة حفظ الصوره من الفوتوشوب,طريقه حفظ الصوره في الفوتوشوب,صيغ الصور في الفوتوشوب
الفرق بين تنسيق SVG و PNG للصور

لنتعرف على الفرق بين تنسيق  الصور من نوع SVG و PNG، فيمكنك عزيزي زائر موقع (حقيبة المصمم)، أن تقوم بتحويل صورة SVG إلىPNG بسهولة، لكن بالمقابل لا يمكن تحويل PNG إلى SVG.

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

حيث  يظهر الفروق بينهما فقط عند تكبير الصورة أو تصغيرها. وذلك لأن PNG عبارة عن مجموعة محددة من البكسلات pixels وأي تغيير في قياسها سيجبر هذه البكسلات على أن تمتزج وتتحد مع بعضها البعض ويتسبب في فقدان جودة الصورة.

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

حقيبة المصمم هذا المقال نشر أولا فى موقع
وربما قام فريق التحرير بالتعديل او الإضافة أو نقله كما هو وموقع شوف نيوز يخلي مسؤليتة عن أي مسائلة قانونية تخص الخبر.

أهم الأخبار ذات الصلة

  1. "السعودية" رابط تحميل تطبيق وزارة العمل والتنمية الاجتماعية 1444 HRSD‏ للأفيون والأندرويد.
  2. تردد قناة طيور الجنة 2023 على نايل سات لمتابعة أروع برامج الأطفال.
  3. "الآن" تردد قناة SSC الرياضية السعودية 2023 نايل سات عربسات الجديد.
  4. تعرف على 6 من أفضل تطبيقات استرجاع الصور المحذوفة 2023 من الهاتف مجانا.
  5. "وصل هنا" تردد قنوات ssc نايل سات المجانية 2023.
  6. [محدث sports24] تردد قناة 24 الرياضية السعودية المفتوحة رسيفر قديم أو جديد 2023.
  7. كم سعر ايفون 14 برو ماكس ٢٥٦ العملاق في السعودية.
  8. "غير حياتك" الان سجل رقمك في مسابقة الحلم 2023 MBC حقق حلمك مع "مصطفى الآغا" 100.000$.
    تابع موقع شوف نيوز على أخبار جوجل العالمية

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

error: تنبيه: المحتوي محمي © في حالة نقل المحتوي يتم التبليغ تلقائيا !!
تويتر المعلومات