ما تنسيق الصورة الذي يجب أن تستخدمه؟
تنتقل الصور إلى JPEG أو WebP. لقطات الشاشة والشعارات والرسوم البيانية وأي شيء ذو حواف حادة أو ألوان مسطحة انتقل إلى PNG. إذا كنت بحاجة إلى الشفافية وملف صغير، فإن WebP يقوم بالأمرين معًا.
وهذا يغطي كل قرار تقريبًا. تشرح بقية هذه الصفحة السبب، حتى تتمكن من معرفة متى لا تنطبق القاعدة - وما يجب فعله بشأن AVIF وHEIC، والتي تتعامل معها المتصفحات بشكل أقل اتساقًا من المتصفحات الثلاثة الأخرى.
JPEG
JPEG يقسم الصورة إلى كتل ويتجاهل التفاصيل الدقيقة التي من غير المرجح أن تلاحظها عينك. يعمل هذا بشكل جيد للغاية في الصور الفوتوغرافية، حيث تكون التفاصيل غير منتظمة ومزعجة، وسيئًا في أي شيء ذي حواف صلبة، حيث تكون التفاصيل المهملة هي بالضبط ما يحدد الحافة.
إنه ضائع في كل إعدادات الجودة، بما في ذلك الأعلى. لا يوجد خيار JPEG بدون خسارة هنا. لا يمكنها تخزين الشفافية: الصورة ذات المساحات الشفافة يتم ملؤها بلون خالص عندما تصبح JPEG.
استخدمه من أجل: الصور الفوتوغرافية، والمسح الضوئي للصور الفوتوغرافية، وأي صورة ذات نغمة متواصلة في الغالب. تجنب ذلك بالنسبة إلى: لقطات الشاشة، والنصوص، وفن الخط، والشعارات، وأي شيء سيتم تحريره مرة أخرى لاحقًا.
PNG
PNG لا يمكن فقدانه. فهو يقوم بتخزين وحدات البكسل التي تم تقديمها له بالضبط، لذلك لا يقدم أي عناصر مصطنعة أبدًا، ويدعم شفافية ألفا الكاملة. يستغل ضغطه التكرار، ولهذا السبب فهو فعال بشكل كبير على الألوان المسطحة والحواف الحادة، وغير فعال على ضوضاء التصوير الفوتوغرافي.
عادة ما تكون الصورة المحفوظة باسم PNG أكبر بعدة مرات من نفس الصورة الفوتوغرافية مثل JPEG، دون أي فائدة واضحة. هذا هو الخطأ الوحيد الأكثر شيوعًا في تنسيق الصورة ويستحق التحقق منه قبل إلقاء اللوم على صفحة بطيئة على أي شيء آخر.
استخدمه من أجل: لقطات الشاشة، ولقطات واجهة المستخدم، والشعارات، والرسوم البيانية، والمخططات، وأي شيء يحتوي على نص في الصورة، وأي نسخة عمل من الصورة التي تنوي تحريرها مرة أخرى.
WebP
WebP عادةً ما يكون التنسيق الأصغر بين الثلاثة بجودة مرئية قابلة للمقارنة، كما أنه يدعم الشفافية، مما يجعله التنسيق الوحيد الذي يغطي كلا الوظيفتين.
تحذير واحد مهم هنا: يقوم متصفحك بتشفير WebP في وضع الفقدان حتى في الجودة 100. يحدد التنسيق بالفعل الوضع غير المفقود، لكن اللوحة القماشية API التي تستخدمها هذه الأداة لا تكشفه. لذا، فإن تصدير WebP من هذا الموقع يعتبر تصديرًا مع فقدان البيانات، ويتم وصفه بهذه الطريقة بدلاً من وصفه بأنه بدون فقدان لأن التنسيق يدعمه من حيث المبدأ.
أصبح دعم المتصفح لعرض WebP عالميًا بشكل فعال الآن. دعم التشفير ليس موحدًا تمامًا، لذا فإن المتصفح الذي لا يمكنه تشفير WebP يبلغ عن خطأ هنا بدلاً من تسليمك تنسيقًا مختلفًا بهدوء.
AVIF و HEIC — الموقف الصادق
يتم ضغط AVIF بشكل أفضل من التنسيقات الثلاثة المذكورة أعلاه، وغالبًا ما يكون ذلك بشكل كبير. HEIC هو ما تستخدمه أجهزة iPhone الحديثة للصور الفوتوغرافية افتراضيًا. ولا يمكن قراءة أي منهما بواسطة ToolAcre Image Converter، وهذا يمثل قيودًا على المتصفح وليس اختيارًا.
يمكن للمتصفحات عادةً DISPLAY AVIF، لكنها لا تعرض طريقة موثوقة لفك تشفير ملفات AVIF أو HEIC العشوائية للمعالجة، ويعتمد فك تشفير HEIC على وجه الخصوص على برنامج ترميز النظام الأساسي غير الموجود في كل مكان. قد تعمل الأداة التي تقبل هذه الملفات على بعض الأجهزة وتفشل بشكل مربك على أجهزة أخرى، لذلك يتم رفضها بشكل واضح بدلاً من ذلك.
النتيجة العملية: قم بتحويل HEIC إلى JPEG على الجهاز الذي أنتجه - يمكن لكل هاتف حالي وكل من أنظمة تشغيل سطح المكتب الرئيسية القيام بذلك - ثم استخدم أدوات المتصفح على JPEG. بالنسبة إلى AVIF، احتفظ بـ JPEG أو PNG الرئيسي وقم بإنشاء AVIF كمخرجات في وقت النشر باستخدام أداة الإنشاء.
ملاحظة على GIF
يقتصر GIF على 256 من الألوان لكل إطار ويعتبر اختيارًا سيئًا لأي شيء باستثناء الرسوم المتحركة القصيرة. يقرأ محول الصور GIF ولكنه يستخدم الإطار الأول فقط، ولا يقدم GIF كمخرجات - إن إنتاج صورة ثابتة بامتداد .gif سيكون مضللاً وليس مفيدًا.
بالنسبة إلى الرسوم المتحركة القصيرة، الإجابات الحديثة هي MP4 أو فيديو WebM، أو الرسوم المتحركة WebP. لا يتم إنتاج أي منها هنا.
مثال عملي: أربعة أصول لمقالة واحدة
تحتاج المقالة إلى صورة رئيسية، ولقطة شاشة للواجهة، وشعار بخلفية شفافة، ومخطط يتم تصديره من جدول بيانات.
- الصورة الرئيسية — JPEG بالجودة الافتراضية، تم تغيير حجمها إلى ضعف عرض العرض تقريبًا. لهجة مستمرة، لا حاجة للشفافية.
- لقطة شاشة للواجهة — PNG. إنه مليء بالنصوص والحواف الصلبة، وهو بالضبط ما يتعامل معه JPEG بشكل أسوأ، ويقوم PNG بضغط لوحاته المسطحة بكفاءة.
- الشعار — WebP أو PNG. كلاهما يحافظ على الشفافية. WebP سيكون أصغر، PNG سيكون دقيقًا. بالنسبة للشعار الذي سيتم وضعه على خلفيات مختلفة، فإن الدقة تساوي أكثر من بضعة كيلوبايت.
- الرسم البياني — PNG. نفس المنطق كما في لقطة الشاشة: التعبئة المسطحة والخطوط الرفيعة وتسميات المحاور.
نتيجة: أربعة ملفات، ثلاثة تنسيقات، يتم اختيار كل منها حسب ما هو موجود في الصورة وليس حسب العادة. وضع الفشل الأكثر شيوعًا - تصدير الأربعة كـ PNG، أو الأربعة كـ JPEG - إما يجعل الصورة أكبر من اللازم عدة مرات أو أن لقطة الشاشة والمخطط ملطخان بشكل واضح حول النص.
افتح الأداة
يوضح محول الصور ما إذا كان التحويل مفقودًا قبل تشغيله، ويقدم تقارير عن الأحجام المقاسة الحقيقية بعد ذلك.
ما لا يغطيه هذا
- يقرأ محول الصور ToolAcre JPEG، وPNG، وWebP، وGIF، ويكتب JPEG، وPNG، وWebP. تم رفض HEIC وAVIF وTIFF والكاميرا RAW.
- WebP الإخراج من هذا الموقع مفقود، لأن هذا هو ما تكشفه لوحة المتصفح API.
- لا يتم الاحتفاظ بملفات تعريف الألوان من خلال تحويل اللوحة القماشية، لذا فإن الصور ذات ملف التعريف المضمن غير المعتاد قد تتغير قليلاً.
- تعتمد مقارنات حجم الملف على الصورة. أي قاعدة أساسية هنا هي نقطة بداية للقياس منها، وليست رقمًا للاقتباس.