Tipos e formatos de imagens nos Fundamentos para o Design de Produtos Web

Existem vários tipos e formatos de imagens que podem ser usados na criação de designs de produtos web, cada um com suas próprias vantagens e desvantagens. Alguns dos tipos de imagens mais comuns incluem:

• JPEG (Joint Photographic Experts Group): é um formato de imagem comprimido que é amplamente utilizado para fotografias e imagens de alta qualidade. Ele oferece uma boa relação entre qualidade e tamanho do arquivo, mas pode perder alguma qualidade durante a compressão. 
• PNG (Portable Network Graphics): é um formato de imagem não comprimido que suporta transparência e é comumente usado para gráficos vetoriais e ícones. Ele geralmente tem arquivos maiores do que o JPEG, mas oferece melhor qualidade. 
• GIF (Graphics Interchange Format): é um formato de imagem limitado que suporta animações e transparência parcial. Ele é geralmente usado para pequenos gráficos e ícones animados. 
• SVG (Scalable Vector Graphics): é um formato de imagem vetorial que pode ser escalado sem perda de qualidade. Ele é comumente usado para gráficos vetoriais e ícones.

Além disso, é importante lembrar que o tamanho da imagem também é um fator importante a se considerar. Um arquivo de imagem grande pode aumentar o tempo de carregamento da página e afetar negativamente a experiência do usuário. É importante otimizar as imagens para reduzir o tamanho do arquivo sem sacrificar a qualidade. 

• DPI (dots per inch): é a medida de resolução de uma imagem, ou seja, a quantidade de pontos por polegada. Imagens com alta resolução terão mais detalhes e qualidade, mas também terão arquivos maiores. Imagens com baixa resolução terão arquivos menores, mas podem parecer granuladas ou borradas. A maioria dos dispositivos web tem uma resolução de 72 DPI, então é importante considerar isso na escolha de imagens. 
• Tamanho da imagem: como mencionado anteriormente, o tamanho da imagem é um fator importante a ser considerado. Imagens grandes podem aumentar o tempo de carregamento da página e afetar negativamente a experiência do usuário. É importante otimizar as imagens para reduzir o tamanho do arquivo sem sacrificar a qualidade. Isso pode ser feito usando ferramentas de otimização de imagem ou editores de imagem.
• Licenças de imagens: é importante usar imagens licenciadas de forma apropriada e evitar o uso não autorizado de imagens. Existem vários sites que oferecem imagens gratuitas ou de baixo custo com licenças apropriadas para uso em projetos web. 

Acessibilidade de imagens: é importante garantir que as imagens sejam acessíveis para usuários com necessidades especiais, como usuários com baixa visão. Isso inclui adicionar descrições alternativas às imagens e garantir que as imagens sejam acessíveis por meio de tecnologias de acessibilidade, como leitores de tela. 

Considerando todos esses aspectos, e os objetivos do seu projeto, você pode escolher o tipo e formato de imagem mais adequado para o seu projeto, e garantir uma boa experiência do usuário e uma boa acessibilidade.

ATIVIDADE DE FIXAÇÃO