تنسيقات صور SVG و PNG و JPG: إيجابيات وسلبيات. صورة PNG - كيفية فتح ملف وتحريره وتحويله ماذا يعني تنسيق png

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

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

الطريقة الأولى: مشاهدو الصور

يوجد على الإنترنت العديد من برامج تحرير الرسوم والبرامج الخاصة لعرض الصور وتحريرها. أنها توفر للمستخدمين عدد كبير منالوظائف والأدوات ، مما يجعل عملية العمل بالصور مريحة قدر الإمكان. ضع في اعتبارك عملية فتح صورة PNG باستخدام برنامج GIMP كمثال:

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

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

الطريقة 2: أداة Windows القياسية

في جميع إصدارات التشغيل أنظمة النوافذيوجد عارض صور مدمج. يفتح أيضًا ملفات PNG. دعنا نلقي نظرة فاحصة على هذه العملية:

إذا كنت بحاجة إلى فتح جميع صور PNG من خلال عارض الصور القياسي في Windows ، فاتبع الخطوات التالية:

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

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

PNG (Portable Network Graphics) هو تنسيق رسومي من نوع نقطي يحتوي على لوح ألوان 8 بت. تعمل خوارزمية الضغط Deflate المطورة لملفات PNG على تقليل حجم الصورة المحفوظة دون فقدان جودة الصورة النهائية.

في هذه المقالة ، ستتعلم أيضًا كيفية فتح ملف PNG.

صفة مميزة

PNG هي ثاني أكثر تنسيقات الإنترنت شيوعًا بعد JPG.

من بين المزايا الأخرى الجديرة بالملاحظة:

• تخطيط متشابك
• برنامج تصحيح مدمج للوحة الألوان وجاما.

يسمح لك هذا الأخير بخياطة جميع معلمات العرض الضرورية في الصورة بحيث تبدو على جميع الشاشات كما أراد المؤلف.

يحتوي التنسيق على نسختين:

• PNG-8 (التدرج اللوني الفهرسي مشابه لـ GIF) ؛
• PNG-24 (لوحة ألوان كاملة وكاملة تحاكي JPEG).

تاريخ الحدوث

في عام 1995 في عصر التنمية إنترنت مجاني، مسألة طبيعة الملكية للمجمع تنسيق GIF. كانت هناك حاجة إلى تنسيق موثوق به ولكنه مجاني ومجاني لتبادل البيانات الرسومية بتنسيق شبكة الانترنت. في هذا الوقت ، تم تقديم مواصفات PNG 1.0 ، التي تمت الموافقة عليها بالفعل في عام 1996 ، في اتحاد W3C الدولي.

تم إنشاء التنسيق كبديل لـ GIF. كان الأخير حتى عام 2004 "مغلقًا" ، أي أنه كان لديه عدد من القيود للاستخدام المجاني (يتطلب حقوق الطبع والنشر للمالك عند الحفظ ، وتراخيص براءات الاختراع عند نشرها). تم حرمان PNG من أوجه القصور هذه ، مع تنفيذ دعم لأعماق الألوان حتى 48 بت وقناة ألفا 8 بت لنقل الصور.

تمكن المطورون من إنشاء شفافية سلسة للألوان ، وهو أمر مستحيل في GIF. في الأخير ، تقتصر اللوحة على قناة 8 بت (256 لونًا) وتدعم الشفافية الكاملة فقط.

كيفية فتح ملفات PNG

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

متصل

لعرض الملفات على الإنترنت ، استخدم البرنامج التالي:

ويندوز 7-10

تفتح أنظمة تشغيل عائلة Windows تنسيق PNG بالطريقة التالية:

• عارض الصور؛
• طلاء MS
• متصفح الويب (للعرض فقط).

ذكري المظهر

يحتوي نظام تشغيل الهاتف المحمول على الأدوات التالية:

iOS

يعمل Mobile cat for Apple مع ملفات PNG باستخدام مثل هذه البرامج.

