1
resposta

[Bug] Imagem perdendoa qualidade

minha imagem perde a qualidade quando eu clico
Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Olá Gustavo.
O problema esta na imagem e como ela é carregada.
Confere ai:

  1. Verifique se ao clicar a imagem original está sendo usada, e não a miniatura:
<img src="{{ image.thumbnail.url }}" onclick="openModal('{{ image.original.url }}')">
  1. Se estiver usando Pillow ou redimensionamento ao salvar, aumente a qualidade:
img.save(self.image.path, quality=95, optimize=True)
  1. Confirme que MEDIA_URL e MEDIA_ROOT estão corretos no settings.py:
MEDIA_URL = '/media/'
MEDIA_ROOT = BASE_DIR / 'media'
  1. No front-end, evite usar apenas zoom via CSS ou transform, carregue a versão de alta resolução:
function openModal(src) {
  const modalImg = document.getElementById("modal-img");
  modalImg.src = src.replace("thumbnail", "original");
}
  1. Se usar lightbox ou plugin similar, passe o caminho da imagem original:
<a href="{{ image.original.url }}" data-lightbox="galeria">
    <img src="{{ image.thumbnail.url }}">
</a>

Confere ai se alguma das opções acima se encaixa no seu problema.
Para lhe ajudar preciso do seu codigo as partes relacionadas a imagem.
Aguardo seu feedback.
Até...