31. PNG ou WebP? Qual devo utilizar?

Descrição

Comentários

Nesta aula, eu vou te ensinar qual é o melhor formato de imagem para subir no Framer. Realizei um teste completo com 18 imagens em diferentes formatos e tamanhos, como JPEG e WebP, para verificar a performance em ferramentas como PageSpeed, GTMetrix, Pingdom e WebPageTest. Criei uma página com imagens variadas e testei essas em diferentes circunstâncias, navegadores e tipo de conexão de internet. Passamos imagens pelo Tine Peak, observando o desempenho delas após redução e compressão. Minha análise aponta que JPEG reduzido no Photoshop e comprimido no Tine Peak apresentou o melhor desempenho em termos de tempo de carregamento e compatibilidade. Surpreendentemente, o formato WebP não superou o JPEG em meus testes. Demonstramos que é possível obter um resultado eficiente sem a necessidade de compressão adicional em formatos como WebP. Ao final, mostro como realizar essas otimizações de imagem no Photoshop e quais formatos de arquivo são mais vantajosos para aumentar a velocidade dos sites criados no Framer. Espero que este aprendizado com dados estatísticos ajude você a melhorar a performance dos seus sites.

Comentários

Descrição

Comentários

Nesta aula, eu vou te ensinar qual é o melhor formato de imagem para subir no Framer. Realizei um teste completo com 18 imagens em diferentes formatos e tamanhos, como JPEG e WebP, para verificar a performance em ferramentas como PageSpeed, GTMetrix, Pingdom e WebPageTest. Criei uma página com imagens variadas e testei essas em diferentes circunstâncias, navegadores e tipo de conexão de internet. Passamos imagens pelo Tine Peak, observando o desempenho delas após redução e compressão. Minha análise aponta que JPEG reduzido no Photoshop e comprimido no Tine Peak apresentou o melhor desempenho em termos de tempo de carregamento e compatibilidade. Surpreendentemente, o formato WebP não superou o JPEG em meus testes. Demonstramos que é possível obter um resultado eficiente sem a necessidade de compressão adicional em formatos como WebP. Ao final, mostro como realizar essas otimizações de imagem no Photoshop e quais formatos de arquivo são mais vantajosos para aumentar a velocidade dos sites criados no Framer. Espero que este aprendizado com dados estatísticos ajude você a melhorar a performance dos seus sites.

Comentários

Descrição

Comentários

Nesta aula, eu vou te ensinar qual é o melhor formato de imagem para subir no Framer. Realizei um teste completo com 18 imagens em diferentes formatos e tamanhos, como JPEG e WebP, para verificar a performance em ferramentas como PageSpeed, GTMetrix, Pingdom e WebPageTest. Criei uma página com imagens variadas e testei essas em diferentes circunstâncias, navegadores e tipo de conexão de internet. Passamos imagens pelo Tine Peak, observando o desempenho delas após redução e compressão. Minha análise aponta que JPEG reduzido no Photoshop e comprimido no Tine Peak apresentou o melhor desempenho em termos de tempo de carregamento e compatibilidade. Surpreendentemente, o formato WebP não superou o JPEG em meus testes. Demonstramos que é possível obter um resultado eficiente sem a necessidade de compressão adicional em formatos como WebP. Ao final, mostro como realizar essas otimizações de imagem no Photoshop e quais formatos de arquivo são mais vantajosos para aumentar a velocidade dos sites criados no Framer. Espero que este aprendizado com dados estatísticos ajude você a melhorar a performance dos seus sites.

Comentários

Especialistas

Henrique Sabino

Fundador da Harena

Mentor

Hashtags

#Framer #Imagens #JPEG #WebP #Otimização

Olá 👋,

Em que posso ajudar?

Sugestões & Feedbacks