ملف PNG هو صورة نقطية محفوظة بتنسيق Portable Network Graphic. تحتوي كل صورة PNG على لوحة - مجموعة من الألوان المستخدمة. يتم استخدام الضغط بدون فقدان البيانات باستخدام خوارزمية Deflate لتقليل حجم الملف. تستخدم بشكل أساسي على الإنترنت كصور لصفحات الويب. تم تصميم التنسيق ليحل محل GIF ، والذي ، بالإضافة إلى عيوبه ، حتى عام 2004 كان لديه قيود على الاستخدام المجاني. برمجة. أدى تنسيق PNG الجديد إلى حل هذه المشكلات. على وجه الخصوص ، يدعم قناة ألفا 8 بت ويدعم أعماق الألوان حتى 48 بت. بينما في تنسيق GIF ، يمكن تحقيق الشفافية الكاملة فقط وتقتصر لوحة الألوان على 256 لونًا (8 بت). ومع ذلك ، على عكس سابقتها ، لا يدعم هذا التنسيق الرسوم المتحركة. لهذا الغرض ، تم إنشاء تنسيق MNG آخر. في ملفات PNG ، من المستحيل أيضًا استخدام لوحة CMYK ، لأن هذا التنسيق غير مخصص للعمل الاحترافي مع الرسومات. يمكن فتح ملفات PNG في أي متصفح وفي أي عارض ومحرر للصور تقريبًا. في ملف windowsبامتداد PNG يمكن فتحه بالنقر المزدوج على الفأرة.

يمثل امتداد الملف .png صورة PNG. يمكن عرض الصور النقطية بتنسيق PNG ومعالجتها باستخدام البرامج التالية: مايكروسوفت ويندوزالصور ، Microsoft Windows Photo Viewer ، Microsoft Paint ، أدوبي فوتوشوبنسخة. أيضًا ، يمكن للبرامج المدرجة تحويل الصور والصور والرسومات بهذا التنسيق.

يفتح ملف PNG برامج خاصة. لفتح شكل معينقم بتنزيل أحد البرامج المقترحة.

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

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

تحتوي كل من الصور ذات الألوان الرمادية والكاملة على تنسيق PNG ، ويتم دعم الطبقات الشفافة. عادةً ما يكون ضغط PNG أفضل من ضغط GIF. يتميز JPG أحيانًا بمزيد من المزايا مقارنة بـ PNG ، ولكن بعد هذا الضغط ، يمكن أن تظهر العيوب في الصور التي تحتوي على نص أو حول مناطق التباين العالي.

كيفية فتح ملف PNG

لفتح ملفات PNG ، يمكنك استخدام أي مستعرض إنترنت أو محرر رسومات. يحتوي كل من نظام التشغيل Windows و Mac OS على آليات مضمنة لعرض مثل هذه الصور.

ما هو تنسيق PNG؟

برنامج Png هو برنامج Windows Photo Viewer الافتراضي الذي يتم استخدامه غالبًا لفتحه ملفات PNGلأنه برنامج النظامشبابيك. لكن هناك العديد من الطرق الأخرى لمشاهدتها.

جميع المتصفحات (مثل الكروم ، فايرفوكس ، متصفح الانترنت إلخ) تلقائيًا ملفات PNG التي تفتحها عبر الإنترنت ، مما يعني أنك لست مضطرًا إلى تنزيل كل ملف PNG تريد عرضه على جهاز الكمبيوتر الخاص بك. يمكنك أيضًا استخدام المتصفح لفتح ملفات PNG الموجودة بالفعل على جهاز الكمبيوتر الخاص بك باستخدام اختصار لوحة المفاتيح Ctrl + O. تدعم معظم هذه البرامج أيضًا السحب والإفلات ، بحيث يمكنك ببساطة سحب ملف PNG وإفلاته في المتصفح لفتحه .

هناك أيضًا العديد من الخيارات غير المتصلة بالإنترنت لفتح مثل هذه الصور - وهذه خيارات خاصة محرر رسومي. عدد قليل منها مشهور - XnView , ايرفانفيو , عارض الصور FastStone , جوجل درايف , عين جنوم و gThumb. لتحرير ملفات PNG ، يمكنك استخدام أي من البرامج والتطبيقات المدرجة تقريبًا طلاءو Paint.NET، أداة GIMP الشائعة ، بالإضافة إلى Adobe Photoshop المعروف.

تحويل PNG

