एक सेब या एक नाशपाती?

Stackoverflow फोरम ने विभिन्न ब्राउज़रों में अलग दिखने वाले PNG बनाने के बारे में चर्चा की । उदाहरण के लिए, शीर्ष पर स्थित चित्र क्रोम / फ़ायरफ़ॉक्स में एक नाशपाती की तरह दिखता है, लेकिन IE ब्राउज़र में एक ऐप्पल में "बदल जाता है"।

नुस्खा सरल है। यह सब गामा सुधार के बारे में है, जिसे कुछ ब्राउज़रों में ध्यान में रखा गया है और अन्य ब्राउज़रों में इसे ध्यान में नहीं रखा गया है। इस अंतर का फायदा उठाने के लिए, हम दो तस्वीरें लेते हैं: एक सेब और एक नाशपाती। नाशपाती को हल्के पिक्सल पीएनजी में रखा गया है।



Apple - डार्क पिक्सल्स PNG में। चमक को समायोजित किया जाना चाहिए ताकि डुबकी लगाने पर, नाशपाती स्पष्ट रूप से दिखाई दे, और सेब पूरी तरह से काला हो जाए। इसके विपरीत, अधिकतम प्रकाश के साथ, नाशपाती व्यावहारिक रूप से गायब हो जाती है, और सेब स्पष्ट रूप से दिखाई देता है।



हम दो छवियों को जोड़ते हैं, ताकि प्रकाश और "अंधेरे" पिक्सल एक शतरंजबोर्ड के साथ वैकल्पिक हो - और आपका काम हो गया। अब, यदि ब्राउज़र में गामा सुधार शामिल है, तो स्क्रीन पर एक नाशपाती दिखाई देती है। और अगर आप केवल चित्र को डेस्कटॉप पर सहेजते हैं और इसे संपादक में खोलते हैं, तो आप सेब देख सकते हैं।



पुनश्च एक और उदाहरण : गामा-सही किए गए ब्राउज़रों में, GNU लोगो प्रदर्शित होता है, और पुराने IE या ओपेरा में - एक रंगीन पेंगुइन।