Может ли Firefox отображать изображения JP2?

#html #css #image #file #web

#HTML #css #изображение #файл #веб

Вопрос:

Недавно я преобразовал все изображения на своем веб-сайте в формат JP2, чтобы уменьшить размер файла, сохранив прозрачность.

В Safari все работает отлично, но Firefox не отображает изображения JP2, однако он отображает PNG.

JP2 не поддерживается в Firefox?

1. Да, это не поддерживается: caniuse.com/#search=jp2

2. Похоже, это связано с патентами на программное обеспечение по методам математического сжатия. Не повезло..

3. Кроме того, интересно, почему вы выбрали именно этот формат, а не, например, .png..

4. @Kaddath Потому что он основан на формате JPG, поэтому размер файла намного меньше, и он поддерживает альфа-версию.

5. @Kaddath проблема с патентом? Ну, БОЛЬШЕ НЕТ с 2019 года. Посмотрите на последнее предложение параграфа «Правовой статус» на вики-странице JPEG 2000. Теперь мы просто сталкиваемся с надписью «не поддерживается широко в веб-браузерах».

Ответ №1:

Изображения JP2 не поддерживаются в Firefox.

Но вы можете использовать <picture> элемент для предоставления нескольких форматов изображений, чтобы браузер мог выбирать и отображать поддерживаемый формат изображения:

 <picture>
    <source srcset="img/example.jp2" type="image/jp2"> <!-- format supported by safari -->
    <source srcset="img/example.webp" type="image/webp"> <!-- format supported on many browsers -->
    <source srcset="img/example.jpg" type="image/jpeg"> <!-- common supported format -->
    <img src="img/example.jpg" alt="example-alt-text"> <!-- default -->
</picture>

Примечание: Альтернативой формату JP2 может быть формат WebP:

1. я попробовал этот код, и все браузеры вернулись к умолчанию. как мне указать Safari использовать jp2? или любой браузер, использующий webp?

2. Почему? Это настолько хороший формат, что он используется практически везде, но никогда в качестве формата файла. (h265, pdf …)

Ответ №2:

(JP2) Поддерживаемый браузер ниже:

Firefox: Не поддерживается.

Chrome: не поддерживается.

Safari: поддерживается.

Вы также можете проверить эту ссылку: https://caniuse.com/#feat=jpeg2000