CSS Inline para impedir lightbox de imagem (por imagem)

Há momentos em que adoro que os usuários possam clicar em uma imagem para ampliá-la. Isso é especialmente ótimo quando alguém usa uma imagem em uma postagem e a deixa bem pequena, apenas para adicionar um toque de estilo a um post de blog ou a algum outro tópico. Outro exemplo em que isso é excelente é para exibir uma captura de tela na descrição do tópico, bem pequena, mas o visualizador pode clicar nela para ampliar a imagem.

Às vezes, na mesma postagem, posso usar uma imagem grande como cabeçalho de um tópico, mas não há valor adicional em clicar nela para ver exatamente a mesma imagem, então eu gostaria de impedir que o lightbox da imagem esteja disponível ao passar o mouse ou clicar na imagem.

Existe algum que eu possa adicionar a uma imagem para impedir que ela seja aberta na visualização de lightbox?

Além disso, às vezes notei que imagens menores naturalmente não se expandem para a visualização de lightbox. Qual é o limite em que uma prévia de lightbox não estará disponível para uma imagem?

Existem muitas opções para o tratamento de imagens. Recomendo visitar /admin/site_settings/category/files?filter=image. Lá, você pode verificar o que cada opção específica faz. :slight_smile:

Obrigado pela referência aqui.

Dê uma olhada neste post aqui como exemplo.

Existe alguma maneira de eu criar essa miniatura do YouTube, usando CSS inline (no editor de markdown) para impedir que a imagem seja clicável?