# Como impedir que uma imagem seja clicável (remover lightbox)

**URL:** https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810
**Category:** Support
**Created:** [11 Agosto , 2022 06:28 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810 "2022-08-11T06:28:14Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Nacho\_Caballero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nacho_caballero/32/130189_2.png) [@Nacho\_Caballero](https://meta.discourse.org/u/Nacho_Caballero)
#### Post date: [11 Agosto , 2022 06:28 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/1 "2022-08-11T06:28:14Z")

</div>

Existe uma maneira de inserir uma imagem sem envolvê-la em uma lightbox clicável?

Acho que imagens pequenas não são clicáveis:

 ![CleanShot 2022-08-11 at 08.27.29@2x](https://global.discourse-cdn.com/meta/original/4X/f/a/3/fa3ac3274340733fb47144c3a9b43a0802f23d1a.png)

Isso parece ser um problema apenas com imagens grandes:

 ![dongsh-eYoIHeMC6Mo-unsplash](https://global.discourse-cdn.com/meta/original/4X/7/a/a/7aa751f0e4047f314e285a5d025ef55e2d35f855.jpeg)

---

<div class="post-metadata">

### Author: ![Nacho\_Caballero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nacho_caballero/32/130189_2.png) [@Nacho\_Caballero](https://meta.discourse.org/u/Nacho_Caballero)
#### Post date: [11 Agosto , 2022 06:31 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/2 "2022-08-11T06:31:14Z")

</div>

Eu pensei que desativar `responsive post image sizes` e `create thumbnails` resolveria o problema, mas aparentemente não.

É isso que eu vejo:

 ![CleanShot 2022-08-11 at 08.47.48@2x](https://global.discourse-cdn.com/meta/original/4X/a/9/9/a9968dab1c79985714d0b988a320f955df96e08f.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11 Agosto , 2022 10:05 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/3 "2022-08-11T10:05:48Z")

</div>

Olá,

Acho que as miniaturas estão sendo geradas por `largura máxima da imagem` e `altura máxima da imagem` por padrão. Se a imagem enviada for menor que esses valores, a miniatura não será criada.

 ![Screenshot 2022-08-11 at 10.59.53](https://global.discourse-cdn.com/meta/original/4X/7/3/0/730cd07fe2ac58c4631979dc705285a6ffa11b87.png)

Se você quiser desativar a criação de miniaturas, desmarque esta configuração. Isso desativará a miniatura apenas para uploads futuros, não importa o tamanho da imagem.

![Screenshot 2022-08-11 at 11.03.25](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/8/f/1/8f195f0dec281d78b94d510728101d6485a44b2a_2_690x65.png)

* * *

Não encontrei nenhuma informação relevante sobre como desativar miniaturas de uploads mais antigos, mas se for suficiente para você ocultá-las com CSS simples. Essa solução alternativa pode funcionar. 🙂

Comum / CSS

```scss
.cooked {
  .lightbox-wrapper {
    a.lightbox {
      pointer-events: none; // Desativar todos os eventos de clique na imagem
      &amp;:hover {
        box-shadow: none;
      }
      .meta {
        display: none;
      }
    }
  }
}

```

---

<div class="post-metadata">

### Author: ![Nacho\_Caballero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nacho_caballero/32/130189_2.png) [@Nacho\_Caballero](https://meta.discourse.org/u/Nacho_Caballero)
#### Post date: [11 Agosto , 2022 10:53 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/4 "2022-08-11T10:53:14Z")

</div>

> [@Don](#):
>
> oculte estes com CSS simples

Obrigado, funciona muito bem. Lightboxes são usados em qualquer outro lugar ou apenas em imagens? Tenho medo de que isso possa causar problemas em outros lugares. 😅

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11 Agosto , 2022 10:59 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/5 "2022-08-11T10:59:27Z")

</div>

Eu acho que `.lightbox` é usado apenas para a miniatura da imagem do post, mas atualizei o código acima para ser mais específico. 🙂

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11 Agosto , 2022 11:25 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/6 "2022-08-11T11:25:15Z")

</div>

Olá @Nacho_Caballero, acho que encontrei uma solução possível (melhor). 🙂

Verifiquei novamente e, infelizmente, a criação de miniaturas acontece mesmo se eu desabilitá-la nas configurações. Na verdade, não sei como, porque da primeira vez funcionou para mim. 🤔

Mas, como mencionei aqui 🔽

> [@Don](#):
>
> Acho que as miniaturas estão sendo geradas por `max image width` e `max image height` por padrão. Se a imagem carregada for menor que esses valores, a miniatura não será criada.
> 
> ![Screenshot 2022-08-11 at 10.59.53](https://global.discourse-cdn.com/meta/original/4X/7/3/0/730cd07fe2ac58c4631979dc705285a6ffa11b87.png)

Acho que se você aumentar esses valores, a miniatura poderá ser desativada em uploads mais antigos também.

Aumentei esses valores para `99999`, um número alto, e isso impede a criação de miniaturas abaixo desse valor.

Em posts mais antigos, você pode usar Rebuild HTML ou rebake posts (isso mudará em todos os posts) para remover miniaturas.

`cd /var/discourse`  
`./launcher enter app`  
`rake posts:rebake`

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [12 Agosto , 2022 12:27 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/7 "2022-08-12T12:27:43Z")

</div>

> [@Don](#):
>
> não encontrei nenhuma informação relevante sobre como desativar miniaturas de uploads mais antigos, mas se for suficiente para você ocultá-las com um simples

Eu acho que você só precisa reassarar essas postagens. [Reassarar todas as postagens que correspondem a um padrão](https://meta.discourse.org/t/rebake-all-posts-matching-a-pattern/48713)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [12 Agosto , 2022 12:32 UTC](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/8 "2022-08-12T12:32:02Z")

</div>

Primeiro pensei nisso também, mas não funcionou. Na verdade, apenas isto [How to prevent an image from being clickable (remove lightbox) - #6 by Don](https://meta.discourse.org/t/how-to-prevent-an-image-from-being-clickable-remove-lightbox/235810/6?u=dodesz) funcionou para mim para remover miniaturas. Acho que talvez `largura máxima da imagem` e `altura máxima da imagem` substituam a configuração `criar miniaturas`.
