[Feature] Adicionar uma forma de visualizar melhor as imagens de posts

[hiroshimorowaka]

Descrição

Estou abrindo uma nova issue porque não achei nenhuma issue relacionada com esse tópico, mas talvez seja só desatenção, então peço desculpas adiantadas para caso já exista uma cobrindo esse tópico.

Eu acho que seria bem interessante colocar uma funcionalidade no front-end onde ao clicar em uma imagem de uma publicação, ela seja exibida em algum modal para facilitar a visualização.

O que essa sugestão resolve

Eu pensei nessa funcionalidade agora mesmo enquanto lia esse post: https://www.tabnews.com.br/pierrefreire/minha-jornada-com-rust

Nesse post tem um comentário com uma imagem de diagrama em alta qualidade, mas no computador não da pra ver essa imagem, fica bem difícil de enxergar. Pra você conseguir visualizar, você tem que clicar com o botão direito, abrir imagem em nova guia e ai sim ver a imagem, o que fica meio chatinho de ficar fazendo, já que é necessário você sair do site do TabNews.

Nos celulares acho que poderia ou não ser útil, já que tem como você dar zoom pelo próprio navegador e visualizar a imagem em maior qualidade, mas no computador não, e mesmo se você der zoom na página, a imagem não aumenta, ela é redimensionada para ocupar o mesmo espaço na tela. (por questões de responsividade).

Ideia de implementação

Acho que poderia ser algo parecido com o Notion, onde ao clicar duas vezes em cima da imagem, ele abre um modal/dialog com a imagem grande na tela e da a opção de dar zoom:

Imagem em tamanho normal no Notion

Modal com imagem redimensionada

Mas no caso do TabNews, eu acho que seria melhor apenas um clique em cima da imagem para abri-la.

[kaique-soares]

Olá @hiroshimorowaka, obrigado pela sugestão 🤝

(...) mas no computador não, e mesmo se você der zoom na página, a imagem não aumenta, ela é redimensionada para ocupar o mesmo espaço na tela. (por questões de responsividade).

Por aqui, aplicar um zoom na página foi suficiente para visualizar o conteúdo da imagem perfeitamente (sugiro que veja o vídeo em tela cheia 👍)

preview.mp4

A issue abaixo está relacionada ao assunto, sugiro que veja:

• [Sugestão] Realizar um "zoom" nas imagens ao clicar sobre elas para terem maior destaque #1437

[hiroshimorowaka]

Acho que é mais pelo fato da minha visão ser meio prejudicada então.
Eu tava pensando em algo onde você teria a capacidade dar zoom, tipo assim:

2024-04-07.12-09-49.mp4

Porque pra eu enxergar o que ta escrito nos quadradinho eu tenho que dar um zoom maior, ai eu prefiro abrir em outra aba e dar zoom. Então essa sugestão me veio a cabeça, mas realmente, só dar zoom na pagina ou abrir a imagem de forma separada em outra guia resolve também kkkkk

[Rafatcb]

Acho que esse problema do zoom continuaria com a implementação desse recurso, caso fosse uma imagem com uma resolução muito grande, certo?

Tendo a concordar com o @kaique-soares. Minha impressão é que faz sentido deixar isso na mão do usuário (bastaria fazer [![descrição](imagem)](link para a imagem)), principalmente porque algumas publicações já possuem links em imagens, o que deixaria de funcionar com esse novo recurso.

[hiroshimorowaka]

Tendo a concordar com o @kaique-soares. Minha impressão é que faz sentido deixar isso na mão do usuário (bastaria fazer [![descrição](imagem)](link para a imagem)), principalmente porque algumas publicações já possuem links em imagens, o que deixaria de funcionar com esse novo recurso.

Realmente, quebraria as imagens com Links, então acho melhor deixar de lado essa sugestão.
Fica melhor deixar na mão do usuário mesmo

[Rafatcb]

Ok, @hiroshimorowaka! Vou fechar este issue, obrigado pela sugestão 🤝