Imágenes de Imgur rotas

Tenemos un problema que me está volviendo loco.

Problema: las imágenes alojadas en Imgur suelen estar rotas.

Ejemplo:

Recargar la página con CTRL+F5 hace que las imágenes se muestren, pero dado que tenemos este problema en muchos temas, este método no es realmente aceptable.

Se observó por primera vez a principios de septiembre de 2019 con imágenes de dslreports.com y FF69.0 (en Windows).
El problema sigue presente hoy en día con FF 76.0.1 y Discourse 2.5.0.beta4.

Observaciones de otro usuario

  • Confirmación usando FF 69.0 en macOS 10.12.6…
    • La carga normal de la página no muestra las imágenes, como se reportó.
    • Cmd-Shift-R (recargar manteniendo presionada la tecla Shift) hace que las imágenes aparezcan.
    • Cmd-R (solo recarga normal) - las imágenes no aparecen de nuevo.
  • Chrome Versión 77.0.3865.75: mismo comportamiento.
    • Cmd-R: sin imágenes.
    • Cmd-Shift-R: con imágenes.
  • Safari Versión 12.1.2 (12607.3.10) siempre muestra las imágenes.

Temas de ejemplo

¿Alguna pista sobre qué podría causar este problema y cómo se puede resolver?

¿Se publican bien las imágenes aquí? Prueba el mismo enlace de imagen en una respuesta aquí.

¡Buena idea!

Imgur

Enlace de imagen:
Imgur

Enlace directo:

Enlace en Markdown:
Imgur

BBCode

BBCode con enlace → ¡no funciona!

Eso es lo que veo ahora (aún no he pulsado CTRL-F5):

Después de CTRL-F5 → Todas las imágenes visibles.

Funciona para mí en Firefox y Chrome, con o sin uBlock Origin activado.

¿Podría ser algo de tu configuración personal en esos navegadores (algunas extensiones pueden ser muy sensibles con las imágenes de dominios externos)?

Prueba en un navegador web diferente, uno que no uses habitualmente. Eso descartará cualquier personalización local del navegador.

Si eso no funciona, prueba en tu teléfono móvil con el Wi-Fi desactivado, lo que descartará tu red local.

También recopilaré datos de otros usuarios durante el fin de semana y les informaré.

Lo siento, me ha llevado un poco más de tiempo volver a este tema.

Observaciones interesantes de hoy:

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

Firefox

  • Firefox recién abierto, sin iniciar sesión, visitando el tema de prueba: Todas las imágenes en la primera publicación funcionan.
  • Firefox recién abierto, con sesión iniciada, visitando el tema de prueba: La última imagen en la primera publicación no funciona.

Chrome

  • Chrome recién abierto, sin iniciar sesión, visitando el tema de prueba: La última imagen en la primera publicación no funciona.
  • Chrome recién abierto, con sesión iniciada, visitando el tema de prueba: La última imagen en la primera publicación no funciona.

Esto es reproducible.

EDITO: Los resultados anteriores son para acceso a internet por cable. Solo para descartar que sea un problema de conexión, verifiqué mediante tethering con un teléfono móvil: mismo resultado.

Como pueden ver, en Firefox hay una diferencia si estoy conectado o no; sin embargo, a Chrome no le importa, no muestra la última imagen en ningún caso.

Causa raíz