يمكن تحويل ملفات الصور طرق مختلفة، على سبيل المثال ، التحويل من png مع برامج مختلفةو خدمات عبر الانترنت. على سبيل المثال ، هذا يسمح لك بعمل محرر بابوا نيو غينيا - محول الصور.

ملف الصورة المخزن بتنسيق Portable Network Graphic (PNG) ؛ يحتوي على صورة نقطية للألوان ويستخدم ضغطًا بدون فقدان مثل ملف .GIF ، ولكن بدون قيود النسخ. تستخدم عادة لتخزين رسومات صور الويب.

تم إنشاء تنسيق PNG (يُنطق PNG) استجابةً لقيود تنسيق GIF ، وذلك بشكل أساسي لزيادة دعم الألوان وتوفير تنسيق صورة خالٍ من براءات الاختراع. بالإضافة إلى ذلك ، حين ملفات gifتدعم فقط وحدات البكسل غير الشفافة أو الشفافة بالكامل ، ويمكن أن تتضمن صور PNG قناة شفافية 8 بت تسمح للألوان بالتغيير من معتم إلى شفاف.

لا يمكن تحريك صور PNG بتنسيق صور gif. ولكن يمكن تحريك تنسيق .MNG المرتبط. لا توفر صور PNG دعم CMYK لأنها ليست مخصصة للاستخدام الاحترافي للرسومات. صور PNG مدعومة من قبل معظم متصفحات الويب.

يقوم Mac OS X 10.4 والإصدارات الأحدث بتخزين لقطات الشاشة كملفات PNG. لينكس أوبونتويخزن أيضًا لقطات الشاشة المطبوعة بتنسيق PNG.

نوع MIME: image / png

تحميل البرنامج للتنسيق بي إن جي

في هذه المقالة ، أريد أن أتحدث عن ميزة واحدة غير سارة للغاية في Photoshop ، والتي تتجلى عند حفظ الصور الشفافة في PNG24. لنأخذ الصورة الأصلية وننسخ بعض الأجزاء إلى PNG24. لقد فعلت ذلك بهذه الطريقة: باستخدام أداة Polygonal Lasso ، قمت بتحديد جزء ونسخه ولصقه في مستند جديد ، ثم حفظه عبر Save for Web:

PNG24 ، 456 كيلوبايت

كما اكتشفنا في الجزء الأول ، في PNG24 ، تتكون الصورة أساسًا من طبقتين: طبقة RGB تحتوي على بيانات الألوان لكل بكسل ، وقناة ألفا تحتوي على معلومات حول شفافيتها.

تنسيق رسوم PNG: معالجة وعرض

من المنطقي أن نفترض أنه في المساحات الشفافة تمامًا يجب أن يكون هناك لون واحد لتعبئة الصورة بشكل أكثر كفاءة. ومع ذلك ، هذا ما حفظه Photoshop في طبقة RGB (رأيت ذلك من خلال محرر Seashore):

وبالعين المجردة يمكنك أن ترى أن هناك أجزاء كبيرة من المعلومات غير الضرورية على الإطلاق:

إذا كنت لا ترغب في استخدام برامج تحرير أخرى (على سبيل المثال ، لم ألاحظ مثل هذا العيب في Adobe Fireworks) ، فأنا أقدم طريقة بسيطة لإصلاح هذا العيب في Photoshop. مهمتنا هي استبدال جميع المعلومات في المناطق الشفافة تمامًا بلون واحد (يفضل الأسود ، حتى لا نشك في أن هذه المناطق سيكون لها وزن بايت أصغر).

1. افتح المثال في Photoshop وحدد الصورة على الطبقة: Ctrl + انقر على الصورة الصغيرة للطبقة في لوحة الطبقات.

2. قم بالتبديل إلى وضع القناع السريع (مفتاح Q).

3. مع صورة→ التعديلات → لا تترك العتبة سوى وحدات البكسل من القناع ، التي كان لونها أسود. للقيام بذلك ، اسحب شريط التمرير إلى أقصى اليسار.

4. اخرج من وضع القناع السريع (مفتاح Q) وعكس التحديد (اختر → معكوس أو Ctrl + Shift + I). لم يتم تحديد سوى وحدات البكسل الشفافة تمامًا.

