Imagens do Imgur quebradas

Temos um problema que está me deixando louco.

Problema: imagens hospedadas no Imgur frequentemente estão quebradas.

Exemplo:

Recarregar a página com CTRL-F5 faz as imagens aparecerem, no entanto, como estamos tendo esse problema em muitos tópicos, essa solução alternativa não é realmente aceitável.

Primeiro observado no início de setembro de 2019 com imagens do dslreports.com e FF 69.0 (no Windows).
O problema ainda está presente hoje com FF 76.0.1 e Discourse 2.5.0.beta4.

Observações de outro usuário

  • Confirmação usando FF 69.0 no macOS 10.12.6…
    • O carregamento normal da página não mostra as imagens, conforme relatado.
    • Cmd-Shift-R (recarregar com a tecla Shift pressionada) faz as imagens aparecerem.
    • Cmd-R (apenas recarregamento normal) - sem imagens novamente.
  • Chrome Versão 77.0.3865.75: mesmo comportamento.
    • Cmd-R: sem imagens.
    • Cmd-Shift-R: com imagens.
  • Safari Versão 12.1.2 (12607.3.10): sempre exibe as imagens.

Tópicos de exemplo

Alguma ideia do que poderia causar esse problema e como ele pode ser resolvido?

1 curtida

As imagens postam corretamente aqui? Tente o mesmo link de imagem em uma resposta aqui.

2 curtidas

Ótima ideia!

Imgur

Link da imagem:
Imgur

Link direto:

Link em Markdown:
Imgur

BBCode

BBCode com link → não funciona!

1 curtida

É isso que vejo agora (ainda não pressionei CTRL-F5):

Depois de CTRL-F5 → Todas as imagens visíveis.

1 curtida

Funciona para mim no Firefox e no Chrome, com ou sem o uBlock Origin ativado.

Será que não pode ser algo das suas configurações pessoais nesses navegadores? (algumas extensões podem ser muito sensíveis a imagens de domínios externos)

2 curtidas

Tente em outro navegador da Web, um que você não costuma usar. Isso eliminará qualquer personalização local do navegador.

Se isso não funcionar, tente no seu celular com o Wi-Fi desativado, o que eliminará sua rede local.

2 curtidas

Vou coletar dados também de outros usuários durante o fim de semana e retornarei com o relatório.

2 curtidas

Desculpe, demorei um pouco mais para voltar a este tópico.

Observações interessantes de hoje:

Tópico de teste: Broken imgur images (for testing only) - Site Feedback and Other Questions - OpenWrt Forum

Firefox

  • FF recém-aberto, não logado, acessando o tópico de teste: Todas as imagens na primeira postagem estão funcionando
  • FF recém-aberto, logado, acessando o tópico de teste: A última imagem na primeira postagem não está funcionando

Chrome

  • Chrome recém-aberto, não logado, acessando o tópico de teste: A última imagem na primeira postagem não está funcionando
  • Chrome recém-aberto, logado, acessando o tópico de teste: A última imagem na primeira postagem não está funcionando

Isso é repetível.

EDIT: Os resultados acima são para acesso à internet via cabo. Apenas para descartar que seja um problema de conexão, fiz uma verificação cruzada via tethering do celular: mesmo resultado.

Como você pode ver, para o Firefox faz diferença se estou logado ou não; já o Chrome não se importa, não mostra a última imagem em nenhum caso.

1 curtida

Causa raiz

