31. PNG ou WebP? Qual devo utilizar?
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
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
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

Nível Physis
Destravando

Nível Physis
Destravando

Nível Physis
Destravando
Especialistas

Henrique Sabino
Fundador da Harena
Mentor
Níveis
Hashtags
#Framer #Imagens #JPEG #WebP #Otimização

Olá 👋,
Em que posso ajudar?
Sugestões & Feedbacks