Что за формат изображения такой .web.?

Попался мне вот такой сайт клиники США, а логотип у данного сайта вот такой странный: *.web., информации про данный формат не нахожу, поиск пишет об ошибке, и бросают на webP:

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

Может кто-то объяснить, как это было сделано, и почему браузер его отображает? Как с ним работать вообще, чем открыть и тд.


Ответы (3 шт):

Автор решения: Solt

Расширение может ничего не значить. Надо перейти в сеть, найти где эти файлы подгружаются и заглянуть в заголовки. Content-Type и будет настоящим типом, тогда всё и прояснится.

Также можно скачать этот файл и посмотреть на его содержимое. Часто по первым байтам (сигнатуре) становится понятным что это такое.

→ Ссылка
Автор решения: Pak Uula

В линуксе

curl -Ss -D - "https://locations.dignityhealth.org/content/dam/dignity-health/logo/dh-logo.png.thumb.1440.405./jcr:content/renditions/cq5dam.web." -o /dev/null | grep -i content-type

В Windows

curl -Ss -D - "https://locations.dignityhealth.org/content/dam/dignity-health/logo/dh-logo.png.thumb.1440.405./jcr:content/renditions/cq5dam.web." | Select-String content-type

В обоих случаях пишет:

content-type: image/png

То есть сервер считает, что отдаёт вам файл в формате PNG.

Чтобы удостовериться, что это именно PNG, нужно прочитать первые четыре байта

Linux

$ curl -s "https://locations.dignityhealth.org/content/dam/dignity-health/logo/dh-
logo.png.thumb.1440.405./jcr:content/renditions/cq5dam.web." |\
 head -c 4 |\
 xxd

Вывод

00000000: 8950 4e47                                .PNG
→ Ссылка
Автор решения: Ivan Shatsky

Различных утилит для определения типа содержимого файла вам тут уже насоветовали, в том числе и я, но раз уж вы задаёте вопрос "куда именно смотреть", давайте я вам покажу наглядно. Кстати, сайт не открывается не только из России, но и из Украины, зато например из Польши - запросто.

  1. На вкладке Network в списке сетевых запросов находите интересующий вас файл (для этого можно использовать фильтр). Если таких файлов оказывается несколько, наведя на него мышью, в тултипе можно увидеть полный путь к нему (курсор мыши на скриншоте не виден, но интересующий нас файл - первый в списке). Даже здесь уже видно, что его тип - png. Кроме того, на скриншоте видно, что было сделано несколько запросов в файлам с таким именем (но разным полным путём), и среди них попадались как PNG, так и SVG изображения. Скорее всего, эти файлы динамически генерируются каким-то web-фреймворком. DevTools Network Filter
  2. Кликаем на соответствующий запрос и в подразделе Headers (заголовки) находим группу заголовков Response Headers (заголовки ответа). DevTools Network Request details
  3. В списке заголовков ответа на запрос находим заголовок Content-Type и смотрим на его содержимое. DevTools Network Response headers
→ Ссылка