Изображения Imgur не работают

У нас возникла проблема, которая сводит меня с ума.

Проблема: изображения, размещённые на imgur, часто не отображаются.

Пример:

Перезагрузка страницы через CTRL-F5 позволяет изображениям появиться, однако, поскольку эта проблема встречается во многих темах, такой обходной путь не является приемлемым.

Впервые проблема была замечена в начале сентября 2019 года с изображениями с dslreports.com и FF 69.0 (на Windows).
Проблема сохраняется и сегодня с FF 76.0.1 и Discourse 2.5.0.beta4.

Наблюдения другого пользователя

  • Подтверждение с помощью FF 69.0 на macOS 10.12.6…
    • При обычной загрузке страницы изображения отсутствуют, как и сообщалось.
    • Cmd-Shift-R (перезагрузка с зажатой клавишей Shift) заставляет изображения появиться.
    • Cmd-R (обычная перезагрузка) — изображения снова отсутствуют.
  • Chrome версии 77.0.3865.75: то же поведение.
    • Cmd-R — изображения отсутствуют.
    • Cmd-Shift-R — изображения появляются.
  • Safari версии 12.1.2 (12607.3.10) всегда отображает изображения.

Примеры тем

Есть ли какие-либо идеи, что может вызывать эту проблему и как её решить?

Правильно ли отображаются изображения здесь? Попробуйте использовать ту же ссылку на изображение в ответе здесь.

Отличная идея!

Imgur

Ссылка на изображение:
Imgur

Прямая ссылка:

Ссылка в формате Markdown:
Imgur

BBCode

Ссылка с BBCode —> не работает!

Вот что я вижу сейчас (Ctrl-F5 ещё не нажимал):

После Ctrl-F5 → все изображения видны.

У меня работает в Firefox и Chrome, с uBlock Origin и без него.

Не может ли это быть связано с вашими личными настройками в этих браузерах (некоторые расширения могут быть очень чувствительны к изображениям с чужих доменов)?

Попробуйте другой веб-браузер, который вы обычно не используете. Это поможет исключить влияние локальных настроек браузера.

Если это не поможет, попробуйте зайти со своего мобильного телефона с отключённым Wi-Fi. Это позволит исключить проблемы с вашей локальной сетью.

Я также соберу данные от других пользователей в эти выходные и отчитаюсь.

Извините, что вернулся к этой теме чуть позже.

Интересные наблюдения за сегодня:

Тестовая тема: Broken imgur images (for testing only) - Site Feedback and Other Questions - OpenWrt Forum

Firefox

  • Свежеоткрытый Firefox, без входа в аккаунт, посещение тестовой темы: все изображения в первом сообщении работают.
  • Свежеоткрытый Firefox, с входом в аккаунт, посещение тестовой темы: последнее изображение в первом сообщении не работает.

Chrome

  • Свежеоткрытый Chrome, без входа в аккаунт, посещение тестовой темы: последнее изображение в первом сообщении не работает.
  • Свежеоткрытый Chrome, с входом в аккаунт, посещение тестовой темы: последнее изображение в первом сообщении не работает.

Это воспроизводится.

РЕДАКТИРОВАНИЕ: вышеуказанные результаты получены при доступе в интернет через кабель. Чтобы исключить проблему с подключением, я перепроверил через точку доступа мобильного телефона: результат тот же.

Как видно, для Firefox имеет значение, выполнен ли вход в аккаунт или нет; Chrome же не обращает на это внимания и в любом случае не показывает последнее изображение.

Корневая причина

