ما هو نموذج JPG GIF أو PNG. شكل الرسوم البيانية. JPEG، GIF و PNG - تنسيقات الجرافيك الأكثر شيوعا


GIF، PNG أو JPG؟

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

من أجل الوضوح، نقدم تسجيلا فيه كل ثلاثة بالتنسيق الذي نيتميز به.

نموذج تبادل الرسومات GIFمجموعة خبراء التصوير الفوتوغرافي المشترك JPEGPNG - 8 و 24 Graphic شبكة محمولة
تم تطوير CompuServe في الثمانينات. يدعم العمل ليس أكثر من 256 لونا. لا يزال يستخدم لإنشاء الرسوم المتحركة البسيطة - لا يشمل بكسل "الضوضاء" في الصورة. يوصى باستخدام هذا التنسيق لحفظ الوجوه النقية في الصورة حول الكائنات والنص (تتصل التوصية أيضا بتنسيق PNG).فوق التنمية هذا التنسيق عملت في أوائل التسعينيات من المصورين والمبرمجين في أوائل التسعينيات من أجل تضمين ملايين الألوان فيها أثناء حفظ حجم الملف الأمثل. نتيجة لذلك، تلقوا JPG. التبعية الرئيسية: أصغر حجم الملف، وانخفاض جودةها.مصممة في أواخر التسعينيات كبديل ل GIF و JPG. تعزز PNG 8 بت يصل إلى 256 لونا، ولكن مع مجموعة أوسع من خيار الشفافية (على الرغم من أن بعض خيارات الشفافية لا تزال غير مدعومة من قبل IE، والتي بالنسبة لتنسيق ويب، بالطبع، أصلي، على الرغم من أنك تحتاج إلى إلقاء اللوم على هذا. )). يدعم PNG 24 بت نفس العدد من الألوان ك JPG، ولكن لا يمكن قطع حجم الملف باسم JPEG، حيث يستخدم هذا التنسيق طريقة الضغط المزعومة دون فقدان الجودة (يمكنك قراءة هنا: الموقع).

من الجدول أعلاه، يمكننا تخصيص ما يلي:

GIF أو PNG-8 أفضل طريقة مناسبة لحفظ تفاصيل الصورة (عند العمل في نطاق اللون تغطي 256 لونا) وللرصابات على الويب تحتوي على نص.

JPEG (jpg) أكثر ملاءمة للمصورين، لأنه يحتوي على حجم ملف صغير ومجموعة ألوان واسعة. وبعد GIF مناسب للرسوم المتحركة البسيطة (حول PNG في هذه الحالة لا تتحدث، لأنه لا يدعم الرسوم المتحركة).

PNG-24، على الرغم من حجم الملف الكبير، هو خيار جيد إذا كنت لا تريد أن تفقد كصورة (حذف الأجزاء وتضيف الضوضاء إلى الصورة).

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

لذلك، نحن تلخيص. PNG-8 مناسب ل صور بسيطة عندما يتم نشرها على الإنترنت. JPEG مناسب للعمل مع الصور الفوتوغرافية، مناسبة PNG-24 أيضا مناسبة للعمل معهم، ولكن في هذه الحالة سوف تحصل على حجم ملف أكبر مقارنة ب JPG. لبقية الإنترنت، GIF مناسب.

إثبات التجريبية

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

لمقارنة التنسيقات، تم استخدام الملف\u003e آمن لأمر ويب في Photoshop CS2. كيف يمكننا التأكد من الرسم، الصورة الأولى التي تم وضع علامة عليها مثل الأصلي أفضل جودة وأكبر حجم (لا يزال، لأنه هو المصدر :)). هنا هو حتى PNG 24، ولكن اعتبر أن JPG هنا محدد الأصلي، وبالتالي كان مستوى الضغط أصغر - إذا قمت بتحديد مرتفعة لتنسيق JPEG في إعدادات مربع حوار "الآمن"، فسيكون الحجم بالكامل مختلفة، ونوعية العين ليست أسوأ. سنزيد الصورة لمعرفة الاختلافات في الضغط بأشكال مختلفة.

من هنا يمكنك أن تستنتج أن النتيجة هي الأكثر قربا من الأصل يعطي PNG-24، ولكن الملف الذي يقلل من أقل من 50٪، في حين أن ملف JPEG جميل جودة عالية (80) - أكثر من 90٪. النظر في مستويات أخرى من ضغط تنسيق JPEG.

سيكون الخيار الأمثل بين الحجم والجودة في هذه الحالة JPEG مع مستوى ضغط 60. يبقى أن ننظر "قريب من" على GIF و PNG- 8.

هنا نرى ميزة طفيفة في الملف النهائي وجودة صور تنسيق PNG-8 قبل GIF. في الوقت نفسه، يكون كلا التنسيقين أدنى من JPEG سواء من حيث الجودة وحجم الملف. وبالتالي، عند إعداد الصور لنشر الإنترنت للصور، سيستخدم العقلانية JPEG مع الجودة 60 - استخدم أكثر مستوى منخفض سوف تقلل الجودة من حجم الملف، لكنك لن يكون لديك متعة التفكير في مثل هذه الصورة لن تفعل ذلك.

نصيحة:

من أجل الرجوع بطريقة أو بأخرى إلى تنسيقات أخرى، سأقول أنه إذا كنت ترغب في حفظ الملف دون عيوب من الضغط، فقم بحفظه إما في PSD أو في PSD أو في TIFF. وإذا كنت بحاجة إلى إظهار ملف على شبكة مع الحد الأدنى من الخسائر في الجودة، ولكن الوزن الأمثل، فلا تتردد في اختيار JPEG مع جودة 100٪ - ثم لن يكتشف أي شخص عيوب مرئية.

