SlideShare uma empresa Scribd logo

Imagens WebP e a relação com o Mobile First

O formato de imagem WebP é uma alternativa criada pelo Google que cria arquivos com tamanhos até 40% menores enquanto mantêm a mesma qualidade da imagem. O formato une o que há de melhor em outros formatos como: a possibilidade de compressão do arquivo (como ocorre com o JPEG), a possibilidade de usar transparência (como no PNG), e o suporte a animações (como no GIF). Acesse blog.apiki.com e busque por WebP para ler o texto na íntegra e aprender a converter suas imagens para WebP.

1 de 9
Baixar para ler offline
Imagens WebP e a relação com o
Mobile First
Conheça o formato de imagem WebP, desenvolvidos pelos engenheiros
do Google e seu aliado na melhoria de carregamento das páginas web
O formato
de imagem
WebP
O formato de imagem WebP
tem uma relação direta com o
Mobile First, uma vez que seu
foco é contribuir para o
carregamento mais rápido das
páginas ao reduzir
consideravelmente o tamanho
do arquivo, mas mantendo a
qualidade das imagens.
Quem se
beneficia com
um novo
formato de
imagem?
O carregamento mais rápido
das páginas melhora a
experiência do usuário, que
por conseguinte consome
mais conteúdo e interage mais
com sua marca.
Conseguimos ainda beneficiar
dois outros times: o de
infraestrutura e financeiro.
Quem se
beneficia com
um novo
formato de
imagem?
Através do formato, que tem
um menor tamanho de
arquivo, conseguimos reduzir
o consumo de tráfego de
dados.
E sabemos que a redução de
banda impacta diretamente no
financeiro, é redução de
custo.
Jpeg, PNG e
GIF
versus WebP
JPEG é muito utilizado para
fotografias.
PNG para vetores e
transparência.
GIF, em sua maioria, no
formato animado.
WebP agrega o melhor dos
três formatos mais utilizados,
garantindo animação,
transparência e qualidade das
imagens.
Sobre o
suporte dos
navegadores
de internet
Embora o formato de imagem
WebP não seja suportado por
todos os navegadores de
internet, é preciso pensar
diferente esse suporte.
Entregue o formato WebP para
quem o suporta, e o formato
original (JPG, GIF, PNG) para
quem não conseguir
renderizar.

Recomendados

Wix.com sem photoshop
Wix.com sem photoshopWix.com sem photoshop
Wix.com sem photoshopIsabel Silva
 
Performance e otimização no wordpress
Performance e otimização no wordpressPerformance e otimização no wordpress
Performance e otimização no wordpressDaniel Paz
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupomdfeitosa
 
Unb 2012.1 - dweb - 06 - imagens otimizadas
Unb   2012.1 - dweb - 06 - imagens otimizadasUnb   2012.1 - dweb - 06 - imagens otimizadas
Unb 2012.1 - dweb - 06 - imagens otimizadasClaudenio Alberto
 

Mais conteúdo relacionado

Semelhante a Imagens WebP e a relação com o Mobile First

CORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSCORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSDaniel Paz
 
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel  - Core web vitals e WordPressWordCamp Floripa 2021 - Daniel  - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPressWordCamp Floripa
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupomdfeitosa
 
Dicas de fundos graficos para web
Dicas de fundos graficos para webDicas de fundos graficos para web
Dicas de fundos graficos para webRegisnaldo Alencar
 
Avaliação - Local Web - CMGuimarães
Avaliação - Local Web - CMGuimarãesAvaliação - Local Web - CMGuimarães
Avaliação - Local Web - CMGuimarãesJoao Costa
 
Portfolio Grupo 4 ADS Unopar Desafios1-2-3-4
Portfolio Grupo 4 ADS Unopar Desafios1-2-3-4Portfolio Grupo 4 ADS Unopar Desafios1-2-3-4
Portfolio Grupo 4 ADS Unopar Desafios1-2-3-4Adilson Nascimento
 
Trabalho marketing digital escrito
Trabalho marketing digital escritoTrabalho marketing digital escrito
Trabalho marketing digital escrito682000
 
Imagens com Escalabilidade - Arquitetura de Dados
Imagens com Escalabilidade - Arquitetura de DadosImagens com Escalabilidade - Arquitetura de Dados
Imagens com Escalabilidade - Arquitetura de DadosFelipe Caparelli
 