5. املأ المنطقة المحددة باللون الأسود (هناك عدة طرق ، على سبيل المثال ، من خلال تحرير → تعبئة).

6. اقلب التحديد مرة أخرى وأضف قناعًا إلى الطبقة (أيقونة في لوحة الطبقات).

7. الآن نقوم بـ Save for Web ونرى كيف "فقدت" الصورة بأعجوبة بمقدار 122 كيلوبايت.

أكرر مرة أخرى أنه يتم تسجيل جميع الإجراءات بشكل ملائم للغاية في الإجراءات ، وبعد ذلك يتم تنفيذها بضغطة مفتاح واحدة.

يتبع.

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

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

لنبدأ بالمصطلحات. أفترض أن معظم القراء يستخدمون Photoshop وقد شاهدوا الأسماء PNG-8 و PNG-24 هناك. إنه ليس اثنان تنسيقات مختلفة، ولكن مجرد أشكال مختلفة من نفس PNG. يتيح لك التنسيق تخزين ثلاثة أنواع من الصور: التدرج الرمادي (تستخدم قناة واحدة لوصف الصورة - الأبيض) ، واللون المفهرس (يتم استخدام لوحة الألوان ، كما في GIF) و truecolor (يتم استخدام ثلاث قنوات - RGB).

أهم ميزة لتنسيق PNG هي ، بالطبع ، خوارزميات ضغط جديدة. يتذكر الجميع أن GIF يضغط بشكل فعال فقط المناطق الأفقية ذات اللون الواحد؟ يمكنك الآن نسيان هذا القيد:

GIF ، 2568 بايت

PNG-24 ، 372 بايت

الميزة الثانية المهمة هي تصفية الخط (ترشيح خط المسح ، أو مرشحات دلتا) ، وبفضل ذلك يمكن لمُحزم PNG الحصول على بيانات أكثر ملاءمة للضغط.

لنأخذ مثالاً على كيفية عملها. لنأخذ صورة 5 × 5 بكسل بتدرج أفقي ونبين بشكل تخطيطي كيف يمكن حفظها في ملف (كل رقم هو لون فريد).

كما ترى من المثال ، يقوم برنامج تشفير GIF بضغط السلاسل التي لا يتم حزمها بشكل أفقي جيدًا (لأن نفس الألوان تنتشر عموديًا). وإليك كيف يمكن لبرنامج تشفير PNG تحويل هذه البيانات:

ظهر الرقم 2. قبل كل سطر ، وهو المرشح الذي تم تطبيقه على السطر. في هذه الحالة ، يكون المرشح الأعلى الذي يخبر وحدة فك التشفير ، "بالنسبة للبكسل الحالي ، خذ قيمة البكسل أعلاه وأضف القيمة الحالية إليه." في حالتنا ، هذا هو 0 ، لأن ألوان البكسل الحالية والبكسل العلوي هي نفسها. ويمكن تعبئة هذه البيانات بشكل أكثر كفاءة إذا كانت لدينا صورة كبيرة بما يكفي.

لماذا أكتب ربما؟ لأنه في حالتنا المثالية ، سيكون المخطط التالي أكثر كفاءة:

يتم تطبيق مرشح 1 هنا يسمى Sub ، والذي يخبر وحدة فك التشفير: "خذ قيمة البكسل إلى يسار العنصر الحالي وأضف القيمة الحالية إليه." في هذه الحالة 1.

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

دعنا نتحقق من المرشحات:

قد يلاحظ القارئ اليقظ أن المرشحات لا تنطبق على الملف بأكمله ، ولكن على الأسطر.

تنسيق ملف PNG - ما هو؟

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

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

PNG-24 (فوتوشوب ← truecolor) ، 8167 بايت

PNG-24 (فوتوشوب + OptiPNG ← تدرج الرمادي) ، 6132 بايت

مزايا التدرج الرمادي على اللون الحقيقي واضحة: على سبيل المثال ، تتم كتابة اللون الأبيض في الحالة الأولى (بالتدوين العشري) على أنه 255 ، وفي الحالة الثانية 16777215.

