O MELHOR FORMATO de imagem para deixar seus sites OTIMIZADOS [WEBP nunca mais, use apenas AVIF]
ฝัง
- เผยแพร่เมื่อ 6 ก.พ. 2025
- Neste vídeo vou te mostrar o motivo pelo qual você deve usar o formato AVIF em seus sites ao invés do formato WEBP. Os formatos JPG e PNG jamais devem ser usados. Usar o formato AVIF deixará seus sites mais OTIMIZADOS e fará as imagens do site não PERDEREM A QUALIDADE. Você manterá 100% da qualidade nos Backgrounds de sites e landing pages. Usar esse formato mais atual de imagens ajudará a manter a qualidade e também a conseguir notas máximas de performance no pagespeed, gtmetrix e speedvitals usando imagens de última geração corretamente.
👉 Faça sua pré-inscrição para próxima abertura da Comunidade Celão Web através do link abaixo:
📍bit.ly/preinsc...
👉 Link do plugin do Photoshop informado no vídeo para exportar direto em AVIF:
📍exchange.adobe...
👉 Participe de uma pesquisa 100% anônima e muito rápida para me ajudar a melhorar os conteúdos que compartilho aqui para você:
📍forms.gle/gxHQ...
👉 Se inscreva no canal:
📍 / @marcelordesigner
👉 Me siga nas redes sociais:
📍 Instagram - / marcelordesigner
📍 Facebook - / marcelordesignergrafico
📍 Ganhe descontos em compras online com o méliuz: cutt.ly/3ZQIRm2
#sites #wordpress #wordpressparainiciantes #sitesbrasil #desenvolvimentodesites #webdesign #elementor #designgráfico #designbr #landingpages #linhadotempoelementor #timelineelementor
![Gwers Fyw Adobe Express: Addunedau Blwyddyn Newydd [Iau 09/01/25]](http://i.ytimg.com/vi/P9-qe89V6Fo/mqdefault.jpg)
🚩 Se você quer aprender a forma correta de usar o formato AVIF no Wordpress + Elementor, corra assistir a LIVE 52, pois nela falei todos os detalhes. CORRE:
🔗 Aqui está o link da live: th-cam.com/users/live3FJR2qWQ0dk
maravilha professor, estava realmente precisando dessa informação. GRATIDÂO
Que aula incrivel gostei de saber sobre as imagens e formato.
Top, que bom que gostou Jacqueline! :D
brabo demais! sempre trazendo atualizações! Celão é o "homii" do momento hahah
Buera pra cima!
Mais uma aula sensacional Teacher!
Valeu Adrianooo! :D
Toma conteúdo de qualidade! Professor é brabo demais!
Valeu Fabião, vamo que vamo!
o brabo tem nome 💥
Vamo pra cima amigo 🚀🚀🚀
Baita conteúdo brother! Muito bom.
Obrigado mano, espero ter ajudado 🤙
Muito bom o vídeo! Excelente!
Obrigado 😃
Excelente aula
Vamo que vamo Hygoooo!
Muito fera!!!
@@HiegerFreitas valeu amigo
Show de bola, gratidão.
@@periclescruz2425 tamo junto
Apaixonado a cadia pelo seus ensinamentos.... Parabéns
Só algo estranho tá acontecendo comigo
Ao converter o webp do photoshop no avif o arquivo fica maior rsrs
Pode me ajudar
Usando a risca as orientação
@@tudosobretudo9249 o uso do AVIF tem algumas particularidades muito importantes. Mostrei todas elas aqui na aula ao vivo número 52 no meu TH-cam. Veja ela que vai entender. Vou te mandar o link no próximo comentário:
@@tudosobretudo9249
Aqui está o link da live completa sobre AVIF:
th-cam.com/users/live3FJR2qWQ0dk
@@marcelordesigner gratidão
@@marcelordesigner Deus te abençoe nobre
@@tudosobretudo9249 amém. A todos nós! 🙏🏻
Fala xará, Marcelo lopes aqio, blz? Tenhouma duvida como posso subir essas imagens no meu site wordpress? Obrigado
@@marcelolopes5780 vou mostrar isso hoje em uma live. Fique atento ao canal.
O plugin Avif Express para Wordpress, quando o browser não suporta o formato Avif, ele mostra as imagens originais. Portanto ele consegue fazer o fallback.
@@Sorrigotti boa!
o Elementor não suporte AVIF? Tentei adicionar em meus sites e não deu certo.
Suporta sim, mas tem alguns macetes que precisam ser feitos. Vou apresentar eles na próxima live de quinta - IMPERDÍVEL! Acompanhe aqui no canal.
Para imagens png que tem fundo transparente, ainda não ficam boas, pelo menos através de conversões online, não diretamente pelo Photoshop....
Não é isso amigo. Ficam boas sim, mas existe algumas particularidades de uso. Explico essas particularidades na minha live 52 aqui no TH-cam, corra assistir. Segue o link: th-cam.com/video/3FJR2qWQ0dk/w-d-xo.html
otimização..preciso!!
Eu tinha salvo uma imagem em WEBP com 100% de qualidade, ai joguei ela no WEBP TO AVIF CONVERTER, ele converteu e ficou mais leve só que porem a cor da imagens em AVIF ficou com TONS diferente como se tivesse convertido e perdido o perfil de RGB 1998. oque eu devo fazer ?
Veja minha live aqui no TH-cam sobre AVIF que você vai entender. Live número 52.
Antes de mais nada, muito obrigado pelo conteúdo produzido, Marcelo!
Agora, a questão sem resposta*: quais as diferenças, vantagens e desvantagens entre os formatos AVIF e JFIF?
Obrigado desde já!
__________________
(*) Tentei muitas das combinações possíveis de termos e palavras-chave na pesquisa do Google, não só em português, mas também em inglês. No entanto, nenhum resultado relevante que responda à questão de forma assertiva... Mas, inútil não foi: me trouxe até aqui e me apresentou seu canal! ; )
JFIF é baseado no formato JPEG (Joint Photographic Experts Group), que utiliza compressão com perdas (lossy compression) para reduzir o tamanho do arquivo, o que resulta em perda de qualidade dependendo do nível de compressão. Além disso JFIF não suporta transparência. A profundidade de cor é limitada a 8 bits por canal.
AVIF é baseado no codec AV1, um formato de compressão de vídeo desenvolvido pela Alliance for Open Media (AOMedia). AVIF usa compressão com perdas ou sem perdas (lossy ou lossless), oferecendo flexibilidade na escolha entre qualidade e tamanho do arquivo. AVIF suporta transparência. Suporta canais de transparência (alfa) e imagens HDR (High Dynamic Range), com profundidades de cor superiores, como 10 bits ou 12 bits por canal, proporcionando uma maior faixa dinâmica e melhor reprodução de cores.
Em resumo: usa AVIF nos seus sites que é sucesso kkkk
Estou usando somente este formato, e o diferencial é que posso utilzar sem fundo, ou seja aquele formato PNG que deixa o site mais atraente agora tem solução sem pesar.
Na verdade já tinha solução. Era usando o formato webp. Só que agora, o formato avif é ainda melhor que o webp (e infinitamente mais indicado do que png)
Me convenceu. Eu já venho sonhando usar esse formato há tempo. Mas o receio de problemas com navegadores de usuários é que tem me freado
Boa amigo, vamo implementar esse formato! 👊🏻
Que diminui o tamanho blz, mas como eu subo no elementor? heehe
@@jonathanlopez-ke8kd só jogar na biblioteca de mídia do WordPress
Pronto se mantem a qualidade melhor ainda
Qualidade máxima + Peso leve + Compatível em praticamente tudo
Não tem pq não usar AVIF!
Qualidade máxima e menor tamanho
É isso aí! O melhor dos mundos!
Primeiro
Boraaaaa