изображение веб-страницы показывает черный на мобильном браузере

Question

У меня есть веб-страница (php страница), и она очень хорошо показывает изображение для любого браузера на моем рабочем столе, ipad (9,7 дюйма или больше), но никогда не показывается в iphone, android телефоне и ipad мини. В мобильном браузере отображается только черное изображение.

1. Интересно, изображение слишком велико (jpg), но тот же файл jpg хорошо отображается в настольном браузере, но черный в мобильном браузере.
2. Я исследую Google. Кто-то говорит, что это изображение может использовать формат CMYK. Как я могу узнать, что это изображение в формате CMYK? это проблема?

Кто-нибудь знает, как решить проблему?

Дайте вам образец изображения

ссылка: http://www.cbeiji.com/upload1812/20200308120858161866827.jpg

html:

<img alt="" src="http://www.cbeiji.com/upload1812/20200308120858161866827.jpg">

Настольный браузер показывает хорошо.

Мобильный браузер не отображается. Это черный прямоугольник.

Answer 1

Это не JPEG, это PNG.

Теперь браузер на самом деле не знает и не заботится о названии файла, но ваш сервер использует расширение .jpg, чтобы определить, какой заголовок Content-Type будет отправлен обратно. Ваш сервер отправляет:

Content-Type: image/jpeg

Очевидно, что, поскольку это не JPEG, некоторые клиенты будут иметь проблемы с этим. Для тех, кто работает ... браузер приятен для вас.

Кстати, вы можете проверить это самостоятельно, используя одно из многих средств просмотра метаданных онлайн. Например: https://exifmeta.com/

Answer 2

1. Используйте редактор изображений и сохраните файл как обычный jpg (или просто щелкните правой кнопкой мыши как сохранить)
2. Убедитесь, что прозрачность не добавлена ​​

сначала проверьте это с одним изображением, посмотрите, поможет ли это.