الآن ، مسلحين بمعرفتنا بتخزين بيانات PNG ، يمكننا تطبيقه لإعداد الصور للويب. المزيد عن هذا في المقالات التالية.

عندما يتعلق الأمر بإنشاء صور للويب والاستخدامات الرقمية الأخرى ، ما هي تنسيقات الملفات التي يمكن أن تمنحك أفضل النتائج؟ عليك التفكير في السرعة بدلاً من جودة الصورة وحجمها. ما الذي يجب أن تستخدمه: SVG أم PNG أم JPG؟

كان هناك وقت استخدمت فيه ملف JPG لتلائم المساحة بدقة 72 نقطة في البوصة وانتقلت. ليس بعد الآن. شاشات ذات دقة عالية، وإطارات العرض المتعددة ، والحاجة إلى وجود موقع ويب سريع ، كل ذلك جعل العملية أكثر صعوبة. دعنا نلقي نظرة على إيجابيات وسلبيات كل من هذه التنسيقات!

SVG

SVG أو كما تمثل Scalable رسومات فيكتور، عملي بشكل لا يصدق. لهذا السبب يستخدم المصممون هذا التنسيق في كثير من الأحيان.

منذ SVG تنسيق متجه، يبدو رائعًا بأي حجم ويعمل مع أي نوع من الصور تقريبًا بخلاف التصوير الفوتوغرافي.

تنسيق SVG هو تنسيق غير ضياع ، مما يعني أنه لا يفقد أي بيانات عند ضغطه ، ويعرض عددًا غير محدود من الألوان ، وهو الأكثر استخدامًا للرسومات والشعارات على الويب ، وكذلك للمشاريع التي سيتم عرضها على Retina وغيرها. - شاشات الدقة.

إيجابيات SVG

• يتم عرض تنسيق المتجه جيدًا بأي حجم
• القدرة على إنشاء عروض SVG بسيطة في التعليمات البرمجية أو محرر النصوص
• تصميم وتصدير الرسومات المعقدة من Adobe Illustrator أو Sketch
• نص SVG متاح
• SVG سهل التصميم والكتابة
• يدعم صيغ SVG المتصفحات الحديثةوتناسب غدًا
• التنسيق قابل للضغط للغاية وخفيف الوزن
• جيد للبحث بسبب تنسيق النص
• دعم الشفافية
• يسمح لك بحفظ الصور الثابتة أو المتحركة

سلبيات SVG

• يمكن أن يصبح تصميم SVG معقدًا
• غير معروض في بعض المتصفحات القديمة
• دعم محدود لعملاء البريد الإلكتروني

بي إن جي

PNG أو Portable Network Graphics هو تنسيق مصمم للويب يقدم شيئًا لا يمكن لـ JPG - الشفافية. هذا هو السبب في أن PNG تحظى بشعبية كبيرة لتنزيل عناصر مثل الشعارات لتصميم مواقع الويب.

هناك نوعان من PNG - PNG-8 و PNG-24. تستخدم PNG-8 لوحة ألوان أكثر محدودية مع 256 لونًا فقط ، وتتميز بشفافية أفضل قليلاً ، ويتم التصدير إليها حجم كبير. تستخدم PNG-24 لوحة ألوان غير محدودة ، وتدعم الشفافية ، ولكنها تصدر بحجم كبير. كلا نوعي PNG لهما ضغط بدون فقدان البيانات.

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

الايجابيات PNG

• دعم الشفافية
• مناسب للصور التي تحتوي على نص
• تعرض تنسيقات PNG الشعارات جيدًا
• يتضمن وصف نص مضمن لمحركات البحث
• ملف PNG-8 له حجم ملف صغير وهو الأخف وزناً
• تصدير بدون حواف خشنة

سلبيات PNG

• أحجام الملفات تنمو بسرعة ل ملفات كبيرةمثل الصور
• بعضها قديم عملاء البريدلديهم مشاكل في تصورهم
• لا توجد رسوم متحركة
• يمكن أن تكون ملفات PNG-24 كبيرة ، وهي ليست جيدة جدًا وملائمة للمشاركة عبر الإنترنت

JPEG

