{"id":1138,"date":"2026-09-21T12:26:23","date_gmt":"2026-09-21T10:26:23","guid":{"rendered":"https:\/\/www.redservicio.net\/blog\/?p=1138"},"modified":"2026-09-21T12:26:23","modified_gmt":"2026-09-21T10:26:23","slug":"optimizacion-de-imagenes-webp-y-avif-en-nginx-guia","status":"publish","type":"post","link":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/","title":{"rendered":"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda"},"content":{"rendered":"<p>Servir im\u00e1genes en WebP es de esas mejoras que dan mucho rendimiento a cambio de poco, y a\u00fan as\u00ed montones de configuraciones de Nginx siguen ignor\u00e1ndola. Piensa un momento: las im\u00e1genes suelen pesar entre el 50% y el 70% del total de una p\u00e1gina. Si las pasas a formatos modernos como WebP o AVIF, ese peso puede caer entre un 30% y un 60% sin que nadie aprecie diferencia de calidad. Aqu\u00ed va la gu\u00eda completa: preparar el servidor, convertir las im\u00e1genes y dejar que Nginx elija el formato seg\u00fan el navegador de cada visitante.<\/p>\n<h2>\u00bfPor qu\u00e9 usar WebP y AVIF? Beneficios reales en velocidad y SEO<\/h2>\n<p>WebP, que tambi\u00e9n sali\u00f3 de las manos de Google, comprime entre un 25% y un 35% mejor que JPEG con calidad equivalente. Adem\u00e1s soporta transparencia (como PNG) y hasta animaci\u00f3n. AVIF va m\u00e1s lejos todav\u00eda. Est\u00e1 construido sobre el c\u00f3dec AV1 y genera archivos entre un 20% y un 50% m\u00e1s peque\u00f1os que WebP, sobre todo con gradientes y fotograf\u00edas de mucho contraste.<\/p>\n<p>\u00bfY en la pr\u00e1ctica, qu\u00e9 gana uno? Cosas medibles:<\/p>\n<ul>\n<li><strong>Mejora del LCP (Largest Contentful Paint):<\/strong> la imagen hero suele ser el elemento m\u00e1s grande de la p\u00e1gina, as\u00ed que comprimirla ataca directamente tu Core Web Vitals.<\/li>\n<li><strong>Menos ancho de banda:<\/strong> clave si tu hosting factura por tr\u00e1fico o si tus lectores navegan con datos m\u00f3viles justos.<\/li>\n<li><strong>Ventaja SEO indirecta:<\/strong> Google mete la velocidad de carga en la ecuaci\u00f3n del posicionamiento, especialmente en m\u00f3vil.<\/li>\n<li><strong>M\u00e1s conversi\u00f3n:<\/strong> cada segundo de retraso puede costarte hasta un 7% de conversiones. No es poco.<\/li>\n<\/ul>\n<p>En cuanto a soporte, WebP est\u00e1 pr\u00e1cticamente en todas partes (m\u00e1s del 97% de los navegadores) y AVIF ya supera el 90%, con Chrome, Firefox y Safari 16+ incluidos. Los navegadores viejos recibir\u00e1n el JPEG o PNG original sin drama. Nada se rompe.<\/p>\n<div class=\"result-box\">\n<p><em>Tip:<\/em> si tu web carga muchas im\u00e1genes de producto o portadas de blog, empieza por las 20 m\u00e1s pesadas. Ah\u00ed suele estar el 80% de la mejora en LCP.<\/p>\n<\/div>\n<h2>Verificando el soporte de WebP y AVIF en tu servidor Nginx<\/h2>\n<p>No hace falta ning\u00fan m\u00f3dulo especial para <em>servir<\/em> WebP o AVIF con Nginx: son archivos est\u00e1ticos, como cualquier otro. Pero antes de meterte en faena conviene revisar dos cosas: que tu versi\u00f3n de Nginx no sea del pleistoceno y que los tipos MIME est\u00e9n bien declarados.<\/p>\n<p>Mira tu versi\u00f3n:<\/p>\n<p><code>nginx -v<\/code><\/p>\n<p>Cualquier 1.17+ sirve. Despu\u00e9s abre el archivo <code>mime.types<\/code> (normalmente en <code>\/etc\/nginx\/mime.types<\/code>) y comprueba que est\u00e1n estas l\u00edneas:<\/p>\n<p><code>image\/webp webp;<br \/>image\/avif avif;<\/code><\/p>\n<p>Si no aparecen, a\u00f1\u00e1delas dentro del bloque <code>types<\/code> y recarga:<\/p>\n<p><code>sudo nginx -t && sudo systemctl reload nginx<\/code><\/p>\n<p>Ese <code>nginx -t<\/code> valida la sintaxis antes de recargar, as\u00ed evitas tirar el servicio por un punto y coma olvidado. Para comprobar que un archivo se sirve con el tipo correcto:<\/p>\n<p><code>curl -I https:\/\/tudominio.com\/imagen.webp<\/code><\/p>\n<p>En la respuesta deber\u00eda salir <code>Content-Type: image\/webp<\/code>. Y un apunte: si tu web est\u00e1 en una plataforma con panel propio, como el hosting de RedServicio, estos MIME ya vienen preconfigurados, y el soporte t\u00e9cnico 24\/7 puede revisarte la configuraci\u00f3n de Nginx sin coste extra.<\/p>\n<h2>C\u00f3mo convertir tus im\u00e1genes a WebP y AVIF: herramientas y comandos<\/h2>\n<p>Dos caminos posibles. L\u00ednea de comandos para lotes grandes, o convertidores online para im\u00e1genes sueltas.<\/p>\n<h3>cwebp y avifenc (l\u00ednea de comandos)<\/h3>\n<p>La librer\u00eda libwebp trae <code>cwebp<\/code>, y libavif trae <code>avifenc<\/code>. As\u00ed se usan:<\/p>\n<p><code>cwebp -q 80 foto.jpg -o foto.webp<\/code><\/p>\n<p><code>avifenc -q 60 foto.jpg foto.avif<\/code><\/p>\n<p>Como referencia: calidad 75-85 en WebP y 50-65 en AVIF suele ser el punto dulce entre peso y fidelidad visual. \u00bfQuieres convertir un directorio entero de golpe? Un bucle lo resuelve:<\/p>\n<p><code>for f in *.jpg; do cwebp -q 80 \"$f\" -o \"${f%.jpg}.webp\"; done<\/code><\/p>\n<h3>Herramientas gr\u00e1ficas y online<\/h3>\n<ul>\n<li><strong>Squoosh.app:<\/strong> el convertidor gratuito de Google, con comparador visual en tiempo real. Muy c\u00f3modo.<\/li>\n<li><strong>ImageMagick:<\/strong> el cl\u00e1sico <code>convert foto.jpg -quality 80 foto.webp<\/code>, disponible en casi cualquier servidor Linux.<\/li>\n<li><strong>Plugins de CMS:<\/strong> ShortPixel, Imagify o EWWW hacen la conversi\u00f3n autom\u00e1tica en WordPress.<\/li>\n<\/ul>\n<p>Eso s\u00ed, conserva siempre los originales en JPEG o PNG. Los necesitar\u00e1s como fallback para navegadores antiguos, y tambi\u00e9n como fuente si m\u00e1s adelante quieres regenerar todo con otra calidad (te lo agradecer\u00e1s).<\/p>\n<h2>Configuraci\u00f3n de Nginx para la optimizaci\u00f3n de im\u00e1genes WebP y AVIF<\/h2>\n<p>La idea en Nginx es simple: servir la versi\u00f3n WebP o AVIF cuando el navegador la soporte, sin tocar las URLs originales. La t\u00e9cnica m\u00e1s robusta combina el m\u00f3dulo <em>ngx_http_image_filter_module<\/em>, un mapa de la cabecera <strong>Accept<\/strong> y <em>try_files<\/em>.<\/p>\n<p>Primero, declara los mapas en el bloque <strong>http<\/strong>:<\/p>\n<p>map $http_accept $webp_suffix { default \u00ab\u00bb; \u00ab~*webp\u00bb \u00ab.webp\u00bb; }<br \/>\nmap $http_accept $avif_suffix { default \u00ab\u00bb; \u00ab~*avif\u00bb \u00ab.avif\u00bb; }<\/p>\n<p>Luego, en el bloque <strong>server<\/strong> o <strong>location<\/strong> que atiende las im\u00e1genes, usa try_files dando prioridad a AVIF sobre WebP (comprime mejor):<\/p>\n<ul>\n<li>location ~* ^(.+)\\.(jpg|jpeg|png)$ {<\/li>\n<li>try_files $1$avif_suffix$webp_suffix $1$webp_suffix $uri =404;<\/li>\n<li>add_header Vary \u00abAccept\u00bb;<\/li>\n<li>}<\/li>\n<\/ul>\n<p>Si tu distribuci\u00f3n de Nginx no trae los tipos MIME en <em>mime.types<\/em>, a\u00f1\u00e1delos en el bloque http: <strong>image\/webp webp;<\/strong> y <strong>image\/avif avif;<\/strong>. Ojo con un error t\u00edpico: servir el WebP con MIME de JPEG. Algunos navegadores lo renderizan mal y te vuelves loco buscando el motivo.<\/p>\n<div class=\"result-box\">\n<p><strong>Tip:<\/strong> valida con <em>nginx -t<\/em> antes de recargar y confirma el resultado con curl: <em>curl -H \u00abAccept: image\/webp\u00bb -I https:\/\/tudominio.com\/logo.jpg<\/em>. Si la respuesta dice content-type image\/webp, la negociaci\u00f3n funciona.<\/p>\n<\/div>\n<h2>Mapa de negotiation por cabecera Accept y cach\u00e9 del navegador<\/h2>\n<p>Aqu\u00ed est\u00e1 el coraz\u00f3n de todo el asunto. Cada navegador anuncia en la cabecera <strong>Accept<\/strong> los formatos que entiende: Chrome y Firefox incluyen image\/webp e image\/avif, mientras que las versiones antiguas solo declaran jpeg y png. El mapa de Nginx traduce eso a la extensi\u00f3n que se va a servir.<\/p>\n<p>El punto delicado es la cach\u00e9. Si sirves contenido negociado, tienes que incluir <strong>Vary: Accept<\/strong> para que las CDN y las cach\u00e9s intermedias sepan que la respuesta depende de esa cabecera. Sin ella, \u00bfqu\u00e9 pasa? Que la CDN puede reenviar un WebP a un navegador que solo entiende JPEG, y ese usuario ver\u00e1 im\u00e1genes corruptas. No es te\u00f3rico: pasa.<\/p>\n<p>Configura tambi\u00e9n una pol\u00edtica de cach\u00e9 generosa para las im\u00e1genes, que en la pr\u00e1ctica son recursos inmutables:<\/p>\n<ul>\n<li>location ~* \\.(jpe?g|png|webp|avif)$ { expires 30d; add_header Cache-Control \u00abpublic, immutable\u00bb; add_header Vary \u00abAccept\u00bb; }<\/li>\n<\/ul>\n<p>Si usas FastCGI cache o proxy cache, mete <em>$http_accept<\/em> en la clave de cach\u00e9 (<strong>proxy_cache_key<\/strong> o <strong>fastcgi_cache_key<\/strong>) para no servirle la misma versi\u00f3n a todo el mundo. En CDN como Cloudflare, activa la negociaci\u00f3n de WebP desde el panel, o al menos aseg\u00farate de que las reglas de cach\u00e9 respetan la cabecera Vary. Y una cosa m\u00e1s: despu\u00e9s de regenerar im\u00e1genes, purga la cach\u00e9 de la CDN. Si no, los formatos viejos pueden seguir circulando durante semanas.<\/p>\n<h2>Conclusi\u00f3n: im\u00e1genes ligeras, servidor r\u00e1pido<\/h2>\n<p>Pocas mejoras de rendimiento ofrecen tanta relaci\u00f3n esfuerzo-beneficio como esta: WebP y AVIF con un Nginx bien configurado te dan reducciones del 30 al 70 por ciento en peso, mejores Core Web Vitals y una carga que se nota a simple vista. Y sin cambiar ni una sola URL de tu sitio.<\/p>\n<p>El flujo completo, resumido: convierte tus im\u00e1genes a WebP y AVIF conservando los originales, monta los mapas de la cabecera Accept y try_files en Nginx, a\u00f1ade la cabecera Vary junto a una cach\u00e9 agresiva, y verifica con curl o las DevTools del navegador. A partir de ah\u00ed, cada imagen nueva que subas se servir\u00e1 sola en el mejor formato que soporte cada visitante. Te olvidas.<\/p>\n<p>\u00bfY si prefieres no pelearte con la consola? En <strong>RedServicio.net<\/strong> nuestros planes de hosting incluyen Nginx optimizado, HTTP\/2 y HTTP\/3, y soporte t\u00e9cnico 24\/7 que te ayuda a aplicar estas configuraciones sin riesgos. Un servidor bien afinado m\u00e1s im\u00e1genes ligeras: tus usuarios lo notar\u00e1n, y los buscadores tambi\u00e9n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Servir im\u00e1genes en WebP es de esas mejoras que dan mucho rendimiento a cambio de poco, y a\u00fan as\u00ed montones [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":1140,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriales"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda<\/title>\n<meta name=\"description\" content=\"Aprende la optimizaci\u00f3n de im\u00e1genes WebP y AVIF en tu servidor Nginx paso a paso, con configuraciones y c\u00f3digo. \u00a1Mejora la velocidad de tu web hoy!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda\" \/>\n<meta property=\"og:description\" content=\"Aprende la optimizaci\u00f3n de im\u00e1genes WebP y AVIF en tu servidor Nginx paso a paso, con configuraciones y c\u00f3digo. \u00a1Mejora la velocidad de tu web hoy!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/\" \/>\n<meta property=\"og:site_name\" content=\"RedServicio Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-21T10:26:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Redaccion\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Redaccion\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/\"},\"author\":{\"name\":\"Redaccion\",\"@id\":\"https:\/\/www.redservicio.net\/blog\/#\/schema\/person\/7c504a71fc6319cd53a9dc56f26dfd85\"},\"headline\":\"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda\",\"datePublished\":\"2026-09-21T10:26:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/\"},\"wordCount\":1333,\"image\":{\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg\",\"articleSection\":[\"Tutoriales\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/\",\"url\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/\",\"name\":\"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda\",\"isPartOf\":{\"@id\":\"https:\/\/www.redservicio.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg\",\"datePublished\":\"2026-09-21T10:26:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.redservicio.net\/blog\/#\/schema\/person\/7c504a71fc6319cd53a9dc56f26dfd85\"},\"description\":\"Aprende la optimizaci\u00f3n de im\u00e1genes WebP y AVIF en tu servidor Nginx paso a paso, con configuraciones y c\u00f3digo. \u00a1Mejora la velocidad de tu web hoy!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#primaryimage\",\"url\":\"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg\",\"contentUrl\":\"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg\",\"width\":1536,\"height\":1024,\"caption\":\"optimizaci\u00f3n de im\u00e1genes WebP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.redservicio.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.redservicio.net\/blog\/#website\",\"url\":\"https:\/\/www.redservicio.net\/blog\/\",\"name\":\"RedServicio Blog\",\"description\":\"Hosting, Dominios y Tecnolog\u00eda\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.redservicio.net\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.redservicio.net\/blog\/#\/schema\/person\/7c504a71fc6319cd53a9dc56f26dfd85\",\"name\":\"Redaccion\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.redservicio.net\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c4c16ced9864c7bce80bdf029345d3de94fbf3a14f7e19fc596c10b4f25f9530?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c4c16ced9864c7bce80bdf029345d3de94fbf3a14f7e19fc596c10b4f25f9530?s=96&d=mm&r=g\",\"caption\":\"Redaccion\"},\"description\":\"Equipo responsable de manuales, tutoriales y actualizaciones sobre servicios de hosting y soporte tecnico.\",\"url\":\"https:\/\/www.redservicio.net\/blog\/author\/redaccion\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda","description":"Aprende la optimizaci\u00f3n de im\u00e1genes WebP y AVIF en tu servidor Nginx paso a paso, con configuraciones y c\u00f3digo. \u00a1Mejora la velocidad de tu web hoy!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/","og_locale":"es_ES","og_type":"article","og_title":"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda","og_description":"Aprende la optimizaci\u00f3n de im\u00e1genes WebP y AVIF en tu servidor Nginx paso a paso, con configuraciones y c\u00f3digo. \u00a1Mejora la velocidad de tu web hoy!","og_url":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/","og_site_name":"RedServicio Blog","article_published_time":"2026-09-21T10:26:23+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg","type":"image\/jpeg"}],"author":"Redaccion","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Redaccion","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#article","isPartOf":{"@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/"},"author":{"name":"Redaccion","@id":"https:\/\/www.redservicio.net\/blog\/#\/schema\/person\/7c504a71fc6319cd53a9dc56f26dfd85"},"headline":"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda","datePublished":"2026-09-21T10:26:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/"},"wordCount":1333,"image":{"@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg","articleSection":["Tutoriales"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/","url":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/","name":"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda","isPartOf":{"@id":"https:\/\/www.redservicio.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#primaryimage"},"image":{"@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg","datePublished":"2026-09-21T10:26:23+00:00","author":{"@id":"https:\/\/www.redservicio.net\/blog\/#\/schema\/person\/7c504a71fc6319cd53a9dc56f26dfd85"},"description":"Aprende la optimizaci\u00f3n de im\u00e1genes WebP y AVIF en tu servidor Nginx paso a paso, con configuraciones y c\u00f3digo. \u00a1Mejora la velocidad de tu web hoy!","breadcrumb":{"@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#primaryimage","url":"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg","contentUrl":"https:\/\/www.redservicio.net\/blog\/wp-content\/uploads\/2026\/09\/1789986373_2b9a2f8fb610.jpg","width":1536,"height":1024,"caption":"optimizaci\u00f3n de im\u00e1genes WebP"},{"@type":"BreadcrumbList","@id":"https:\/\/www.redservicio.net\/blog\/optimizacion-de-imagenes-webp-y-avif-en-nginx-guia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.redservicio.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Optimizaci\u00f3n de im\u00e1genes WebP y AVIF en Nginx: Gu\u00eda"}]},{"@type":"WebSite","@id":"https:\/\/www.redservicio.net\/blog\/#website","url":"https:\/\/www.redservicio.net\/blog\/","name":"RedServicio Blog","description":"Hosting, Dominios y Tecnolog\u00eda","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.redservicio.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.redservicio.net\/blog\/#\/schema\/person\/7c504a71fc6319cd53a9dc56f26dfd85","name":"Redaccion","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.redservicio.net\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c4c16ced9864c7bce80bdf029345d3de94fbf3a14f7e19fc596c10b4f25f9530?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c4c16ced9864c7bce80bdf029345d3de94fbf3a14f7e19fc596c10b4f25f9530?s=96&d=mm&r=g","caption":"Redaccion"},"description":"Equipo responsable de manuales, tutoriales y actualizaciones sobre servicios de hosting y soporte tecnico.","url":"https:\/\/www.redservicio.net\/blog\/author\/redaccion\/"}]}},"_links":{"self":[{"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/posts\/1138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":1,"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/posts\/1138\/revisions"}],"predecessor-version":[{"id":1139,"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/posts\/1138\/revisions\/1139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/media\/1140"}],"wp:attachment":[{"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/categories?post=1138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.redservicio.net\/blog\/wp-json\/wp\/v2\/tags?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}