جودة شعار منخفضة على كروم

الدعم
1

مرحبًا،

جودة كل من الشعار الرئيسي والشعار الصغير منخفضة جدًا عند استخدام متصفح Google Chrome على سطح المكتب. لكن كل شيء على ما يرام في متصفح Firefox. هل فاتني إعداد ما من المفترض أن يجعلها تبدو أفضل؟

Firefox:
image image

Chrome:
image image

شكرًا لك.

2

يبدو أن هذه مشكلة تتعلق بكيفية تصغير Chrome للصور… قد يساعد تغيير حجم الصورة لتكون أقرب إلى الأبعاد الدقيقة التي ستظهر بها في الرأس، أو إذا أضفت كود CSS التالي إلى سمة موقعك:

.d-header #site-logo {
    image-rendering: pixelated;
}

هناك المزيد من النقاش حول هذه المشكلة في Chrome (وغيرها من الحلول البديلة المحتملة) على Stack Overflow: https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome

3

مرحبًا،

شكرًا لمساعدتك. image-rendering: pixelated; لا تفعل الكثير، ولكن من خلال تصفح موضوع Stack Overflow الذي ربطت به، وجدت أن image-rendering: -webkit-optimize-contrast تعمل بشكل أفضل، حتى لو لم تكن مثالية.

سأحاول تغيير حجم الصور لأرى ما إذا كانت ستتحسن أكثر.