Images Imgur cassées

Nous avons un problème qui me rend fou.

Problème : les images hébergées sur Imgur sont fréquemment cassées.

Exemple :

Le rechargement de la page via CTRL-F5 fait réapparaître les images, mais comme nous rencontrons ce problème dans de nombreux sujets, cette solution de contournement n’est vraiment pas acceptable.

Première observation début septembre 2019 avec des images provenant de dslreports.com et FF69.0 (sous Windows).
Le problème est toujours présent aujourd’hui avec FF 76.0.1 et Discourse 2.5.0.beta4.

Observations d’un autre utilisateur

  • Confirmation avec FF 69.0 sous macOS 10.12.6…
    • Le chargement normal de la page ne montre pas les images, comme signalé.
    • Cmd-Shift-R (rechargement avec la touche Maj enfoncée) fait apparaître les images.
    • Cmd-R (rechargement normal) : les images disparaissent à nouveau.
  • Chrome Version 77.0.3865.75 : même comportement
    • Cmd-R : pas d’images
    • Cmd-Shift-R : les images sont présentes.
  • Safari Version 12.1.2 (12607.3.10) affiche toujours les images.

Exemples de sujets

Avez-vous des indices sur ce qui pourrait causer ce problème et comment le résoudre ?

Les images s’affichent-elles correctement ici ? Essayez le même lien d’image dans une réponse ici.

Bonne idée !

Imgur

Lien de l’image :
Imgur

Lien direct :

Lien Markdown :
Imgur

BBCode

BBCode lié → ne fonctionne pas !

C’est ce que je vois maintenant (CTRL-F5 pas encore appuyé) :

Après CTRL-F5 → Toutes les images sont visibles.

Ça fonctionne pour moi sur Firefox et Chrome, avec ou sans uBlock Origin activé.

Cela ne pourrait-il pas provenir de vos paramètres personnels sur ces navigateurs (certaines extensions peuvent être très sensibles aux images provenant de domaines externes) ?

Essayez avec un autre navigateur web, que vous n’utilisez pas habituellement. Cela permettra d’éliminer les personnalisations locales de votre navigateur.

Si cela ne fonctionne pas, essayez sur votre téléphone portable avec le Wi-Fi désactivé, ce qui éliminera votre réseau local.

Je vais également collecter des données auprès d’autres utilisateurs ce week-end et vous en ferai part.

Désolé, j’ai mis un peu plus de temps à revenir sur ce sujet.

Observations intéressantes du jour :

Sujet de test : Broken imgur images (for testing only) - Site Feedback and Other Questions - OpenWrt Forum

Firefox

  • Firefox fraîchement ouvert, non connecté, en visitant le sujet de test : Toutes les images du premier message fonctionnent
  • Firefox fraîchement ouvert, connecté, en visitant le sujet de test : La dernière image du premier message ne fonctionne pas

Chrome

  • Chrome fraîchement ouvert, non connecté, en visitant le sujet de test : La dernière image du premier message ne fonctionne pas
  • Chrome fraîchement ouvert, connecté, en visitant le sujet de test : La dernière image du premier message ne fonctionne pas

C’est reproductible.

MODIF : Les résultats ci-dessus concernent un accès Internet via câble. Pour écarter l’hypothèse d’un problème de connexion, j’ai fait une vérification croisée via le partage de connexion de mon téléphone mobile : même résultat.

Comme vous pouvez le voir, pour Firefox, cela fait une différence si je suis connecté ou non ; Chrome, en revanche, s’en fiche, il n’affiche pas la dernière image dans tous les cas.

Cause racine

