Js-core: الصورة بها حد مشوه عند استخدامها في<meta/> بطاقة شعار

تم إنشاؤها على ٢١ أكتوبر ٢٠٢٠ · 1تعليق · مصدر: imgix/js-core

صف الخلل
تبدو الصورة الممزوجة والعلامة المائية التي تم إنشاؤها باستخدام imgix-core-js مختلفة عن الصورة الأصلية عند تغليفها

العلامات وتحميلها كمعاينة.
الصورة ملفوفة لديه حدود مشوهة.

لإعادة إنتاج
خطوات إعادة إنتاج السلوك:

هذه هي الصورة التي تولدها imgix: https://nate.imgix.net/nateLogo.png؟q=1&auto=compress٪2Cformat&w=600&bm=normal&bx=390&markx=180&markpad=0&markalign=left&blend64=aHR0cHM6Ly9uYXRlLmltZ2l4Lm5ldC9wcm9kLzVmNWY5ZTNjY2FhYzIwMDAzODExM2MwOS81Zjc2ZDJiNmFkZjI5OTAwMzgwNjJjMDcuanBnP2ZpdD1jcm9wJmg9MzE1Jnc9MjEwJml4bGliPWpzLTIuMy4xJnM9Mzg1M2E5MGFhOWE2MzRhZDg1MTdmYjNkMTllMmQ3ZGY&mark64=aHR0cHM6Ly9uYXRlLmltZ2l4Lm5ldC9wcm9kLzVmNWY5ZTNjY2FhYzIwMDAzODExM2MwOS81Zjc2ZDA1NmU4NDI2MjAwMzg4MGU1ZTgucG5nP2ZpdD1jcm9wJmg9MzE1Jnc9MjEwJml4bGliPWpzLTIuMy4xJnM9N2UzMWM2ZmQyODMyODExMDE1YzY4NzUxMmEyNTdmOGM&ixlib=js-2.3. 1 & ق = 9d3826f9ca00ae169bebc220d2f4e259
لف الرابط أعلاه هكذا
<meta property="og:image" content="https://nate.imgix.net/nateLogo.png?q=1&auto=compress,format&w=600&bm=normal&bx=390&markx=180&markpad=0&markalign=left&blend64=aHR0cHM6Ly9uYXRlLmltZ2l4Lm5ldC9wcm9kLzVmNWY5ZTNjY2FhYzIwMDAzODExM2MwOS81Zjc2ZDJiNmFkZjI5OTAwMzgwNjJjMDcuanBnP2ZpdD1jcm9wJmg9MzE1Jnc9MjEwJml4bGliPWpzLTIuMy4xJnM9Mzg1M2E5MGFhOWE2MzRhZDg1MTdmYjNkMTllMmQ3ZGY&mark64=aHR0cHM6Ly9uYXRlLmltZ2l4Lm5ldC9wcm9kLzVmNWY5ZTNjY2FhYzIwMDAzODExM2MwOS81Zjc2ZDA1NmU4NDI2MjAwMzg4MGU1ZTgucG5nP2ZpdD1jcm9wJmg9MzE1Jnc9MjEwJml4bGliPWpzLTIuMy4xJnM9N2UzMWM2ZmQyODMyODExMDE1YzY4NzUxMmEyNTdmOGM&ixlib=js-2.3.1&s=9d3826f9ca00ae169bebc220d2f4e259">

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

الصورة الأصلية

أمثلة أخرى:
Screen Shot 2020-10-02 at 8 57 49 AM
IMG_B17400BFF561-1

معلومة:

إصدار imgix-core-js: [على سبيل المثال 2.3.1]

bug

مصدر

ChelseaRong

👍7

>كل التعليقات

ChelseaRong اتضح أن السبب هو أن المعلمة q يتم تعيينها على قيمة منخفضة جدًا ( q=1 ). تفصيل كامل لما يحدث:

تم تطبيق المعلمة q=1&auto=compress ، والتي تعرض النسخة الأقل جودة للصورة
- نظرًا لأن الجودة منخفضة جدًا ، فإن النسخة المضغوطة من الصورة ينتهي بها الأمر بها عيوب (خط كبير غير واضح في هذه الحالة)
تؤدي المعلمة auto=format ظهور هذه المشكلة في بعض المتصفحات / برامج الزحف فقط
- نظرًا لأن برامج الكشط الاجتماعي لا تحتوي على وكيل مستخدم تم اكتشافه يدعم WebP ، فإننا نقدم الإصدار .jpg الذي يتم ضغطه بجودة أقل بكثير مقارنة بـ WebP
- ولهذا السبب أيضًا لا نرى المشكلة في متصفح يدعم WebP (مثل Chrome أو Firefox)

لإصلاح ذلك ، أوصي بتعيين المعلمة q على الأقل 25 .

سأغلق هذه المشكلة نظرًا لأنها ليست خطأ في imgix-core-js ، ولكن إذا كنت بحاجة إلى مزيد من التصحيح لواجهة برمجة تطبيقات تقديم imgix ، فاتصل بـ [email protected].