JPF на сайте, как заставить его работать правильно?

Question

Я пытаюсь оптимизировать свой сайт, используя скорость страниц, и мне посоветовали использовать JPEG2000 вместо обычного JPG. Таким образом, я преобразовал все мои изображения, но когда я изменил изображения, они не отображаются на моем ноутбуке. Поэтому я проверил «caniuse» и теперь вижу, что это расширение поддерживается только на мобильных телефонах (Android и IOS)

Так как мне реализовать это на моем сайте? Нужно ли использовать javascript, чтобы изменить расширение на jpf, если устройство является мобильным телефоном?

Я использую изображение и srcset в зависимости от размера экрана, но это не сработает, если я перетаскиваю свой экран на ноутбуке меньше. Кто-нибудь знает, как использовать этот новый JPEG2000?

Answer 1

Кто-то дал вам очень плохой совет.Поддержка JPEG 2000 очень ограничена.Вероятно, ваша система просто не может декодировать изображение.

Проблема со стандартами JPEG состоит в том, что они сделаны с точки зрения академической яйцеклетки.Оригинальный стандарт JPEG был совершенно неосуществим.В то время не было хорошего формата 24-bpp для фотографий, так что, как бы там ни было, группа разработчиков вмешалась и заполнила пробелы в стандарте.Это привело к формату файла JFIF и кодеру / декодеру IJG.

Стандарт JPEG2000 еще хуже с точки зрения реализации.Он не содержит сквозного описания процесса кодирования и декодирования.Добавьте к этому, что JPEG2000 предоставляет ограниченные преимущества по сравнению с существующими форматами изображений, так что у разработчиков практически нет стимула пробираться через запутанный стандарт и создавать для него реализации.Сравните стандарт PNG с JPEG2000, и вы быстро увидите разницу.Стандарт PNG является руководством для разработчиков, в то время как стандарт JPEG2000 выглядит как академическая статья.

Таким образом, стимул для внедрения JPEG2000 невелик.Это просто один из множества форматов изображений, которые редко используются.

Answer 2

JPEG 2000 поддерживается * Safari и никаким другим браузером.

Использование его в качестве формата изображения по умолчанию - ужасная идея.

Вы можете использовать srcset для предоставления изображений в различных форматах для клиентов с различными уровнями поддержки.