As imagens são responsáveis pela maior parte do tempo de carregamento da maioria dos sites. Com alguns cliques, a Otimização de Imagens pode melhorar os tempos de carregamento e fazer você e seus visitantes mais felizes. A otimização de imagem só está disponível quando o CDN da Kinsta está ativado.

A otimização de imagens não altera as imagens armazenadas nos arquivos do seu site; ela cria novas imagens. As novas imagens não requerem armazenamento adicional, e elas não contarão para o uso do espaço em disco do seu plano Kinsta.

Quando habilitado a opção Sem Perda ou Com Perda, o CDN cria automaticamente versões WebP das imagens em tempo real usando o serviço polonês do Cloudflare. As versões WebP são armazenadas em cache no CDN do Cloudflare e são entregues se:

  1. o cabeçalho Accept no navegador do visitante inclui WebP, e
  2. a versão WebP é significativamente menor.

O CDN entregará a imagem original se ela for menor do que a versão WebP.

Habilitando a otimização da imagem

Para ativar a Otimização de Imagem em seu site, faça login no MyKinsta, acesse Sites WordPress > nomedosite > CDN e clique em Configurações em Otimização de Imagem.

Acesse as configurações de otimização de imagem no MyKinsta.
Acesse as configurações de otimização de imagem no MyKinsta.

Isso o levará a uma nova janela onde você escolhe entre a otimização de imagem Sem Perda ou Com Perda:

Acesse as configurações de otimização de imagem no MyKinsta.
Acesse as configurações de otimização de imagem no MyKinsta.

Otimização de imagens sem perda

A otimização de imagens sem perdas é feita com compressão sem perda e não tem impacto sobre a qualidade de suas imagens. Somente as imagens GIF e PNG são compactadas, e serão criadas versões WebP dessas imagens. Os metadados serão removidos de todas as imagens.

Selecionando a opção de otimização de imagem sem perdas no MyKinsta.
Selecionando a opção de otimização de imagem sem perdas no MyKinsta.

Selecione essa opção se for crucial manter a qualidade da sua imagem. Se quiser compactar e criar versões WebP de imagens JPEG, você precisará selecionar a opção com perdas.

Após clicar no botão Salvar configurações, a página CDN deverá ter a seguinte aparência:

Otimização de imagem sem perdas, ativada no MyKinsta.
Otimização de imagem sem perdas, ativada no MyKinsta.

Otimização de imagens com perda

A Otimização de imagens com perda pode reduzir a qualidade de suas imagens JPEG porque usa compressão com perda para tornar essas imagens o menor possível. Essa opção comprimirá os arquivos GIF e PNG da mesma forma que a opção sem perdas e removerá os metadados de todas as imagens. Ela também criará versões WebP de todas as imagens, mas a versão WebP só será usada se for significativamente menor do que a imagem compactada com ou sem perdas.

Selecionando a opção de otimização de imagem com perda no MyKinsta.
Selecionando a opção de otimização de imagem com perda no MyKinsta.

Selecione essa opção para maximizar a otimização da imagem, sabendo que isso pode afetar a qualidade da imagem.

Após clicar no botão Salvar configurações, a página CDN deverá ter a seguinte aparência:

Otimização de imagem com perda ativada no MyKinsta.
Otimização de imagem com perda ativada no MyKinsta.

Teste de otimização de imagem

A Otimização de Imagem não altera a URL ou a extensão do arquivo da imagem, e também não modifica o HTML das páginas do seu site. Para confirmar que a Otimização de Imagem está funcionando, você pode examinar os cabeçalhos HTTP de uma imagem no seu site usando as ferramentas de desenvolvedor integradas ao seu navegador.

  1. Acesse seu site e abra as ferramentas de desenvolvedor no navegador (clique com o botão direito na página ou em uma imagem e selecione “Inspecionar“).
  2. Na aba “Network“, recarregue a página, se necessário, e escolha uma imagem.
  3. Na aba “Headers” para a imagem selecionada, role para baixo até ver os “Response Headers” e procure pelos seguintes cabeçalhos e valores:
    1. cf-polished: Mostra o formato e tamanho original do arquivo da imagem. Se a versão WebP gerada for maior que a imagem original, a original será mantida.
    2. content-type: Indica o formato de arquivo que está sendo entregue, independentemente da URL ou extensão do arquivo.
    3. ki-cache-type: Deve apresentar o valor “CDN“.
    4. ki-cf-cache-status: Deve apresentar o valor “HIT“. Esse valor, em conjunto com um valor “CDN” em ki-cache-type, indica que a imagem está sendo servida pelo CDN da Kinsta.

Desabilitando a otimização de imagens

Para desativar a Otimização de Imagens em seu site, faça login no MyKinsta, vá para Sites WordPress > nomedosite > CDN e clique em Configurar Otimização de Imagens. Na nova janela, selecione Nenhum e clique em Salvar configurações.

A página CDN agora refletirá que nenhuma configuração de otimização de imagem foi aplicada e terá a seguinte aparência:

Otimização de imagem desativada no MyKinsta.
Otimização de imagem desativada no MyKinsta.