من المحتمل أن يكون تنسيق JPG أو JPEG هو أفضل تنسيق صورة معروف. هذا هو الخيار الافتراضي لمعظم الصور لأنه صديق للصور نظرًا لعرضه اللوني غير المحدود تقريبًا.

يوفر JPG أيضًا القدرة على اختيار كيفية ضغط الصورة ، من 0٪ (ضغط ثقيل) إلى 100٪ (بدون ضغط). يختار معظم المصممين شيئًا في نطاق 60 إلى 70 بالمائة. لا تزال الصور تبدو جيدة عند مستوى الضغط هذا ، لكن أحجام الملفات أصغر بكثير.

يستخدم JPG ضغطًا مع فقدان البيانات ولا يحتفظ بالبيانات الأصلية أثناء الضغط. في كل مرة يتم فيها إعادة حفظ صورة وتصديرها بتنسيق JPG ، يزداد الأمر سوءًا.

يتم استخدام تنسيق JPG بشكل شائع للصور والصور الفوتوغرافية وأي شيء يحتوي على عدد كبير من الألوان.

مزايا JPEG

• عظيم للألوان المتعددة والتصوير الفوتوغرافي
• من السهل تصغير حجم الملف
• يتم عرضها باستمرار في عملاء البريد الإلكتروني

سلبيات JPEG

• لا شفافية
• ينشئ حوافًا خشنة للنص
• بدون رسوم متحركة
• تنسيق ضياع
• يجب ألا تحتوي بيانات تعريف البحث التلقائي على معلومات بديلة

ما هو الشكل الذي يجب استخدامه؟

الآن بعد أن تعرفت على بعض الاختلافات بين SVG و PNG و JPG ، أيهما يجب أن تستخدمه؟

يمكنك أن تسأل نفسك الأسئلة التالية للحصول على إجابة.

هل تحتاج ناقلات أم تنسيق الصورة النقطية?

المتجه: SVG

النقطية: JPG أو PNG

هل تحتاج إلى الشفافية؟

نعم: SVG أو PNG

هل تستخدم صورة متعددة الألوان؟

نعم: JPG أو PNG

هل هذه صورة كبيرة؟

هل الصورة تحتوي على نص؟

هل الضغط بلا خسارة مهم بالنسبة لك؟

نعم: SVG أو PNG

هل أحتاج إلى تحديث وإعادة تكوين الرسومات؟

لا: PNG أو JPG

هل تستخدم الرسوم المتحركة؟

لا: JPG أو PNG

خاتمة

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

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

كل عمل ناجح وإبداع!

PNG (رسومات الشبكة المحمولة) ، يُنطق "ping" ، وهو تنسيق تخزين رسومات نقطية يستخدم ضغطًا بدون فقدان البيانات. تم إنشاء PNG لتحسين واستبدال التنسيق رسم gifتنسيق لا يتطلب ترخيصًا لاستخدامه. PNG هو معيار دولي (ISO IEC 15948: 2003) ويوصى به رسميًا من قبل W3C.

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

تم تصميم تنسيق PNG ليحل محل الأقدم وأكثر شكل بسيط GIF ، وأيضًا ، إلى حد ما ، ليحل محل تنسيق TIFF الأكثر تعقيدًا.

إذا كنا نتحدث عن تصميم الويب ، ثم بالمقارنة مع GIF ، فإن له المزايا الرئيسية التالية:

ضغط محسّن: الحجم في معظم الحالات صور PNGأصغر من مثيله بتنسيق GIF.
- المزيد من الألوان لكل صورة: عدد غير محدود من الألوان لكل صورة ، بينما حد GIF هو 256.
- دعم اختياري لقناة ألفا: بينما يدعم GIF الشفافية الثنائية فقط ، يتيح لك PGN تحقيقه عدد غير محدودتأثيرات الشفافية من خلال دعم قناة ألفا.

كعيب ، تجدر الإشارة بالطبع إلى عدم وجود دعم للرسوم المتحركة ، مثل GIF. على الرغم من وجود معيار مشابه للرسوم المتحركة يسمى رسومات الشبكة متعددة الصور (MNG) ، إلا أنه لا يستخدم على نطاق واسع وبالتالي لا تدعمه المتصفحات الحديثة على نطاق واسع.