JPEG، GIF، PNG والشعارات

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

JPEG، GIF، PNG والخلفية

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

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

النتائج

لرسم الصور التي لا تحتوي على الرسوم المتحركة والشفافية، فإن الخيار الأفضل سيكون استخدام PNG-8، خلاف ذلك GIF. إذا كانت الصورة هي صورة أو تصوير ضوئي يسوده - استخدم JPEG. لا يؤدي استخدام PNG-24 إلى أي نقطة، نظرا لأنك لن تجد الأمثل بين الجودة والحجم مقارنة بنفس JPEG (حتى مع الجودة 100).

سيرجي Toporkov، http://www.cc-studio.ru/

15.06.2014

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

ما تنسيق الملفات للاختيار؟

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

تنسيق PNG إنه تنسيق يحدث ضغط دون خسارة. في هذا الشكل، يمثل كل بكسل ل 3 قنوات ملونة (RGB - أحمر، أخضر، أزرق)، وبالتالي تنفذ تكوين صورة بالألوان الكاملة دون تشويه. وفقا لجودة عرض اللون، يمكن أن يتجاوز تنسيق PNG JPG، ولكن حجم الملف سيكون أيضا أكثر. يدعم تنسيق PNG مستويات مختلفة من الشفافية (الشفافة). نظرا لخصائص الخوارزمية، فهي صور مضغوطة بشكل جيد للغاية الخطوط الأفقيةوبعد وعندما تكون المهمة هي اختيار حفظ ملف بتنسيق GIF أو PNG، للحالات عندما تكون الصورة خطا بدائي، فهذا يستحق الاهتمام بموقف هذه الخطوط - أي بتنسيق GIF يستحق حفظ الصور مع الخطوط الرأسية، في بابوا نيو غينيا - أفقي. PNG هو خيار جيد لتخزين الرسومات والنص والرسومات الشفونة في حجم ملف صغير.

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

وبالتالي، عند تطوير المواقع، يمكنك تحقيق نتائج جيدة للغاية في السرعة بسبب الاختيار الصحيح تنسيق تخزين الصورة.

المواد التي يحبها - الصحافة، من فضلك، زر \u003d)

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

تحليل موجز لتنسيقات ملفات الرسوم البيانية

  1. JPG / JPEG / JFIF
  2. TIF / TIFF.

النقطية ضد ناقلات

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

في الرسومات النقطية، يتم جمع الصورة من البكسل بينما رسومات فيكتور جمعت من المسارات، ما يسمى قطع الخطوط.

ضغط الملفات

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

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

ضغط دون خسارة في الجودة هو نفسه الملف الأصلينظرا لأن الضغط دون ضغط هو تمثيل دقيق للأصل الأصلي.

الصور JPG / JPEG / JFIF

اختصار ot.: مجموعة خبراء التصوير المشترك هي مجموعة مجتمعة من خبراء الصور.

توسيع الملف: .jpg / .jpeg

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

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

القابلية للتطبيق: الصور المعتادة، أجهزة التقاط الصور (الأدوات، الكاميرات، النازعون).

تنسيق الصورة PNG.

اختصار ot.: رسومات شبكة محمولة - رسومات شبكة محمولة.

توسيع الملف: .بي إن جي.

هذا البديل GIF المجاني مع فتح مصدر الرمزمما يدعم 16 مليون لون، على النقيض من GIF، فإن الحد الأقصى الذي هو لوحة 256 ملونة. هو - هي أفضل تنسيق ملفات للصور مع الحفاظ على مصدر الألوان. التنسيق مناسب لنقل الرصيد المثالي لهجة. مفعم بالحيوية pNG ملف متوفر بتنسيق APG. هذه الملفات، كقاعدة عامة خلفية شفافة.

ناقص: الأنسب للملفات أحجام كبيرةوبعد تنسيق PNG نفسه لا يدعم الرسومات المتحركة.

القابلية للتطبيق: تحرير الصور وصور الويب والصور التي تأخذ في الاعتبار الطبقات، مثل تأثيرات الشفافية أو التخميد.

ملحق الملف tif.

اختصار ot.: تنسيق ملف الصورة الموسومة هو تنسيق لتخزين الصور الرسومية النقطية.

توسيع الملف: .t / .tiff

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

ناقص: ليست مثالية لمتصفحات الويب.

القابلية للتطبيق: المرحلة الأولية من الملفات الفوتوغرافية في الطباعة. حزم البرمجيات OCR.

تنسيق الملف gif.

اختصار ot.: تنسيق تبادل الرسومات - تنسيق تشكيل الصورة.

توسيع الملف: .gif.

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

ناقص: يقتصر التنسيق على لوحة 8 بت (256 لونا) وليس مناسبا للصور الفوتوغرافية أو التجانس.

القابلية للتطبيق: الرسومات التي تتطلب عدة ألوان، مثل المخططات المبسطة والشعارات والرسوم المتحركة، والتي تتكون من أكثر من 50٪ من نفس اللون.

بتنسيق ملف صورة BMP

اختصار ot.الصورة النقطية - التنسيق الحرفي لتخزين الصور النقطية

توسيع الملف: .bmp.

تم تصميم هذا التنسيق مايكروسوفت. وهي مصممة لتخزين الملفات غير المضغوطة الكبيرة داخل ويندوز.

ناقص: هذا التنسيق لا يستخدم الضغط.

القابلية للتطبيق: هيكل تنسيق مبسط يجعل ملفات BMP. مثالية لبرامج ويندوز.

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