{"id":38484,"date":"2025-01-22T15:01:24","date_gmt":"2025-01-22T18:01:24","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=38484"},"modified":"2025-04-14T12:06:37","modified_gmt":"2025-04-14T15:06:37","slug":"como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/","title":{"rendered":"Como configurar o Plugin WebP Express em Servidores NGINX para Otimizar Imagens no WordPress"},"content":{"rendered":"\n<p>Se voc\u00ea est\u00e1 buscando melhorar a performance do seu site WordPress, uma das melhores pr\u00e1ticas \u00e9 otimizar suas imagens. Neste post, vamos explorar como configurar o plugin WebP Express em servidores NGINX, garantindo que suas imagens sejam leves e r\u00e1pidas de carregar, sem perder qualidade. Vamos abordar desde o que \u00e9 o formato WebP, at\u00e9 os passos detalhados para a configura\u00e7\u00e3o do plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_e_WebP\"><\/span>O que \u00e9 WebP?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>WebP \u00e9 um formato de imagem desenvolvido pelo Google, criado para oferecer compress\u00e3o de imagens sem perdas e perdas superiores em compara\u00e7\u00e3o aos formatos tradicionais como JPEG e PNG. As imagens em WebP podem ter um tamanho at\u00e9 40% menor que as JPEG, mantendo uma qualidade visual impressionante.<\/p>\n\n\n\n<p>Isso significa que, ao utilizar o formato WebP, voc\u00ea pode reduzir significativamente o tempo de carregamento do seu site, o que \u00e9 crucial para melhorar a experi\u00eancia do usu\u00e1rio e a otimiza\u00e7\u00e3o em mecanismos de busca.<\/p>\n\n\n\n<p><strong>Leia mais: <a href=\"https:\/\/www.yogh.com.br\/blog\/imagens-webp-saiba-que-e-e-como-utilizar\/\">Imagens WebP &#8211; Saiba o que \u00e9 e como utilizar<\/a>.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_e_o_Plugin_WebP_Express\"><\/span>O que \u00e9 o Plugin WebP Express?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O WebP Express \u00e9 um plugin para WordPress que facilita a convers\u00e3o de imagens para o formato WebP. Ele permite que voc\u00ea n\u00e3o precise substituir manualmente cada imagem do seu site. Ao configurar o WebP Express, voc\u00ea pode converter imagens JPG e PNG existentes para WebP automaticamente durante o upload ou em um processo de convers\u00e3o em massa.<\/p>\n\n\n\n<p>Al\u00e9m disso, o plugin tamb\u00e9m altera o c\u00f3digo HTML do seu site para garantir que as imagens WebP sejam exibidas em navegadores compat\u00edveis, enquanto mant\u00e9m as vers\u00f5es JPG ou PNG para aqueles que n\u00e3o suportam o formato.<\/p>\n\n\n\n<p><strong>Saiba mais: <a href=\"https:\/\/www.yogh.com.br\/blog\/webp-express-plugin-para-converter-imagens\/\">WebP Express &#8211; Um plugin para converter imagens para WebP<\/a>.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Erros_Comuns_na_Configuracao_do_Plugin_em_Servidores_NGINX\"><\/span>Erros Comuns na Configura\u00e7\u00e3o do Plugin em Servidores NGINX<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Um dos principais desafios que os usu\u00e1rios enfrentam ao configurar o WebP Express em servidores NGINX \u00e9 a ocorr\u00eancia de erros de configura\u00e7\u00e3o. Muitas vezes, o plugin pode n\u00e3o funcionar como esperado devido a configura\u00e7\u00f5es incorretas no servidor. \u00c9 fundamental entender a estrutura do NGINX e como o plugin interage com ele para evitar esses problemas.<\/p>\n\n\n\n<p>Alguns dos erros mais comuns incluem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Imagens n\u00e3o sendo convertidas corretamente.<\/li>\n\n\n\n<li>Mensagens de erro relacionadas \u00e0 falta de permiss\u00f5es.<\/li>\n\n\n\n<li>Erros de sintaxe no arquivo de configura\u00e7\u00e3o do NGINX.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_Configurar_o_Plugin_WebP_Express_em_Servidores_NGINX\"><\/span>Como Configurar o Plugin WebP Express em Servidores NGINX<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Agora que voc\u00ea j\u00e1 sabe o que \u00e9 o WebP e o WebP Express, vamos ao passo a passo de como configurar o plugin no seu servidor NGINX.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Passo_1_Acesso_ao_Servidor\"><\/span>Passo 1: Acesso ao Servidor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Primeiro, voc\u00ea precisa ter acesso ao seu servidor com permiss\u00f5es de root. Se voc\u00ea n\u00e3o tiver essas permiss\u00f5es, n\u00e3o conseguir\u00e1 criar os arquivos necess\u00e1rios ou modificar as configura\u00e7\u00f5es do servidor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Passo_2_Localizacao_do_Arquivo_de_Configuracao\"><\/span>Passo 2: Localiza\u00e7\u00e3o do Arquivo de Configura\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Utilize um terminal para acessar a pasta de configura\u00e7\u00e3o do NGINX. Normalmente, voc\u00ea encontrar\u00e1 os arquivos em:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/etc\/nginx\/sites-available\/<\/code><\/pre>\n\n\n\n<p>Aqui, voc\u00ea deve localizar o arquivo correspondente ao seu site. Se houver apenas um site, voc\u00ea pode abrir diretamente o arquivo de configura\u00e7\u00e3o do servidor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Passo_3_Criar_um_Arquivo_de_Configuracao\"><\/span>Passo 3: Criar um Arquivo de Configura\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Com o editor de texto de sua prefer\u00eancia, crie um novo arquivo de configura\u00e7\u00e3o. O nome pode ser o que voc\u00ea preferir, mas deve ter a extens\u00e3o .conf. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>webp-express.conf<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Passo_4_Inserir_o_Conteudo_de_Configuracao\"><\/span>Passo 4: Inserir o Conte\u00fado de Configura\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Voc\u00ea deve copiar as regras de configura\u00e7\u00e3o do WebP Express, que podem ser encontradas na documenta\u00e7\u00e3o oficial do plugin. Cole esse conte\u00fado no arquivo que voc\u00ea acabou de criar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Passo_5_Testar_a_Configuracao\"><\/span>Passo 5: Testar a Configura\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Antes de reiniciar o NGINX, \u00e9 crucial testar se n\u00e3o h\u00e1 erros de sintaxe no arquivo de configura\u00e7\u00e3o. Execute o seguinte comando:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>nginx -t<\/code><\/pre>\n\n\n\n<p>Se o teste for bem-sucedido, voc\u00ea ver\u00e1 uma mensagem indicando que a configura\u00e7\u00e3o est\u00e1 correta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Passo_6_Reiniciar_o_NGINX\"><\/span>Passo 6: Reiniciar o NGINX<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Com a configura\u00e7\u00e3o validada, reinicie o NGINX para aplicar as mudan\u00e7as:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>service nginx reload<\/code><\/pre>\n\n\n\n<p>Agora, o WebP Express deve estar funcionando corretamente no seu servidor NGINX.<\/p>\n\n\n\n<p><strong>Veja mais: <a href=\"https:\/\/youtu.be\/m4tBUNTMuc8?si=B-izN6lnF59IHKGO\" target=\"_blank\" rel=\"noopener\">Melhores bancos de imagens pagos e gratuitos para o seu site WordPress<\/a>.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Configurar o plugin WebP Express em servidores NGINX pode parecer desafiador, mas seguindo os passos corretos, voc\u00ea pode otimizar suas imagens de forma eficaz. O uso do formato WebP n\u00e3o s\u00f3 melhora a performance do seu site, mas tamb\u00e9m proporciona uma experi\u00eancia melhor para os usu\u00e1rios.<\/p>\n\n\n\n<p>Se voc\u00ea tiver d\u00favidas ou encontrar dificuldades durante o processo, n\u00e3o hesite em buscar ajuda na documenta\u00e7\u00e3o do plugin ou em comunidades online. E lembre-se, manter seu site otimizado \u00e9 uma parte fundamental para garantir seu sucesso na web.<\/p>\n\n\n\n<p>Se voc\u00ea gostou desse guia e achou \u00fatil, compartilhe com seus amigos e colegas de trabalho. Vamos juntos melhorar a performance dos sites WordPress!<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#O_que_e_WebP\" >O que \u00e9 WebP?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#O_que_e_o_Plugin_WebP_Express\" >O que \u00e9 o Plugin WebP Express?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Erros_Comuns_na_Configuracao_do_Plugin_em_Servidores_NGINX\" >Erros Comuns na Configura\u00e7\u00e3o do Plugin em Servidores NGINX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Como_Configurar_o_Plugin_WebP_Express_em_Servidores_NGINX\" >Como Configurar o Plugin WebP Express em Servidores NGINX<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Passo_1_Acesso_ao_Servidor\" >Passo 1: Acesso ao Servidor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Passo_2_Localizacao_do_Arquivo_de_Configuracao\" >Passo 2: Localiza\u00e7\u00e3o do Arquivo de Configura\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Passo_3_Criar_um_Arquivo_de_Configuracao\" >Passo 3: Criar um Arquivo de Configura\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Passo_4_Inserir_o_Conteudo_de_Configuracao\" >Passo 4: Inserir o Conte\u00fado de Configura\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Passo_5_Testar_a_Configuracao\" >Passo 5: Testar a Configura\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Passo_6_Reiniciar_o_NGINX\" >Passo 6: Reiniciar o NGINX<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.yogh.com.br\/blog\/como-configurar-o-plugin-webp-express-em-servidores-nginx-para-otimizar-imagens-no-wordpress\/#Conclusao\" >Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda como configurar o plugin WebP Express em servidores NGINX com este guia detalhado para otimizar imagens e melhorar a performance do seu WordPress.<\/p>\n","protected":false},"author":2,"featured_media":38485,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[42,57],"tags":[],"class_list":["post-38484","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-otimizacao-de-performance","category-plugins-para-wordpress"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/38484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/comments?post=38484"}],"version-history":[{"count":1,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/38484\/revisions"}],"predecessor-version":[{"id":38486,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/38484\/revisions\/38486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media\/38485"}],"wp:attachment":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media?parent=38484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/categories?post=38484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/tags?post=38484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}