Porque usar o formato das imagens .SVG e não .JPG ou .PNG qual a diferença nesse caso para esse projeto?
Tem algum coisa haver de ser para o formato Mobile (que vai se adpatar para o desktop)?
Fiquei com essa curiosidade.
Porque usar o formato das imagens .SVG e não .JPG ou .PNG qual a diferença nesse caso para esse projeto?
Tem algum coisa haver de ser para o formato Mobile (que vai se adpatar para o desktop)?
Fiquei com essa curiosidade.
Olá Antonio! Tudo ok contigo?
Entendo sua curiosidade e é ótimo que você esteja questionando sobre isso.
A escolha entre os formatos de imagem .SVG, .JPG ou .PNG depende muito do contexto e do que você precisa.
O formato .SVG (Scalable Vector Graphics) é um formato vetorial, o que significa que ele é feito de formas matemáticas, não de pixels. Isso permite que as imagens .SVG sejam redimensionadas para qualquer tamanho sem perder a qualidade, o que é ótimo para a responsividade em design web. Além disso, arquivos .SVG geralmente têm tamanhos de arquivo menores em comparação com .JPG e .PNG, o que pode ajudar a melhorar o tempo de carregamento da página.
Por outro lado, os formatos .JPG e .PNG são formatos de imagem raster, feitos de pixels. .JPG é ótimo para fotografias e outras imagens com muitos detalhes e cores, mas pode perder qualidade quando redimensionado. .PNG suporta transparência e é geralmente usado para imagens que requerem fundo transparente.
No contexto do projeto que você está trabalhando, parece que o formato .SVG foi escolhido para os ícones e logos porque eles precisam ser redimensionados para diferentes tamanhos de tela (mobile e desktop) sem perder a qualidade. Além disso, como mencionado, o .SVG tende a ter um tamanho de arquivo menor, o que pode contribuir para um carregamento de página mais rápido.
Em suma era isso. Espero ter explicado bem!
Abraços e bons estudos!