Guia de Otimização de Performance de Sites (Page Speed)
Guia de Otimização de Performance de Sites (Page Speed)Guia de Otimização de Performance de Sites (Page Speed)
Guia de Otimização de Performance de Sites (Page Speed)Gabriel Zavitoski
 
[Big Solutions CX] Do SEO ao SXO (Search Experience Optimization): esqueça os...
[Big Solutions CX] Do SEO ao SXO (Search Experience Optimization): esqueça os...[Big Solutions CX] Do SEO ao SXO (Search Experience Optimization): esqueça os...
[Big Solutions CX] Do SEO ao SXO (Search Experience Optimization): esqueça os...E-Commerce Brasil
 
Curso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e linksCurso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e linksErick L. F.
 
Metodologia De Projetos Para Web(1)
Metodologia De Projetos Para Web(1)Metodologia De Projetos Para Web(1)
Metodologia De Projetos Para Web(1)Rafael Teixeira
 
Seminario busca em video
Seminario busca em videoSeminario busca em video
Seminario busca em videoLeo-Sotto
 
The Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressThe Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressJackson F. de A. Mafra
 
VíDeo Digital
VíDeo DigitalVíDeo Digital
VíDeo Digitalswsocial
 
Tratamento da fotografia
Tratamento da fotografiaTratamento da fotografia
Tratamento da fotografiaCarolinaNunes98
 

Semelhante a Imagens WebP e a relação com o Mobile First (19)

CORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSCORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESS
 
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel  - Core web vitals e WordPressWordCamp Floripa 2021 - Daniel  - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupo
 
Dicas de fundos graficos para web
Dicas de fundos graficos para webDicas de fundos graficos para web
Dicas de fundos graficos para web
 
AF
AFAF
AF
 
Caderno06
Caderno06Caderno06
Caderno06
 
Avaliação - Local Web - CMGuimarães
Avaliação - Local Web - CMGuimarãesAvaliação - Local Web - CMGuimarães
Avaliação - Local Web - CMGuimarães
 
Portfolio Grupo 4 ADS Unopar Desafios1-2-3-4
Portfolio Grupo 4 ADS Unopar Desafios1-2-3-4Portfolio Grupo 4 ADS Unopar Desafios1-2-3-4
Portfolio Grupo 4 ADS Unopar Desafios1-2-3-4
 
Trabalho marketing digital escrito
Trabalho marketing digital escritoTrabalho marketing digital escrito
Trabalho marketing digital escrito
 
The GIMP - Redimensionamento de Imagens
The GIMP - Redimensionamento de ImagensThe GIMP - Redimensionamento de Imagens
The GIMP - Redimensionamento de Imagens
 
Imagens com Escalabilidade - Arquitetura de Dados
Imagens com Escalabilidade - Arquitetura de DadosImagens com Escalabilidade - Arquitetura de Dados
Imagens com Escalabilidade - Arquitetura de Dados
 
Guia de Otimização de Performance de Sites (Page Speed)
Guia de Otimização de Performance de Sites (Page Speed)Guia de Otimização de Performance de Sites (Page Speed)
Guia de Otimização de Performance de Sites (Page Speed)
 
[Big Solutions CX] Do SEO ao SXO (Search Experience Optimization): esqueça os...
[Big Solutions CX] Do SEO ao SXO (Search Experience Optimization): esqueça os...[Big Solutions CX] Do SEO ao SXO (Search Experience Optimization): esqueça os...
[Big Solutions CX] Do SEO ao SXO (Search Experience Optimization): esqueça os...
 
Curso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e linksCurso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e links
 
Metodologia De Projetos Para Web(1)
Metodologia De Projetos Para Web(1)Metodologia De Projetos Para Web(1)
Metodologia De Projetos Para Web(1)
 
Seminario busca em video
Seminario busca em videoSeminario busca em video
Seminario busca em video
 
The Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressThe Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPress
 
VíDeo Digital
VíDeo DigitalVíDeo Digital
VíDeo Digital
 
Tratamento da fotografia
Tratamento da fotografiaTratamento da fotografia
Tratamento da fotografia
 

Mais de Apiki WordPress

