

Seu próximo nível começa aqui
Com a Assinatura Ilimitada, você tem tudo que precisa para sua aprovação.
Com a Assinatura Ilimitada, você combina prática, teoria e método em uma única assinatura com tudo que você precisa para sua aprovação.
Uma página web foi desenvolvida para carregar imagens em alta resolução em dispositivos com grandes telas, mas isso está prejudicando a experiência de usuários móveis devido a tempos de carregamento prolongados. Qual abordagem é mais eficaz para otimizar o carregamento de imagens e adaptá-las a diferentes dispositivos, sem comprometer a qualidade visual?
Utilizar imagens em formato SVG, pois são leves e adaptáveis a qualquer resolução.
Utilizar compressão dinâmica no lado do servidor para reduzir o tamanho das imagens conforme solicitado pelos dispositivos.
Implementar uma solução baseada em JavaScript para detectar o tamanho da tela e redirecionar para uma versão mobile da página.
Aplicar os atributos srcset e sizes para carregar a resolução adequada das imagens conforme a largura da tela de cada dispositivo.
O aplicativo em questão lê arquivos de imagem dos tipos .jpeg, .png, .gif, .bpm e .tiff e arquivos de vídeo dos tipos .mp4, .mov e .avi.
Certo
Errado
A criação de imagens de sistemas operacionais em mídias ejetáveis, como pendrives, permite que um usuário realize a instalação do sistema por meio dessa mídia.
Um exemplo de software que cria esse tipo de imagem é:
AWS.
Clonezilla.
Dropbox.
Edge.
Filezilla.
Imagens de sistemas criadas para a clonagem de discos são sempre independentes de hardware, podendo ser restauradas em qualquer computador, independentemente da sua arquitetura ou dos drivers.
Certo
Errado
Para otimizar o carregamento de um site com muitas imagens, um desenvolvedor decide gerar versões menores e em formato moderno (como WebP) das imagens originais, além de carregá-las apenas quando estiverem prestes a aparecer na tela do usuário. Com base no exposto, as técnicas que estão sendo propostas são, respectivamente,
sprites CSS e compressão GZIP.
redirecionamento 302 e manipulação de cache.
otimização/compressão de imagens e lazy loading.
redução dos códigos CSS e JavaScript.
uso de CDN e validação de formulários.
O domínio de ferramentas de edição de imagens, como o GIMP, é essencial para profissionais que precisam criar artes de forma rápida, precisa e não destrutiva. Saber trabalhar com camadas, ferramentas de seleção e ajustes de cores permite realizar alterações pontuais em elementos da imagem sem comprometer o restante do projeto, aumentando a qualidade e a flexibilidade do trabalho.
Considerando essa relevância, assinale o procedimento no GIMP mais adequado para alterar a cor de um objeto específico sem afetar o restante da imagem:
Aplicar ajustes de cor diretamente na camada de fundo, arriscando modificar elementos indesejados.
Criar uma nova camada, usar ferramentas de seleção para isolar o objeto e aplicar os ajustes de cor nessa camada.
Salvar a imagem em outro formato e recolorir manualmente o objeto.
Cortar o objeto da imagem e pintá-lo novamente, comprometendo a integridade do arquivo original.
Um usuário do MS Word 2013 em português deseja inserir uma imagem no seu documento. Para efetuar essa ação, ele deve utilizar um caminho específico no aplicativo, que é:
CORRESPONDÊNCIAS -> IMAGENS
DESIGN -> IMAGENS
EXIBIÇÃO-> INCLUIR -> IMAGENS
INSERIR -> IMAGENS
Ao produzir um relatório técnico em Word, o usuário insere imagens em formatos JPEG e PNG e ajusta o layout para manter a diagramação harmoniosa entre texto e figuras. Sobre o tema, assinale a alternativa correta.
A configuração da disposição do texto, como "Quebra de texto automática" em opções como "Quadrado" ou "Através", permite que o texto flua ao redor das imagens, melhorando a harmonia visual.
O ajuste proporcional do tamanho das imagens não evita distorções mas garante que o documento mantenha uma apresentação visual profissional.
As imagens em formato PNG são ideais para fotografias devido à sua compactação com perda mínima de qualidade, enquanto o formato JPEG é mais recomendado para diagramas e gráficos.
Inserir legendas diretamente sobre as imagens melhora a diagramação e facilita a leitura, substituindo a necessidade de textos explicativos adicionais no documento.
Ao se aplicar um filtro em uma imagem, o aplicativo em questão salvará automaticamente a foto editada em um novo arquivo e não permitirá que a operação de aplicação de filtro seja desfeita.
Certo
Errado
No Adobe Photoshop, o Ajuste de Curvas é ideal para modificar tons, contraste e brilho com precisão, permitindo realce de áreas específicas da imagem e controle refinado das cores e luzes.
Certo
Errado
Após ser renderizado, o componente <img/> irá exibir uma imagem dinâmica, usando o valor da propriedade user.imageUrl como o caminho do atributo src.
Certo
Errado
Assinale a alternativa que retrata um fluxo simples e funcional para publicar site estático com HTML, CSS e JavaScript em servidor interno.
Produzir páginas em documento de texto e converter para PDF para servir no Apache em diretório público compartilhado.
Criar aplicação que exige banco relacional e autenticação para exibir conteúdo estático com estilo e pequenas interações do site.
Estruturar pastas para assets, validar HTML e CSS, minificar arquivos e publicar em diretório do servidor com teste de acesso final.
Instalar IDE no servidor e editar arquivos em produção para acelerar ajustes durante janelas de manutenção recorrentes.
Substituir folhas de estilo por imagens renderizadas para manter estética igual em qualquer navegador antigo do laboratório.
O WebP é uma tecnologia criada pelo Google que proporciona compactação de imagens com o objetivo de fazer com que os sites da Internet carreguem mais rápido, uma vez que as imagens correspondem de 60% a 65% dos bytes na maioria das páginas.
A respeito do WebP, avalie se as afirmativas a seguir são verdadeiras (V) ou falsas (F).
( ) Com perdas, sem perda e transparência, há suporte para imagens WebP animadas, que podem fornecer tamanhos reduzidos em comparação com GIF e APNG.
( ) Permite metadados do tipo EXIF, mas não suporta o padrão XMP (usados por câmeras, por exemplo).
( ) Uma das maneiras de detectar a compatibilidade de um navegador com o WebP é por meio da biblioteca JavaScript Modernizr.
As afirmativas são, respectivamente,
V – V – F.
V – F – V.
F – V – V.
F – F – V.
V – F – F.
Arquivos rasterizados e vetoriais são dois dos formatos mais populares usados em conteúdo visual. Ambos representam imagens, porém de formas bem distintas. Desta forma, há muito para considerar na hora de decidir qual deles utilizar em seu projeto.
A esse respeito, assinale a afirmativa correta.
Arquivos vetoriais utilizam equações matemáticas, linhas e curvas com pontos fixos em uma grade para produzir uma imagem.
Há pixels em um arquivo vetorial.
O formato vetorial é mais indicado do que o rasterizado para fotografias digitais.
A resolução de um arquivo rasterizado pode ser descrita em DPI (pontos por polegada), mas não em PPI (pixels por polegada).
Extensões .tiff, .eps e .ai correspondem a arquivos rasterizados.
No React Native, o componente “Image” pode exibir diferentes tipos de imagens, incluindo imagens da rede, recursos estáticos e disco local. No que se refere ao componente “Image”, da versão 0.72 do React Native, é possível adicionar uma imagem estática ao seu aplicativo, denominada “my-icon.png”, que se encontra na mesma pasta do componente que o requer, usando o comando
<Image require= {'./my-icon.png'} /
<Image require ={('./my-icon.png')} /
<Image src={require('./my-icon.png')} /
<Image source={require('./my-icon.png')} /
No âmbito das imagens digitais, a transparência e a compactação desempenham papéis significativos na eficiência e na qualidade das imagens. A transparência permite a sobreposição de imagens em diversas camadas, proporcionando efeitos visuais interessantes em design gráfico e na web. Por outro lado, a compactação é essencial para reduzir o tamanho dos arquivos, garantindo tempos de carregamento mais rápidos e economizando espaço de armazenamento. Como a transparência e a compactação são suportadas pelos principais formatos de imagens?
O formato GIF suporta transparência total e parcial, sendo mais adequado para imagens com áreas de cores sólidas e pouca variação de tonalidades, todavia, o formato GIF não pode ser compactado.
O formato PNG suporta múltiplos níveis de transparência, sendo mais adequado para imagens com gradientes e detalhes complexos, possibilita compactação sem perdas e os arquivos são maiores que o JPG para a mesma imagem.
O formato JPG suporta transparência parcial e é ideal para imagens com áreas de cores sólidas, possibilita compactação progressiva, proporcionando uma alta taxa de compactação ,mas com perdas significativas na qualidade da imagem.
O formato GIF é altamente eficiente na compactação de imagens fotográficas e complexas, garantindo uma compactação sem perdas em imagens de alta qualidade, porém não suporta as transparências total e parcial.
Qual dos seguintes dispositivos de entrada e saída é usado principalmente para digitalizar documentos e imagens para posterior visualização em um computador?
Impressora
Monitor
Scanner
Teclado
Sobre a figura, analise as afirmativas.
I. É perfeitamente permissível pelo Windows 10 renomear o arquivo que está sendo editado, com o nome Documento1.
II. O arquivo Imagem1 possui mais de 2 MB (megabyte) e é do tipo bmp (imagem de bitmap).
III. É possível visualizar na tela que o computador possui, pelo menos, duas unidades de memória secundária.
IV. O layout de exibição selecionado para a pasta Processos, que está selecionada, é ícones pequenos.
Estão corretas as afirmativas
I e III, apenas.
II e IV, apenas.
I, II e IV, apenas.
I, II, III e IV.
Sobre o editor de texto Microsoft Word, assinale a alternativa que apresenta os passos, na ordem correta, para inserir uma imagem que está salva no computador local.
Acesse a guia ‘Inserir’ → Escolha a opção ‘Imagens’ → Selecione ‘Este Dispositivo’ → Posicione o cursor no local que deseja inserir
Posicione o cursor no local que deseja inserir → Acesse a guia ‘Inserir’ → Escolha a opção ‘Imagens’ → Selecione ‘Este Dispositivo’
Posicione o cursor no local que deseja inserir → Acesse a guia ‘Desenhar’ → Escolha a opção ‘Imagens’ → Selecione ‘Este Dispositivo’
Acesse a guia ‘Desenhar’ → Escolha a opção ‘Imagens’ → Selecione ‘Este Dispositivo’ → Posicione o cursor no local que deseja inserir
Considere o seguinte código HTML:

Analise as afirmações a seguir sobre esse código.
1) Esse é um exemplo do uso do conceito DOM em HTML.
2) O documento terá o título “Concurso” que poderá ser modificado ao se clicar no botão B1, mas não no botão B2.
3) Ao se alternarem cliques em B1 e B2, o título ficará se alternando entre “Concurso”, “UFRPE” e “2024”.
4) Como os botões executam ações sobre o mesmo elemento (“demo”), apenas um deles terá efeito de modificação dinâmica do título.
Está(ão) correta(s), apenas:
1 e 2.
2 e 3.
2 e 4.
1.
4.