BBcode enlazado → ¡no funciona!
[url=https://imgur.com/6UadCq3]![](upload://oAe4ec2Wl59ohJsE3L6nlRdabPS.jpeg)[/url]

BBcode enlazado → ¡sí funciona!
[url=https://imgur.com/6UadCq3][img]https://i.imgur.com/6UadCq3.jpg[/img][/url]

¿Hay alguna razón por la que Imgur omita la ‘s’ en el enlace de la imagen?

Para quienes no pueden ver este problema:

¿Dónde obtuviste ese BBCode sin HTTPS?

De todos modos, algunos consejos:

  • Activar “descargar imágenes remotas a local” y eliminar imgur de la configuración de “dominios de descarga de imágenes deshabilitados” asegurará que esto nunca vuelva a ocurrir, ya que todas las imágenes se alojarán localmente.

  • No sé quién aloja este foro, pero definitivamente no está siguiendo nuestra guía de Instalación estándar oficial de Discourse. Por eso no tiene HTTP/2 habilitado, lo que hace que todos tengan un sitio más lento.

Del sitio web de Imgur.

@thess ¿Puedes comentar sobre los otros dos puntos que menciona Rafael?

Ah, entonces ese es el BBCode que genera Imgur al ver tu propia imagen y usar su “Formato de enlace”.

Bueno, eso es algo que controla Imgur y sobre lo que no podemos hacer nada. Además, ya tenemos soluciones alternativas para el contenido HTTP descargando y sirviendo los medios localmente. No hay nada más que podamos hacer.

Preferiría no alojar imágenes localmente a menos que sea absolutamente necesario.

El sitio está alojado por DigitalOcean. Realicé la instalación en 2016 en Debian 8 con lo que estaba disponible en ese momento. Y… HTTP/2, según tengo entendido, siempre ha estado habilitado.

Eso no es realmente necesario. Creo que el 99% de las personas simplemente copiarán y pegarán imágenes en el editor para la mayoría de sus necesidades. ++ selecciona el área y + en el editor.

También funciona perfectamente copiar la imagen desde Imgur o usar su URL. Este informe solo aborda un caso marginal menor.

También puedes usar Reemplazar una cadena en todas las publicaciones para corregir todos los enlaces antiguos de Imgur con http.

Discourse está instalado en un contenedor Docker y proporcionamos actualizaciones de nginx, por lo que no necesitas soporte en el sistema operativo anfitrión. A menos que hayas realizado una configuración personalizada con un proxy inverso manual, deberías tener HTTP/2 listo para usar simplemente manteniendo Discourse actualizado.

No solo Imgur se ve afectado, como descubrí.

También afectados (consulte las capturas de pantalla en Broken imgur images (for testing only) - #4 by tmomas - Site Feedback and Other Questions - OpenWrt Forum):

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

    Como enlace normal aquí en el foro de Discourse: Dropbox

    Como onebox:

Una captura de pantalla en caso de que no pueda ver el problema:



Enlace no encontrado es lo contrario de lo que veo en el foro de OpenWrt cuando presiono CTRL-F5 (el enlace de la imagen SÍ funciona entonces, y no aparece “no encontrado”).

Parece bastante sencillo solucionar este problema para Imgur, aunque con cierto esfuerzo, y ese esfuerzo debe realizarse regularmente, ya que aparecen nuevos enlaces que no funcionan.

@Falco Dado que el enlace de Dropbox tampoco parece funcionar en el foro de Discourse: ¿Alojas las imágenes localmente como se aconseja anteriormente?

Un ejemplo más de un sitio que no es Imgur y que no funciona con oneboxing:

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

Sí, descargamos las imágenes localmente, que es el comportamiento predeterminado de Discourse.

Publicar enlaces de terceros eventualmente terminará en imágenes rotas, y por eso Discourse incluye esta función desde sus inicios. Por supuesto, hay un compromiso: debes proporcionar espacio para las imágenes, ya sea localmente o utilizando un servicio de almacenamiento de objetos.

Perdona por ser tan insistente, pero estoy confundido y creo que no he entendido bien el problema.

Lo que me confunde:

Mientras creaba este mensaje y añadía un enlace a

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

veo una imagen rota en el área de vista previa:


— inicio de captura de pantalla —


— fin de captura de pantalla —


Sin embargo, al momento de escribir este mensaje, en mi mensaje anterior veo el mismo enlace con la imagen correcta mostrada:


— inicio de captura de pantalla —


— fin de captura de pantalla —


No entiendo por qué veo este problema en el foro de Discourse, aunque las imágenes se almacenan localmente como dices.

Eso significa que has instalado extensiones de navegador defectuosas. ¿Puedes eliminar todas las extensiones e intentarlo de nuevo?