Código de Cultura da Apiki
Código de Cultura da ApikiCódigo de Cultura da Apiki
Código de Cultura da ApikiApiki WordPress
 
Apiki WP One Day Performance - site em WordPress mais rápido
Apiki WP One Day Performance - site em WordPress mais rápidoApiki WP One Day Performance - site em WordPress mais rápido
Apiki WP One Day Performance - site em WordPress mais rápidoApiki WordPress
 
Blogs e sites corporativos com WordPress + SEO
Blogs e sites corporativos com WordPress + SEOBlogs e sites corporativos com WordPress + SEO
Blogs e sites corporativos com WordPress + SEOApiki WordPress
 
Marketing digital, o mercado e as possibilidades
Marketing digital, o mercado e as possibilidadesMarketing digital, o mercado e as possibilidades
Marketing digital, o mercado e as possibilidadesApiki WordPress
 
[Apiki wp care] apresentação mkt
[Apiki wp care] apresentação mkt[Apiki wp care] apresentação mkt
[Apiki wp care] apresentação mktApiki WordPress
 

Mais de Apiki WordPress (6)

Código de Cultura da Apiki
Código de Cultura da ApikiCódigo de Cultura da Apiki
Código de Cultura da Apiki
 
Apiki WP One Day Performance - site em WordPress mais rápido
Apiki WP One Day Performance - site em WordPress mais rápidoApiki WP One Day Performance - site em WordPress mais rápido
Apiki WP One Day Performance - site em WordPress mais rápido
 
Blogs e sites corporativos com WordPress + SEO
Blogs e sites corporativos com WordPress + SEOBlogs e sites corporativos com WordPress + SEO
Blogs e sites corporativos com WordPress + SEO
 
Redes Sociais
Redes SociaisRedes Sociais
Redes Sociais
 
Marketing digital, o mercado e as possibilidades
Marketing digital, o mercado e as possibilidadesMarketing digital, o mercado e as possibilidades
Marketing digital, o mercado e as possibilidades
 
[Apiki wp care] apresentação mkt
[Apiki wp care] apresentação mkt[Apiki wp care] apresentação mkt
[Apiki wp care] apresentação mkt
 

Último

MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docxMAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx2m Assessoria
 
MAPA - INTRODUÇÃO À ENGENHARIA - 51-2024.docx
MAPA - INTRODUÇÃO À ENGENHARIA - 51-2024.docxMAPA - INTRODUÇÃO À ENGENHARIA - 51-2024.docx
MAPA - INTRODUÇÃO À ENGENHARIA - 51-2024.docxjosecarlos413721
 
ATIVIDADE 1- LÓGICA PARA COMPUTAÇÃO - 512024.docx
ATIVIDADE 1- LÓGICA PARA COMPUTAÇÃO - 512024.docxATIVIDADE 1- LÓGICA PARA COMPUTAÇÃO - 512024.docx
ATIVIDADE 1- LÓGICA PARA COMPUTAÇÃO - 512024.docx2m Assessoria
 
ATIVIDADE 1 - RH - TEORIAS DA ADMINISTRAÇÃO - 51-2024.docx
ATIVIDADE 1 - RH - TEORIAS DA ADMINISTRAÇÃO - 51-2024.docxATIVIDADE 1 - RH - TEORIAS DA ADMINISTRAÇÃO - 51-2024.docx
ATIVIDADE 1 - RH - TEORIAS DA ADMINISTRAÇÃO - 51-2024.docxjosecarlos413721
 
ATIVIDADE 1 - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
ATIVIDADE 1 - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docxATIVIDADE 1 - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
ATIVIDADE 1 - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx2m Assessoria
 
MAPA -INTRODUÇÃO À ENGENHARIA - 512024.docx
MAPA -INTRODUÇÃO À ENGENHARIA  - 512024.docxMAPA -INTRODUÇÃO À ENGENHARIA  - 512024.docx
MAPA -INTRODUÇÃO À ENGENHARIA - 512024.docx2m Assessoria
 
MAPA - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
MAPA - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docxMAPA - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
MAPA - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx2m Assessoria
 
ATIVIDADE 1- TEORIAS DA ADMINISTRAÇÃO - 512024.docx
ATIVIDADE 1- TEORIAS DA ADMINISTRAÇÃO - 512024.docxATIVIDADE 1- TEORIAS DA ADMINISTRAÇÃO - 512024.docx
ATIVIDADE 1- TEORIAS DA ADMINISTRAÇÃO - 512024.docx2m Assessoria
 
