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

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

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

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

html css image file web

04.03.2019 10:42

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

5 870

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Изображения 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:

04.03.2019 10:51

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

Фаерфокс: не поддерживается.

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

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

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

04.03.2019 10:51