Ссылка в BBCode → не работает!
[url=https://imgur.com/6UadCq3]![](upload://oAe4ec2Wl59ohJsE3L6nlRdabPS.jpeg)[/url]

Ссылка в BBCode → работает!
[url=https://imgur.com/6UadCq3][img]https://i.imgur.com/6UadCq3.jpg[/img][/url]

Есть ли какая-то причина, по которой Imgur опускает букву ‘s’ в ссылке на изображение?

Для тех, кто не видит эту проблему:

Откуда вы взяли этот BBCode без HTTPS?

В любом случае, несколько советов:

  • Включение опции «Загружать удаленные изображения локально» и удаление imgur из настроек «Отключенные домены для загрузки изображений» гарантирует, что такого больше не произойдет, так как все изображения будут размещены локально.

  • Не знаю, кто хостит этот форум, но он определенно не следует нашему руководству Официальная стандартная установка Discourse. Из-за этого у него не включен HTTP/2, поэтому для всех сайт работает медленнее.

С сайта imgur.

@thess, можете прокомментировать остальные два пункта, упомянутые Рафаэлем?

Ага, значит, это BBCode, который генерирует imgur, когда вы просматриваете своё изображение и используете их «Формат ссылки».

Что ж, это контролирует сам imgur, и мы ничего не можем с этим поделать. Кроме того, у нас уже есть обходные пути для HTTP-контента: мы скачиваем медиафайлы и раздаём их локально. Больше нам делать нечего.

Я предпочёл бы не размещать изображения локально, если это не абсолютно необходимо.

Сайт размещён на DigitalOcean. Я установил его в 2016 году на Debian 8 с тем, что было доступно тогда. И… насколько мне известно, HTTP/2 всегда был включён.

Это действительно не обязательно. Я считаю, что 99% людей просто копируют и вставляют изображения в редактор для большинства своих нужд. ++ выберите область и + в редактор.

Также копирование изображения с Imgur или его URL работает отлично. Этот отчет — лишь частный случай.

Вы также можете использовать Заменить строку во всех сообщениях, чтобы исправить все старые ссылки на Imgur через HTTP.

Discourse установлен в контейнере Docker, и мы поставляем обновления для nginx, поэтому вам не нужна поддержка на уровне хост-ОС. Если вы не настраивали что-то вручную с обратным прокси, у вас должен быть HTTP/2 из коробки, просто имея актуальную версию Discourse.

Как я выяснил, проблема затрагивает не только Imgur.

Также затронуты (см. скриншоты по ссылке: Broken imgur images (for testing only) - #4 by tmomas - Site Feedback and Other Questions - OpenWrt Forum):

  • Dropbox (ссылка по HTTPS, например: https://www.dropbox.com/sh/ew0gap0crn30wyk/AACTBNd_oQF4pMzviYqDDtlYa/owrt1907-r11104-e752fc1ff9-20200605?dl=0)

    Как обычная ссылка здесь, в форуме Discourse: Dropbox

    Как onebox:

Скриншот на случай, если вы не видите проблему:



Сообщение «Ссылка не найдена» противоречит тому, что я вижу в форуме OpenWrt: при нажатии CTRL+F5 ссылка на изображение работает, и ошибка «не найдено» не появляется.

Исправление этой проблемы для Imgur кажется довольно простым, хотя и требует определённых усилий, которые нужно будет прилагать регулярно, так как появляются новые неработающие ссылки.

@Falco Поскольку ссылка на Dropbox тоже, похоже, не работает в форуме Discourse: вы размещаете изображения локально, как рекомендовано выше?

Ещё один пример для сайта, отличного от Imgur, который не работает с oneboxing:

https://www.kuketz-blog.de/openwrt-update-benachrichtigung-fuer-packages/

Да, мы загружаем изображения локально, что является стандартным поведением Discourse.

Размещение ссылок от сторонних сервисов со временем приведёт к появлению битых изображений, и именно поэтому Discourse с самого начала включает эту функцию. Конечно, есть компромисс: вам нужно предоставить место для изображений — либо локально, либо используя службу объектного хранилища.

Извините за настойчивость, но я запутался и, думаю, неправильно понял проблему.

Что меня сбивает с толку:

При создании этого сообщения и добавлении ссылки на

https://www.kuketz-blog.de/openwrt-update-benachrichtigung-fuer-packages/

Я вижу битое изображение в области предварительного просмотра:


— начало скриншота —


— конец скриншота —


Однако на момент написания этого сообщения в моем предыдущем сообщении я вижу ту же ссылку, но с корректно отображаемым изображением:


— начало скриншота —


— конец скриншота —


Я не понимаю, почему я сталкиваюсь с этой проблемой в форуме Discourse, хотя, как вы говорите, изображения хранятся локально.

Это означает, что у вас установлены некорректные расширения браузера. Можете ли вы удалить все расширения и попробовать снова?