Executando verificação de segurança...
1

[DÚVIDA] Qual a forma mais fácil de trabalhar com imagens?

Qual a melhor forma de trabalhar com imagens no front end para que o site não fique pesado e lento?
Tento só minimizar ao máximo o tamanho do arquivo e jogo na pasta do projeto ou tem alguma forma de upar a imagem em algum site, e chamar o link dela no front?

Carregando publicação patrocinada...
3

Com pouco contexto envolvido é um grande "depende".

No geral existem algumas dicas:

  1. Otimização de Imagens:
    • Compressão
    • Formatos mais eficientes
  2. Lazy Loading:
    • Imagens só carregam ao aparecer na tela, caso tenha uma área de scroll muito grande por exemplo
  3. Uso de sprites:
    • Combinar pequenas partes em uma única imagem, geralmente em casos de ícones e imagens que dependem de outras pequenas imagens.
      *Pelo que pesquisei, é só em alguns poucos casos em que nota-se a diferença
  4. CDN (Content Delivery Network):
  5. Formato adequado:
    • Se a aplicação utilizar ferramentas em imagens, opte por formatos com maior compatibilide, PNG, JPEG e outros.
    • Se não depender e precisar apenas de performance, vai de WebPicture e derivados.
  6. Dimensões apropriadas:
    • Se for um ícone pequeno de 64 x 64, pra que usar uma imagem 1000 x 1000?

Essas são dicas genéricas, mas tudo depende do contexto, um site para fotógrafos com certeza precisa de uma arquitetura mais avançada do que um blog por exemplo.

0