Вот изображение:
Это изображение не имеет фрагмента gAMA или цветовых профилей. Я пытался удалить фрагмент sRGB, но не смог, с pngcrushили pngfix.
Несмотря на это, это изображение отображается по-разному в Firefox и Chrome (или Chromium, так как у меня он). Изображение намного ярче в Chromium, что соответствует тому, что показывают офлайн-просмотрщики изображений, такие как feh и nomacs. Я склонен думать, что Firefox ошибается в этом, но я не уверен. И что еще важнее,как мне создать изображение, которое будет отображать то же самое?
Единственная связанная информация, которую я могу найти о том, что PNG отображаются по-разному в браузерах, очень старая. Вероятно, наиболее релевантный вопрос:Вот этот. Но и в Chromium, и в Firefox я вижу грушу, хотя и с немного разными фонами. В nomacs и feh я вижу яблоко.
решение1
Я разобрался. В Firefox я изменил на layout.css.devPixelsPerPxв 1.2настройках, about:configпотому что значение по умолчанию оказалось слишком маленьким. В Chromium я ничего подобного не делал.
Для большинства изображений это не имеет значения, но для этого изображения это имеет значение, потому что значения пикселей сильно различаются, даже когда они находятся рядом друг с другом, поэтому масштабирование изображения все портит. Вы можете сами это увидеть, увеличив масштаб этой страницы в любом браузере и увидев, как меняется изображение.
Возвращение layout.css.devPixelsPerPxк значениям по умолчанию для -1.0фиксированных вещей.