BBcode com link → não funciona!
[url=https://imgur.com/6UadCq3]![](upload://oAe4ec2Wl59ohJsE3L6nlRdabPS.jpeg)[/url]

BBcode com link → funciona!
[url=https://imgur.com/6UadCq3][img]https://i.imgur.com/6UadCq3.jpg[/img][/url]

Existe algum motivo para o Imgur omitir o ‘s’ no link da imagem?

Para quem não consegue ver esse problema:

1 curtida

Onde você obteve esse BBCode sem HTTPS?

De qualquer forma, algumas dicas:

  • Ativar “baixar imagens remotas para local” e remover o imgur das configurações de “domínios de download de imagens desativados” garantirá que isso nunca aconteça, hospedando todas as imagens localmente.

  • Não sei quem hospeda este fórum, mas definitivamente não está seguindo nosso guia de Instalação Padrão Oficial do Discourse. Por isso, ele não tem HTTP/2 habilitado, o que deixa o site mais lento para todos.

3 curtidas

Do site do Imgur.

@thess, você pode comentar sobre os outros dois pontos que Rafael menciona?

1 curtida

Ah, então esse é o código BB gerado pelo Imgur ao visualizar sua própria imagem e usar o formato “Linked Format” deles.

Bem, isso é algo controlado pelo Imgur, e não há nada que possamos fazer a respeito. Além disso, já temos soluções alternativas para conteúdo HTTP, baixando e servindo a mídia localmente. Não há mais nada a fazer por nossa parte.

2 curtidas

Eu prefiro não hospedar imagens localmente, a menos que seja absolutamente necessário.

O site é hospedado pela DigitalOcean. Fiz a instalação em 2016 no Debian 8 com o que estava disponível na época. E… o HTTP/2, que eu saiba, sempre esteve ativado.

1 curtida

Isso realmente não é necessário. Acredito que 99% das pessoas apenas copiarão e colarão imagens no editor para a maioria das suas necessidades. ++ para selecionar a área e + no editor.

Além disso, copiar a imagem do Imgur ou usar sua URL funciona perfeitamente. Este relatório trata apenas de um caso de borda menor.

Você também pode usar Substituir uma string em todas as postagens para corrigir todos os links antigos do Imgur em HTTP.

O Discourse é instalado em um contêiner Docker, e nós distribuímos atualizações do nginx, então você não precisa de suporte no sistema operacional hospedeiro. A menos que você tenha feito uma configuração personalizada com um proxy reverso manual, você deve ter o HTTP/2 pronto para uso apenas mantendo o Discourse atualizado.

2 curtidas

Não apenas o Imgur é afetado, como descobri.

Também afetados (veja as capturas de tela em Broken imgur images (for testing only) - #4 by tmomas - Site Feedback and Other Questions - OpenWrt Forum):

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

    Como link normal aqui no fórum Discourse: Dropbox

    Como onebox

Uma captura de tela caso você não consiga ver o problema:



Link não encontrado contradiz o que vejo no fórum OpenWrt quando pressiono CTRL-F5 (o link da imagem FUNCIONA nesse caso e não aparece como “não encontrado”)

Corrigir esse problema para o Imgur parece bastante simples, embora envolva algum esforço, e esse esforço precisa ser feito regularmente, pois novos links que não funcionam surgem.

@Falco Como o link do Dropbox também parece não funcionar no fórum Discourse: você hospeda as imagens localmente, conforme recomendado acima?

1 curtida

Mais um exemplo de um site que não é o Imgur e que não funciona com oneboxing:

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

1 curtida

Sim, baixamos as imagens localmente, que é o comportamento padrão do Discourse.

Publicar links de terceiros eventualmente resultará em imagens quebradas, e é por isso que o Discourse vem com esse recurso integrado desde os primeiros dias. Claro, há uma troca: você precisa fornecer espaço para as imagens, seja localmente ou usando um serviço de Armazenamento de Objetos.

2 curtidas

Desculpe ser tão insistente, mas estou confuso e acho que não entendi o problema corretamente.

O que me confunde:

Ao criar esta postagem e adicionar um link para

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

Vejo uma imagem quebrada na área de pré-visualização:


— início da captura de tela —


— fim da captura de tela —


No entanto, no momento em que escrevo esta postagem, em minha postagem anterior, vejo o mesmo link com a imagem exibida corretamente:


— início da captura de tela —


— fim da captura de tela —


Não entendo por que estou vendo esse problema no fórum Discourse, embora as imagens sejam armazenadas localmente, como você disse.

1 curtida

Isso significa que você instalou extensões de navegador quebradas. Você pode remover todas as extensões e tentar novamente?

2 curtidas