MAPA - CÁLCULO DIFERENCIAL E INTEGRAL II - 512024.docx
MAPA - CÁLCULO DIFERENCIAL E INTEGRAL II - 512024.docxMAPA - CÁLCULO DIFERENCIAL E INTEGRAL II - 512024.docx
MAPA - CÁLCULO DIFERENCIAL E INTEGRAL II - 512024.docx2m Assessoria
 
Serviços para fazer deploy do seu Frontend - react ceara 8 meetup 2024
Serviços para fazer deploy do seu Frontend - react ceara 8 meetup 2024Serviços para fazer deploy do seu Frontend - react ceara 8 meetup 2024
Serviços para fazer deploy do seu Frontend - react ceara 8 meetup 2024Ismael Ash
 
ATIVIDADE 1 - GFIN - FLUXO DE CAIXA E ADMINISTRAÇÃO DE CAPITAL DE GIRO - 5120...
ATIVIDADE 1 - GFIN - FLUXO DE CAIXA E ADMINISTRAÇÃO DE CAPITAL DE GIRO - 5120...ATIVIDADE 1 - GFIN - FLUXO DE CAIXA E ADMINISTRAÇÃO DE CAPITAL DE GIRO - 5120...
ATIVIDADE 1 - GFIN - FLUXO DE CAIXA E ADMINISTRAÇÃO DE CAPITAL DE GIRO - 5120...2m Assessoria
 
Gadgets Inteligentes: Transformando o Modo como Vivemos .pdf
Gadgets Inteligentes: Transformando o Modo como Vivemos .pdfGadgets Inteligentes: Transformando o Modo como Vivemos .pdf
Gadgets Inteligentes: Transformando o Modo como Vivemos .pdfRicardoLealPintoDaSi
 
MAPA - ESTATÍSTICA E PROBABILIDADE - 512024.docx
MAPA - ESTATÍSTICA E PROBABILIDADE - 512024.docxMAPA - ESTATÍSTICA E PROBABILIDADE - 512024.docx
MAPA - ESTATÍSTICA E PROBABILIDADE - 512024.docx2m Assessoria
 
ATIVIDADE 1 - ESTATÍSTICA E PROBABILIDADE - 512024.docx
ATIVIDADE 1 - ESTATÍSTICA E PROBABILIDADE - 512024.docxATIVIDADE 1 - ESTATÍSTICA E PROBABILIDADE - 512024.docx
ATIVIDADE 1 - ESTATÍSTICA E PROBABILIDADE - 512024.docx2m Assessoria
 
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docxMAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docxjosecarlos413721
 
Aula 01 - Desenvolvimento web - A internet.pptx
Aula 01 - Desenvolvimento web - A internet.pptxAula 01 - Desenvolvimento web - A internet.pptx
Aula 01 - Desenvolvimento web - A internet.pptxHugoHoch2
 
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES  - 512024.docxATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES  - 512024.docx
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx2m Assessoria
 
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docxATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docxjosecarlos413721
 
ATIVIDADE 1 - CCONT - ESTRUTURAS DAS DEMONSTRAÇÕES CONTÁBEIS - 512024.docx
ATIVIDADE 1 - CCONT - ESTRUTURAS DAS DEMONSTRAÇÕES CONTÁBEIS - 512024.docxATIVIDADE 1 - CCONT - ESTRUTURAS DAS DEMONSTRAÇÕES CONTÁBEIS - 512024.docx
ATIVIDADE 1 - CCONT - ESTRUTURAS DAS DEMONSTRAÇÕES CONTÁBEIS - 512024.docx2m Assessoria
 
ATIVIDADE 1 - CCONT - PERÍCIA, ARBITRAGEM E ATUÁRIA - 512024.docx
ATIVIDADE 1 - CCONT - PERÍCIA, ARBITRAGEM E ATUÁRIA - 512024.docxATIVIDADE 1 - CCONT - PERÍCIA, ARBITRAGEM E ATUÁRIA - 512024.docx
ATIVIDADE 1 - CCONT - PERÍCIA, ARBITRAGEM E ATUÁRIA - 512024.docx2m Assessoria
 

