Exercícios
Teste seus conhecimentos sobre otimização e exportação de imagens para a web. Este questionário aborda formatos como JPEG e AVIF, compressão com e sem perdas, transparência, perfil de cores sRGB, redução de dimensões, metadados, nitidez e artefatos visuais. Avalie também conceitos de imagens responsivas com srcset, densidade de pixels, proporção de aspecto, subamostragem de cor e o equilíbrio ideal entre qualidade visual e tamanho de arquivo. Ideal para estudantes, designers e profissionais que desejam criar páginas mais rápidas, compatíveis e visualmente atraentes.
Responda às questões abaixo e confira a explicação de cada resposta.
0/18 respondidas
Áudio automático ativado: as próximas questões serão lidas ao clicar em Continuar.
O JPEG utiliza compressão com perdas eficiente para fotografias e possui ampla compatibilidade. PNG-24 costuma gerar arquivos maiores nesse tipo de conteúdo, enquanto SVG é voltado a gráficos vetoriais.
O padrão quadriculado é uma convenção visual usada pelos editores para indicar transparência. Esses locais podem revelar o conteúdo que estiver atrás da imagem na página.
Como largura e altura foram reduzidas pela metade, a área total passou a ser 1/2 × 1/2, ou seja, 1/4 da quantidade original de pixels.
O sRGB é uma referência amplamente aceita na web e tende a produzir resultados mais previsíveis. Ele não corrige telas descalibradas nem garante aparência idêntica em todos os dispositivos.
A compressão JPEG muito intensa pode criar blocos, halos e ruído ao redor de bordas contrastantes. Esses artefatos indicam que informação visual demais foi descartada.
Enviar dimensões muito superiores às usadas desperdiça dados. Redimensionar a imagem para uma largura adequada reduz a quantidade de pixels e, normalmente, o tamanho do arquivo.
Metadados podem incluir câmera, data, autoria e coordenadas GPS. Removê-los quando não são necessários pode diminuir um pouco o arquivo e proteger informações privadas.
Nos níveis mais altos, o tamanho do JPEG pode aumentar bastante sem uma diferença visual proporcional. Uma qualidade moderadamente alta costuma oferecer melhor equilíbrio entre aparência e peso.
Dividindo 1600 e 900 por 100, obtém-se 16:9. Essa proporção é comum em vídeos, monitores e imagens de destaque horizontais.
O canal alfa armazena valores de opacidade por pixel. Ele permite desde transparência total até diferentes níveis de translucidez, criando bordas suaves e sobreposições.
Na subamostragem 4:2:0, a resolução dos componentes de cor é reduzida horizontal e verticalmente. A luminância é mais preservada porque a visão humana percebe melhor seus detalhes.
O srcset apresenta diferentes recursos e respectivas dimensões ou densidades. O navegador pode escolher uma versão apropriada à tela e ao layout, evitando transferências desnecessárias.
O redimensionamento altera a estrutura dos detalhes e pode suavizar a imagem. Por isso, a nitidez de saída é normalmente avaliada e aplicada após definir as dimensões finais.
Banding é a formação de faixas em transições que deveriam ser suaves. Pode ocorrer por baixa profundidade de cor, compressão intensa ou processamento que reduz os níveis tonais disponíveis.
O AVIF pode gerar arquivos pequenos com boa qualidade e oferece recursos modernos, incluindo transparência e HDR. Entretanto, sua adoção deve considerar compatibilidade e custo de codificação.
Na compressão sem perdas, os dados podem ser recuperados integralmente. Na compressão com perdas, parte da informação é descartada para obter maior redução de tamanho.
Em densidade 2×, cada dimensão CSS corresponde a dois pixels físicos. Assim, 400 × 300 pixels CSS podem ser atendidos por um arquivo de 800 × 600 pixels.
A versão 2 mantém aparência próxima à original com redução expressiva do arquivo. A otimização busca justamente o menor peso possível dentro de um nível de qualidade aceitável.

Curso GratuitoPhotoScape
1h17m
12 exercícios

Curso GratuitoEdição Fine Art
4h51m
23 exercícios

Curso GratuitoPhotoshop completo
11h14m
31 exercícios

Curso GratuitoPhotoshop CC e CS6
7h07m
29 exercícios

Curso GratuitoEdição de fotos pelo celular
1h59m
7 exercícios

Curso GratuitoGIMP para edição de imagens
2h54m
20 exercícios

Curso GratuitoPhotoshop do Zero ao Avançado com Projetos e Materiais de Apoio
10h34m
Milhares de cursos online em vídeo, ebooks e áudiobooks.
Para testar seus conhecimentos no decorrer dos cursos online
Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail
Baixe nosso aplicativo pelo QR Code ou pelos links abaixo:.
+ de 10 milhões
de alunos
Certificado grátis e
válido em todo o Brasil
60 mil exercícios
gratuitos
4,8/5 classificação
nas lojas de apps
Cursos gratuitos em
vídeo, ebooks e audiobooks