Executando verificação de segurança...
Em resposta a [Dúvida] Qual o melhor jeito de enviar imagens do backend para o frontend sem prejudicar o desempenho?
8
Pilati

Você está convertendo um arquivo binário (imagem sla jpg) para TEXTO e convertendo texto em binário novamente?

Pode ter certeza que essa é uma péssima ideia.

Base64 só pode ser usado quando não há nenhuma outra alternativa viável. Como comunicar com um sistema externo legado que você não tem controle nenhum. Evite esse formato ao máximo.

Primeiro passo

Como você está armazenando essa imagem? Qual o real motivo do backend ter que processar isso?

Não há justificativa para o backend ou o frontend sequer tocar na imagem de um sistema seu.

Se a imagem estiver em um sistema de arquivos sirva a imagem direto do servidor WEB (nginx).

Carregando publicação patrocinada...
1
gabrielrodriguesdev

Obrigado pelo comentário! Eu estou usando uma pasta na raiz do meu servidor contendo as imagens, e estou enviando essas imagens para o frontend. Como ainda não sei bem como funciona esse processo eu optei pelo base64, mas pelo visto não foi uma boa ideia.

Então o Ideal seria ter um gerenciador externo para essas imagens, e armazenar no banco apenas a url da imagem? se sim, qual plataforma eu posso usar para isso? obrigado novamente!

2
Pilati
Autor
Autor

Então o Ideal seria ter um gerenciador externo para essas imagens

Em produção sim. Estude sobre nginx

Em desenvolvimento no spring pode ser usado a função de arquivos estaticos. Veja aqui

Com essa função você poderá servir a imagem do backend sem precisar converter. poderá acessar algo como http(s)://endereco-do-backend/url/da/imagem

e armazenar no banco apenas a url da imagem

Sim! Vocé deve salvar o caminho relativo: /url/da/imagem. Na hora de exibir deve montar o caminho no spring, enviar a url pronta para o front-end e colocar essa url no img <img src={urlDaImagem}>

1
1
1
uriel

o nginx poderia funcionar como gerenciador para as minhas imagens?

Não ele e um server! Ele vai ajudar a publicar! Seu projeto!
No seu caso o front

1
Pilati
Autor
Autor

O Nginx apenas vai disponibilizar, a sua aplicação deve receber a imagem por upload e salvar na pasta certa.

O nginx só vai resolver a url e retornar a imagem.