Último (20)

MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docxMAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
 
MAPA - INTRODUÇÃO À ENGENHARIA - 51-2024.docx
MAPA - INTRODUÇÃO À ENGENHARIA - 51-2024.docxMAPA - INTRODUÇÃO À ENGENHARIA - 51-2024.docx
MAPA - INTRODUÇÃO À ENGENHARIA - 51-2024.docx
 
ATIVIDADE 1- LÓGICA PARA COMPUTAÇÃO - 512024.docx
ATIVIDADE 1- LÓGICA PARA COMPUTAÇÃO - 512024.docxATIVIDADE 1- LÓGICA PARA COMPUTAÇÃO - 512024.docx
ATIVIDADE 1- LÓGICA PARA COMPUTAÇÃO - 512024.docx
 
ATIVIDADE 1 - RH - TEORIAS DA ADMINISTRAÇÃO - 51-2024.docx
ATIVIDADE 1 - RH - TEORIAS DA ADMINISTRAÇÃO - 51-2024.docxATIVIDADE 1 - RH - TEORIAS DA ADMINISTRAÇÃO - 51-2024.docx
ATIVIDADE 1 - RH - TEORIAS DA ADMINISTRAÇÃO - 51-2024.docx
 
ATIVIDADE 1 - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
ATIVIDADE 1 - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docxATIVIDADE 1 - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
ATIVIDADE 1 - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
 
MAPA -INTRODUÇÃO À ENGENHARIA - 512024.docx
MAPA -INTRODUÇÃO À ENGENHARIA  - 512024.docxMAPA -INTRODUÇÃO À ENGENHARIA  - 512024.docx
MAPA -INTRODUÇÃO À ENGENHARIA - 512024.docx
 
MAPA - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
MAPA - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docxMAPA - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
MAPA - GCOM - TÉCNICAS DE NEGOCIAÇÃO E VENDAS - 512024.docx
 
ATIVIDADE 1- TEORIAS DA ADMINISTRAÇÃO - 512024.docx
ATIVIDADE 1- TEORIAS DA ADMINISTRAÇÃO - 512024.docxATIVIDADE 1- TEORIAS DA ADMINISTRAÇÃO - 512024.docx
ATIVIDADE 1- TEORIAS DA ADMINISTRAÇÃO - 512024.docx
 
MAPA - CÁLCULO DIFERENCIAL E INTEGRAL II - 512024.docx
MAPA - CÁLCULO DIFERENCIAL E INTEGRAL II - 512024.docxMAPA - CÁLCULO DIFERENCIAL E INTEGRAL II - 512024.docx
MAPA - CÁLCULO DIFERENCIAL E INTEGRAL II - 512024.docx
 
Serviços para fazer deploy do seu Frontend - react ceara 8 meetup 2024
Serviços para fazer deploy do seu Frontend - react ceara 8 meetup 2024Serviços para fazer deploy do seu Frontend - react ceara 8 meetup 2024
Serviços para fazer deploy do seu Frontend - react ceara 8 meetup 2024
 
ATIVIDADE 1 - GFIN - FLUXO DE CAIXA E ADMINISTRAÇÃO DE CAPITAL DE GIRO - 5120...
ATIVIDADE 1 - GFIN - FLUXO DE CAIXA E ADMINISTRAÇÃO DE CAPITAL DE GIRO - 5120...ATIVIDADE 1 - GFIN - FLUXO DE CAIXA E ADMINISTRAÇÃO DE CAPITAL DE GIRO - 5120...
ATIVIDADE 1 - GFIN - FLUXO DE CAIXA E ADMINISTRAÇÃO DE CAPITAL DE GIRO - 5120...
 
Gadgets Inteligentes: Transformando o Modo como Vivemos .pdf
Gadgets Inteligentes: Transformando o Modo como Vivemos .pdfGadgets Inteligentes: Transformando o Modo como Vivemos .pdf
Gadgets Inteligentes: Transformando o Modo como Vivemos .pdf
 
MAPA - ESTATÍSTICA E PROBABILIDADE - 512024.docx
MAPA - ESTATÍSTICA E PROBABILIDADE - 512024.docxMAPA - ESTATÍSTICA E PROBABILIDADE - 512024.docx
MAPA - ESTATÍSTICA E PROBABILIDADE - 512024.docx
 
