1. Otimização de Vídeo de Fundo para Landing Page
Desenvolvedor Front-endContexto
Um desenvolvedor precisa adicionar um vídeo em loop no cabeçalho de uma landing page institucional, mas o arquivo MP4 original está muito pesado e atrasando o carregamento da página.
Problema
Reduzir drasticamente o tamanho do arquivo de vídeo mantendo a nitidez visual para não prejudicar a experiência do usuário.
Como usar
Carregou o arquivo MP4 da apresentação, selecionou o codec de vídeo 'VP9 (Melhor compressão)', escolheu o codec de áudio 'Opus' e definiu a qualidade como 'Muito Bom (20)'.
videoCodec: libvpx-vp9, audioCodec: libopus, quality: 20Resultado
O vídeo foi convertido para WebM com uma redução de 65% no tamanho do arquivo, garantindo carregamento instantâneo no site.