سؤال لماذا يتم عرض صورة PNG هذه بشكل مختلف في Chrome & Firefox مقارنة بخيارات Safari و IE؟


تحقق من هذه الصورة:

Apple or Pear

في متصفح Chrome و Firefox ، سيظهر ذلك على شكل كمثرى. الآن ، حاول حفظه وانظر إليه محفوظًا على سطح المكتب. وحاول أيضًا المشاهدة رحلات السفاري أو متصفح الانترنت. وسوف تظهر بمثابة تفاحة!

حاول النقر على الصورة وتحريكها. ستلاحظ ظهور التفاحة.

لماذا يحدث هذا؟


667
2018-04-07 03:32


الأصل


إذا حاولت سحب الصورة على فايرفوكس فقط قليلاً ، فإن الصورة التي تم سحبها بشفافية ستجعل شكل تفاحة aPear - ajax333221
كيف صنعت هذه الصورة؟ هل يمكنك توجيهي إلى موقع إلكتروني؟ - tumchaaditya
بالنسبة للقراء المستقبليين ، يبدو هذا ثابتًا في الإصدارات الحالية من IE. - Kat
ولكن ما زال بإمكانك تنزيلها على سطح المكتب ومشاهدة التفاحة هناك ، ومشاهدتها في Firefox ، Chrome ككمثرى. - Jet


الأجوبة:


يحدث ذلك لأن بعض المتصفحات تؤدي تصحيح غاما كما هو محدد في ملف الصورة.

ها هي الصورة غير المصححة. تحتوي وحدات البكسل "white-ish" في صورة التفاح على صورة الكمثرى ، مخزنة بكثافة أعلى بكثير ، أي مشرقة جدًا.

إليك الصورة المصححة بأشعة جاما. تحتوي وحدات البكسل "black-ish" في صورة الكمثرى على صورة تفاحة ، مخزنة بكثافة طبيعية إلى حد ما ، ولكنها تتجه إلى اللون الأسود بالقرب من تصحيح غاما.

على شاشتي ، أستطيع أن أرى الكمثرى ضعيفة بين البكسلات البيضاء في الصورة الأولى ، ولكن في الصورة الثانية ، لا يمكن تمييز التفاح عن البكسلات السوداء حوله.

(قد ترى أيضًا بعض الألوان الملحقة على الكمثرى المصححة بأشعة غاما ، لأن الصورة غير المصححة تستخدم نطاقًا أصغر بكثير من قنوات الألوان.)

يحتوي ملف صورة PNG على مقطع gAMA يحدد قيمة gamma لملف من 0.02. عند عرضه بدون تصحيح غاما ، يرى المشاهد تفاحة ذات بكسل "أبيض" تتخللها ، وهي في الواقع الكمثرى في شدتها الأصلية (عالية).

عند عرضه باستخدام تصحيح غاما ، يرى المشاهد كمونًا مصححًا بالألوان مع وحدات بكسل "باللون الأسود" وهي في الواقع التفاحة التي يتم عرضها بقيمة غاما أقل بكثير.

تقوم المتصفحات التي تعرض الكمثرى بإجراء تصحيح غاما على الصورة ، بينما لا تقوم المتصفحات التي تعرض التفاحة بإجراء تصحيح غاما ، ولكنها تظهر فقط بقيم الألوان الحرفية.


529
2018-04-07 05:23



قراءة الموصى بها حول هذا الموضوع: ودعا المقال الشهير من قبل اريك Brasseur "خطأ جاما في قياس الصورة. - ulidtko
ulidtko هذا الآن 404. وهنا نسخ على أرشيف الويب. - Cole Johnson


كان هذا كثيرًا جدًا للتعليق ، ولكن نأمل أن يساعد.

لذا ، فأنا على يقين من أن هذه المسألة تتناول الطريقة التي تفسر بها المتصفحات معلومات غاما مع PNGs. إنها مشكلة ممتعة جدًا وتتعامل مع غموض معلومات جاما في المقام الأول.

المقالة قصة حزينة من PNG غاما "تصحيح" يوفر ملخصًا رائعًا للغاية عن المشكلات والعلاجات وغيرها من حقائق المتعة.

مع ذلك ، يمكننا بالفعل تجريد معلومات جاما من صورة باستخدام pngcrush

pngcrush -rem gAMA -rem cHRM -rem iCCP -rem sRGB pear.png apple.png

مع معلومات جاما وبدون ذلك:

pear an apple

لن أقول حقاً أن هذا هو "الجواب" ، ولكن إذا كان أي شيء على الأرجح فإنه في الاتجاه الصحيح. أنا متأكد من شخص لديه الكثير من المعرفة بشأن ملفات تعريف الألوان وهكذا سوف يأتي مع استجابة أكثر رسمية.


228
2018-04-07 04:34



هاتان الصورتان تتشابهان معي ، وهما تومضان بين التفاح والكمثرى تمامًا مثلما هو الحال في السؤال الأصلي. أنا أستخدم Safari 6.0.2 - Fraser Graham
لاحظ أن آخر عنصرين من الأمر المقدم هنا هما infile و outfile: على سبيل المثال pngcrush -rem gAMA -rem cHRM -rem iCCP -rem sRGB infile.png outfile.png. مزيد من المعلومات: hsivonen.fi/png-gamma - fredrivett


تغيير جاما (γ) من صورة تتكون من تعديل قيمة gamma في:

(R '، G'، B ') = (Rγ، زايγ، بγ)

الذي يعطي لون بيكسل الخرج (R '، G'، B ') المعروض على الشاشة بعد تطبيق دالة غاما على قيم البكسل الأولي (R، G، B) (مع مراعاة R و G و B التي تم ضبطها بين 0 و 1 ).

الآن ، لنأخذ القناة الحمراء على سبيل المثال.
إذا R = R0 + R1 سوف تحصل
R '= (R0 + R1)γ = R0γ * (1 + R1 / R0)γ

إذا كان R0 أكبر بكثير من R1 ، فأنت لديك
(1 + R1 / R0)γ ≈ 1 + γR1 / R0،
وبالتالي R '≈ R0γ + γ


40
2018-04-07 05:38





إنها لا تقريب وحدات البكسل ولا تكون ملفات تخصيص ألوان ICC هي المشكلة.

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

أرى إما صورة خدعة تفاح / كمثرى ، أو أرى فقط الكمثرى ، اعتمادًا على ما إذا كان المستعرض يدعم بيانات gamma هذه.


9
2018-04-07 05:41





كما يحدث ، يمكنك رؤية المزيد من التفاصيل في الصور باستخدام شاشة معايرة مناسبة وإذا كانت طريقة جاما / السطوع / التباين عالية ، يمكنك رؤية الصورة الواحدة في الصورة مخفي أكثر من


1
2018-03-11 01:49