आईई 9

Question

में खराब गुणवत्ता की डाउनसाइज्ड छवि मैंने देखा कि आईई 9 बहुत कम गुणवत्ता में छवियों को डाउनसाइज करता है: यदि मैं 200x150 आईएमजी टैग में 800x600 जेपीजी छवि प्रदर्शित करता हूं, तो आईई 9 में परिणाम बहुत निराशाजनक है।

वही पृष्ठ IE8 और क्रोम में बिल्कुल ठीक दिखाता है। आईई 7 भी ठीक है, बशर्ते मैं सीएसएस शैली -ms-interpolation-mode: bicubic; का उपयोग करता हूं)। फ़ायरफ़ॉक्स आईई 9 के समान निराशाजनक परिणाम दिखाता है लेकिन यह एक ज्ञात बग प्रतीत होता है, यह https://bugzilla.mozilla.org/show_bug.cgi?id=486918

मैंने स्टैक ओवरफ़्लो और अन्य फ़ोरमों को ट्रेल किया है लेकिन IE8 प्रतिपादन IE8 पर कोई शिकायत नहीं मिली है।

क्या कोई इसे IE9 में एक बग जानता है। क्या आसपास कोई काम है?

मैं छवियां सबमिट नहीं कर सकता, क्योंकि मैं स्टैक ओवरफ़्लो पर एक नया उपयोगकर्ता हूं। लेकिन आप आसानी से इस मुद्दे को दोबारा कर सकते हैं:

Paint.Net में ब्रश-चौड़ाई 1 या 2 प्रदर्शन के साथ एक ellips के साथ एक 800x600.jpg 150px आईएमजी टैग द्वारा एक 200px में इस छवि IE9 तुलना करें क्रोम के साथ बना सकते हैं और आईई 8 (आईटेस्टर का उपयोग करके)

Answer 1

मैंने इसे आईई और छवि आकार बदलने के साथ बहुत कुछ देखा है। आप छवि संपादक या स्वचालित माध्यमों के माध्यम से एक अलग छोटे संस्करण को सटीक आकार बनाने से ईमानदारी से बेहतर हैं।

Answer 2

डिफ़ॉल्ट यानी छवि का आकार बदलना एल्गोरिदम बहुत अच्छा नहीं है। आप ध्यान दें के रूप में, IE7 के साथ एल्गोरिथ्म बदलने की क्षमता शामिल:

img { 
-ms-interpolation-mode: bicubic; 
} 

यह IE9 according to the docs page में दूर ले जाया जाता है, लेकिन वे क्या अगर कुछ बजाय का उपयोग करने के बारे में कोई जानकारी प्रदान नहीं करते। यदि आप ब्राउज़र में नहीं छवि का आकार बदलने का प्रबंधन कर सकते हैं तो आपको इस तरह के सर्वोत्तम परिणाम मिलेंगे।

आपके उपयोग के मामले के आधार पर, आप बेहतर परिणाम प्राप्त करने के लिए नए ब्राउज़र के साथ कैनवास का उपयोग करने में सक्षम हो सकते हैं। Resizing an image in an HTML5 canvas में स्वीकार्य उत्तर आशाजनक लग रहा है :)