ATIVIDADE 1 - ESTATÍSTICA E PROBABILIDADE - 512024.docx
ATIVIDADE 1 - ESTATÍSTICA E PROBABILIDADE - 512024.docxATIVIDADE 1 - ESTATÍSTICA E PROBABILIDADE - 512024.docx
ATIVIDADE 1 - ESTATÍSTICA E PROBABILIDADE - 512024.docx
 
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docxMAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
MAPA - PROGRAMAÇÃO E CÁLCULO NUMÉRICO - 512024.docx
 
Aula 01 - Desenvolvimento web - A internet.pptx
Aula 01 - Desenvolvimento web - A internet.pptxAula 01 - Desenvolvimento web - A internet.pptx
Aula 01 - Desenvolvimento web - A internet.pptx
 
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES  - 512024.docxATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES  - 512024.docx
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx
 
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docxATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx
ATIVIDADE 1 - ADSIS - FUNDAMENTOS E ARQUITETURA DE COMPUTADORES - 512024.docx
 
ATIVIDADE 1 - CCONT - ESTRUTURAS DAS DEMONSTRAÇÕES CONTÁBEIS - 512024.docx
ATIVIDADE 1 - CCONT - ESTRUTURAS DAS DEMONSTRAÇÕES CONTÁBEIS - 512024.docxATIVIDADE 1 - CCONT - ESTRUTURAS DAS DEMONSTRAÇÕES CONTÁBEIS - 512024.docx
ATIVIDADE 1 - CCONT - ESTRUTURAS DAS DEMONSTRAÇÕES CONTÁBEIS - 512024.docx
 
ATIVIDADE 1 - CCONT - PERÍCIA, ARBITRAGEM E ATUÁRIA - 512024.docx
ATIVIDADE 1 - CCONT - PERÍCIA, ARBITRAGEM E ATUÁRIA - 512024.docxATIVIDADE 1 - CCONT - PERÍCIA, ARBITRAGEM E ATUÁRIA - 512024.docx
ATIVIDADE 1 - CCONT - PERÍCIA, ARBITRAGEM E ATUÁRIA - 512024.docx
 

Imagens WebP e a relação com o Mobile First

  • 1. Imagens WebP e a relação com o Mobile First Conheça o formato de imagem WebP, desenvolvidos pelos engenheiros do Google e seu aliado na melhoria de carregamento das páginas web
  • 2. O formato de imagem WebP O formato de imagem WebP tem uma relação direta com o Mobile First, uma vez que seu foco é contribuir para o carregamento mais rápido das páginas ao reduzir consideravelmente o tamanho do arquivo, mas mantendo a qualidade das imagens.
  • 3. Quem se beneficia com um novo formato de imagem? O carregamento mais rápido das páginas melhora a experiência do usuário, que por conseguinte consome mais conteúdo e interage mais com sua marca. Conseguimos ainda beneficiar dois outros times: o de infraestrutura e financeiro.
  • 4. Quem se beneficia com um novo formato de imagem? Através do formato, que tem um menor tamanho de arquivo, conseguimos reduzir o consumo de tráfego de dados. E sabemos que a redução de banda impacta diretamente no financeiro, é redução de custo.
  • 5. Jpeg, PNG e GIF versus WebP JPEG é muito utilizado para fotografias. PNG para vetores e transparência. GIF, em sua maioria, no formato animado. WebP agrega o melhor dos três formatos mais utilizados, garantindo animação, transparência e qualidade das imagens.
  • 6. Sobre o suporte dos navegadores de internet Embora o formato de imagem WebP não seja suportado por todos os navegadores de internet, é preciso pensar diferente esse suporte. Entregue o formato WebP para quem o suporta, e o formato original (JPG, GIF, PNG) para quem não conseguir renderizar.
  • 7. Sobre o suporte dos navegadores de internet Fazendo isso, à medida que os navegadores forem adicionando suporte, seu site já estará atualizado.
  • 8. Conclusão Imagens, e conteúdo multimídia, são um dos vilões que prejudicam a performance do seu projeto. O formato de imagem WebP será seu grande aliado para avançar em performance no mobile e, por conseguinte, ajudará também no desktop.
  • 9. Leia na íntegra em blog.apiki.com/imagens-webp-relacao-mobile-first