BBcode lié → ne fonctionne pas !
[url=https://imgur.com/6UadCq3]![](upload://oAe4ec2Wl59ohJsE3L6nlRdabPS.jpeg)[/url]

BBcode lié → fonctionne !
[url=https://imgur.com/6UadCq3][img]https://i.imgur.com/6UadCq3.jpg[/img][/url]

Y a-t-il une raison pour qu’Imgur omette le ‘s’ dans le lien de l’image ?

Pour ceux qui ne peuvent pas voir ce problème :

Où avez-vous obtenu ce BBCode sans HTTPS ?

Quoi qu’il en soit, quelques conseils :

  • Activer l’option « télécharger les images distantes localement » et retirer imgur des paramètres « domaines d’images dont le téléchargement est désactivé » permettra de garantir que cela ne se produise plus jamais en hébergeant toutes les images localement.

  • Je ne sais pas qui héberge ce forum, mais il ne suit clairement pas notre guide Installation standard officielle de Discourse. Par conséquent, HTTP/2 n’y est pas activé, ce qui rend le site plus lent pour tout le monde.

Depuis le site web d’Imgur.

@thess Peux-tu commenter les deux autres points mentionnés par Rafael ?

Ah, donc c’est le BBCode généré par imgur lorsque vous consultez votre propre image et que vous utilisez leur « Format de lien ».

Eh bien, c’est quelque chose que imgur contrôle, et nous n’y pouvons rien. De plus, nous avons déjà des solutions de contournement pour le contenu HTTP en téléchargeant et en servant les médias localement. Il n’y a rien d’autre à faire de notre part.

Je préférerais ne pas héberger les images localement, sauf si cela est absolument nécessaire.

Le site est hébergé par DigitalOcean. J’ai effectué l’installation en 2016 sur Debian 8 avec ce qui était disponible à l’époque. Et… HTTP/2 était, à ma connaissance, toujours activé.

Ce n’est pas vraiment nécessaire. Je pense que 99 % des gens se contentent de copier-coller des images dans l’éditeur pour la plupart de leurs besoins. ++ pour sélectionner une zone, puis + dans l’éditeur.

Copier l’image depuis Imgur ou utiliser son URL fonctionne également très bien. Ce signalement ne concerne qu’un cas marginal.

Vous pouvez également utiliser Remplacer une chaîne dans tous les messages pour corriger tous les anciens liens HTTP Imgur.

Discourse est installé dans un conteneur Docker, et nous livrons des mises à jour pour nginx, de sorte que vous n’avez pas besoin de support sur le système d’exploitation hôte. Sauf si vous avez configuré manuellement un proxy inverse personnalisé, vous devriez bénéficier de HTTP/2 nativement, simplement en ayant une version à jour de Discourse.

Ce n’est pas seulement Imgur qui est concerné, comme je l’ai découvert.

Également concerné (voir Broken imgur images (for testing only) - #4 by tmomas - Site Feedback and Other Questions - OpenWrt Forum pour des captures d’écran) :

  • Dropbox (lien https, par exemple https://www.dropbox.com/sh/ew0gap0crn30wyk/AACTBNd_oQF4pMzviYqDDtlYa/owrt1907-r11104-e752fc1ff9-20200605?dl=0)

    En tant que lien normal ici dans le forum Discourse : Dropbox

    En tant que onebox

Une capture d’écran au cas où vous ne verriez pas le problème :



Lien introuvable est contraire à ce que je vois dans le forum OpenWrt lorsque j’appuie sur CTRL-F5 (le lien de l’image fonctionne alors et n’est pas “introuvable”).

Corriger ce problème pour Imgur semble plutôt simple, bien que cela demande un certain effort, et cet effort doit être renouvelé régulièrement car de nouveaux liens non fonctionnels apparaissent.

@Falco Puisque le lien Dropbox ne semble pas fonctionner non plus dans le forum Discourse : hébergez-vous les images localement comme conseillé ci-dessus ?

Encore un exemple d’un site non Imgur qui ne fonctionne pas avec l’encapsulation :

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

Oui, nous téléchargeons les images localement, ce qui est le comportement par défaut de Discourse.

Publier des liens provenant de tiers finira inévitablement par entraîner des images brisées, et c’est pourquoi Discourse intègre cette fonctionnalité depuis ses débuts. Bien sûr, il y a un compromis : vous devez fournir de l’espace pour les images, soit localement, soit en utilisant un service de stockage objet.

Désolé d’être aussi insistant, mais je suis confus et je pense n’avoir pas bien compris le problème.

Ce qui me perturbe :

Lors de la création de ce message et de l’ajout d’un lien vers

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

Je vois une image brisée dans la zone d’aperçu :


— début de capture d’écran —


— fin de capture d’écran —


Cependant, au moment où j’écris ce message, dans mon message précédent, je vois le même lien avec l’image affichée correctement :


— début de capture d’écran —


— fin de capture d’écran —


Je ne comprends pas pourquoi je rencontre ce problème sur le forum Discourse, alors que, comme vous l’avez dit, les images sont stockées localement.

Cela signifie que vous avez installé des extensions de navigateur défectueuses. Pouvez-vous supprimer toutes les extensions et réessayer ?