WebP Express en WordPress (Convertir a WebP)

[@danielb8813]

Hola brother muchas gracias, las explicaciones tienen lo que deben tener, suscrito ... Saludos desde Colombia

[@AlvaroFontela]

Gracias Daniel!

[@Andrea-ok8qg]

Hola cuando estoy en el min 3:38 me aparecen errores que dicen: Bummer. As the "content-type" header reveals, we got the webp. So even browsers not supporting webp gets webp. Not good! The test FAILED. Todos dicen lo mismo, estoy usando cloudflare para SSL y jetpack ¿Que solución hay?

[@AlvaroFontela]

Hola Andrea, la verdad es que nunca he visto ese error, pero por lo que pone, no se esta sirviendo bien WebP. Te recomiendo este post mío, existen alternativas mucho mas fáciles de configurar, como Imagify: alvarofontela.com/webp-wordpress/

[@cuentoscuriososok]

Tengo el mismo error al hacer "Live Test", tambien estoy usando cloudflare y jetpack , ¿alguna solución?

[@julioagudo2879]

Fantástico Crack!! Gran ayuda para mi tienda online!!!

[@AlvaroFontela]

Gracias a ti ;)

Como siempre, de 10 👏🏻👏🏻👏🏻👏🏻 ¡Muchas gracias! ¡Raiola forever!

[@AlvaroFontela]

Gracias a ti Vicente :)

[@juanfernandolondono8953]

Uso Hostinger y con el CDN activo, me aparece un error cuando activo en la configuración del plugin CDN friendly, qué puedo hacer?

[@AlvaroFontela]

Lamentablemente no puedo orientarte con Hostinger porque es mi competencia y evidentemente, no lo uso.

[@pablotips]

Excelente, justo el tutorial que necesitaba, gracias.

[@AlvaroFontela]

Gracias por el comentario Pablo ;)

[@ronnyjyinkicabanas439]

Hola Alvaro, no sobrecargo la pagina al tener las dos opciones de presentación, por otro lado, veo que safari comenzaría aceptar el formato webp

[@AlvaroFontela]

No, realmente solo se carga 1 imagen, no ambas. Aunque depende de si se carga por SRC o por htaccess, ambos métodos tienen diferencias entre si a la hora de funcionar que pueden ser importantes. Lo único que aumenta es el espacio en disco utilizado. Si, ahora Safari es compatible, en un año o dos estos plugins solo serán necesarios para convertir.

[@gregorioalonso7202]

Gracias Álvaro eres un campeón.

[@AlvaroFontela]

Gracias a ti Gregorio ;)

[@jpmingenier]

cuando hago la prueba de : ¿Habilitar la redirección al convertidor? , sale falla cuando simula la solicitud. cual podria ser el problema?

[@AlvaroFontela]

Hola jp, normalmente te da el tipo de error y de ahí sacas la interpretación. Si me sacas una captura de lo que te pone te puedo decir algo más.

[@jmpama]

Hola. Muchas gracias por la explicación. Me ocurre lo siguiente: Hace la conversión bien de las imagenes que tenía, si subo una nueva aparece en la Biblioteca de Medios, pero las .webP no aparecen ni las que convirtió ni las nuevas. Las he buscado con el administrador de archivos y aparecen en wp-content/uploads/2021/7 unas detrás de otra o sea la .jpg y la .jpg.webp pero las .webp no aparecen en la Biblioteca de Medios del WP. Que puede ser? . Gracias

[@AlvaroFontela]

Hola, las webp son las qur dices rn segundo lugar, es decir, las que se llaman jpg.webp Estos plugins siempre suelen renombrarlas asi para reconocer la extension y formato anteriores.

[@jmpama]

@@AlvaroFontela Parece que no nos hemos entendido. las jpg.webp no se ven en la Biblioteca de Medios del WP por lo tanto no puedo usarlas en las entradas del blog ya que no tengo opción de pedirlas. Sin embargo si están en la carpeta que deben estar, pero vistas a traves del administrador de archivos del cpanel del servidor pero no aparecen en el wordpress, vistas desde wordpress. Nota: Tengo también instalado el wp-enable-webp y una imagen convertida a webp en el PC se puede subir y si aparece en la Biblioteca de Medios

[@AlvaroFontela]

@@jmpama Ah vale, pues...entonces, puede ser un tema de permisos, habría que ver que da el log.

[@NeisyQuintana]

Excelente información. Gracias por compartir

[@AlvaroFontela]

Gracias a ti Neisy por el comentario ;)

[@martinlopez-ck7gy]

Alvaro quisiera me ayudaras es porque a veces se me desactiva la entrega el alter html, tendra algo que ver el wp rocket???

[@AlvaroFontela]

Hola Martin, ¿tienes la opcion de webp de WPRocket desactivada? ¿Lo tienes configurado por o por rewrites?

[@mauricioalejandro7329]

La pega de este plugins es que tira errores cuando usamos Cloudflare.... Consulta: mi web es totalmente local(es una web orientada a una sola provincia) es necesario Cloudflare?

[@AlvaroFontela]

Si esta alojada en tu mismo pais no lo necesitas.

[@mauricioalejandro7329]

@@AlvaroFontela gracias!!!

[@riescosanturce1593]

¡Buenas! A mi también me aparece el mensaje "Notice: No cache-control or expires header has been set. It is recommended to do so. Set it nice and big once you are sure the webps have a good quality/compression compromise". He leído tu post del blog y aun así no comprendo como puedo solucionar ese problema. No tengo mucho conocimiento sobre aspectos técnicos. Muchas gracias

[@AlvaroFontela]

Hola Riesco, ese mensaje aparece porque no tienes el WebP contemplado como "cache". Normalmente esto se hace en el .htaccess, aunque depende del servidor web y si es compatible o no con .htaccess. Te dejo más info: magento.stackexchange.com/questions/313462/how-to-add-the-webp-format-in-the-mod-expires-part-of-the-htaccess-file

[@hielo404]

Muchas gracias por el video, quiero saber si se puede revertir todo el proceso sin que se rompa el sitio? Saludos

[@AlvaroFontela]

Hola David, puedes desactivar el plugin y se desactivara todo, aunque las carpetas con las imágenes convertidas quedaran en la instalación ocupando espacio.

[@lauravirginiatrinidad5991]

HOLA Alvaro ! . si bien el test dice todo ok , me aparece el siguiente mensaje de advertencia en test: "Notice: No cache-control or expires header has been set. It is recommended to do so. Set it nice and big once you are sure the webps have a good quality/compression compromise." entiendo que tiene que ver con el tiempo en que la imagen queda en algun cache para que el biscador no haga consultas tan seguido al servidor. Sabés como se puede setear el HEADER ? Y por otro, lado este plug-in modifica los .HTACCESS. en caso de querer eliminar el plug in o volver atrás quedaria modificado los HTACCESS...? eso no afecta nada ? gracias

[@AlvaroFontela]

Hola Laura, ese error es simplemente por el cache de navegador o browser cache, no afecta al buscador, solo a los usuarios. Te paso algo mas de información sobre el tema: alvarofontela.com/cache-de-navegador-browser-cache-wpo/

[@Juanko29]

en live test me salio rojo que ago

[@AlvaroFontela]

Hola Juanko, depende un poco del resto de errores que te aparezcan, ya que normalmente si aparece en rojo el live test es por algo, suele ser por tema de que o faltan imágenes, o no puede construir bien las url, etc...

[@pitagoricofenixzone5508]

Yo ya las pase a webp, y si quiero convertirlas de nuevo a imagen normal?

[@AlvaroFontela]

No conozco ningún plugin que haga lo inverso, ya que nunca lo he necesitado.

[@patgomez5243]

Desactiva el plugin, ingresa a carpeta upload por ftp y elimina las con terminación webp, ej imagen.jpg.webp a image.jpg . Yo lo hice hace poco y use el software ReNamer. Te saca las extensiones webp y las deja en la anterior. es lio pero no encontré otra forma. PD: debes bajar todas las imágenes a tu pc y trabajarlas allí, luego las subes a folder upload.

[@registromarcakon5346]

Excelente vídeo

[@AlvaroFontela]

Gracias!!

[@TecnoAppsReview]

Buen día, gracias por su tutorial. Aparte de este plugin, habría que usar otro para optimizar el tamaño de las imágenes o con este es suficiente.

[@AlvaroFontela]

Hola, efectivamente, WebP Express solo convierte a WebP, si quieres un plugin que lo haga todo, existen alternativas como Imagify: alvarofontela.com/webp-wordpress/

[@samuelmaucaille702]

Recomiendas hacer un backup antes de aplicar las modificaciones utilizando este plugin? Gracias de antemano por la respuesta

[@AlvaroFontela]

Hola Samuel, solo modifica el .htaccess así que tampoco es imprescindible un backup.

[@Phustle15_]

Eres muy bueno tío, muchas gracias

[@AlvaroFontela]

Gracias Pepe :)

[@eldetective_ing]

una pregunta este plugin me subio la web de 54 a 73 megas es normal que pese tanto? y es gratuito??

[@AlvaroFontela]

Hola, es normal, crea una nueva versión WebP de todas las imágenes, no hace una conversión directa debido a que hay algunos navegadores que aun no son compatibles. Y si, este plugin es completamente gratuito. Si quieres saber mas sobre WebP en WordPress, te dejo este post en mi blog: alvarofontela.com/webp-wordpress/

[@eldetective_ing]

@@AlvaroFontela y conoces algun plugin que te permita subir a wp webp como los plugins que te permiten subir svg?

[@AlvaroFontela]

Plugins como tal no conozco, pero... hay formas mediante código: mariushosting.com/how-to-upload-webp-files-on-wordpress/

[@moisesfalconcalzadilla367]

En mi web aparecieron puros errores, que puede ser?

[@AlvaroFontela]

Hola Moises, pues sin verlos no puedo decirte nada, pero suelen ser o permisos o extensiones de PHP que faltan.

[@ctva4274]

Hola Alvaro, estoy haciendo la configuracion del plugin con tus indicaciones pero al llegar a "Conversion method" , GD extension está ok con el tic en verde, pero ImageMagick me da error: Result: Failure Message: The exec call failed Conversion log: Converter set to: imagemagick *WebP Convert 2.3.0* ignited. - PHP version: 7.2.30 - Server software: Apache ImageMagick converter ignited Que pasa con eso? puedo continuar?

[@AlvaroFontela]

Hola, deberías poder continuar usando GD, aunque es menos potente. ImageMagick te da error porque posiblemente tu hosting no la tiene activa. En algunos como Raiola Networks puedes activarla desde el panel de control, en otros tienes que pedirlo a soporte y ver si te la pueden activar.

[@ctva4274]

@@AlvaroFontela Ok Gracias! Ya lo hice y me funcionó bien. Gracias!

[@castilloherick]

Gracias Alvaro, suscrito. Me apareció esta leyenda. Notice: No cache-control or expires header has been set. It is recommended to do so. Set it nice and big once you are sure the webps have a good quality/compression compromise. Por desgracia, no soy experto, tal vez me puedas orientar. Gracias

[@AlvaroFontela]

Hola Erick, ese mensaje no es "importante", el plugin esta funcionando bien, pero el cache de navegador no esta funcionando correctamente para los archivos webp, ya que posiblemente tengas que añadirlo manualmente al .htaccess. Para mas información sobre el cache de navegador: alvarofontela.com/cache-de-navegador-browser-cache-wpo/

[@calidadalimentaria]

Gracias Profe

[@AlvaroFontela]

Gracias XD

[@iaytecnologia1]

Muy bueno el video Alvaro, sin embargo en la sección de método de conversión en mi caso no aparace instalada ninguna de las opciones ni gd extension ni graphicmagic. Tendrás algún tutorial de como instalarlas o que puedo hacer?

[@AlvaroFontela]

Hola Carlos, depende totalmente del hosting, algunos comos los hosting cPanel de Raiola Networks dejan instalarlas desde el panel de forma automatica y en otros debes pedirlas al soporte.

[@iaytecnologia1]

@@AlvaroFontela Excelente mil gracias por tu tiempo👌

[@alessandrograzzani5030]

Grazie mille il tuo tutorial è stato di grandissimo aiuto!

[@AlvaroFontela]

Thanks :)

[@CarlosAstudillo]

Muchas gracias Crack... sigue asi.. funcionando :)

[@AlvaroFontela]

Gracias a ti Carlos :)

[@asmaahsiddiquuashaiikh]

It doesn't work on shared hosting

[@AlvaroFontela]

It depends on the configuration...

[@meditacionyarmonia]

Gracias amigo te ayudo con el like y comentario bendiciones

[@AlvaroFontela]

Gracias a ti :)

[@patgomez5243]

Hola Alvaro. Mencionas Imagify, este viene con la opción de configurarlo para que haga las funciones ademas de la optimización de conversión a Webp tal como lo hace el plugin que presentas en este vídeo? Vi un vídeo tuyo de uso de Imagify y no se menciona eso. 👍

[@AlvaroFontela]

Hola PAT, el video es bastante antiguo, y en ese momento yo no consideraba que WebP fuera necesario. Aqui tengo mas informacion sobre Imagify y WebP: alvarofontela.com/webp-wordpress/

[@patgomez5243]

@@AlvaroFontela vale, gracias y le daré una mirada.

[@mejoratucalidaddevida4877]

Hola, estupenda información en la línea de todas las que he visto anteriormente. Me aparece este error: Parece que la configuración de su servidor no admite encabezados en .htaccess . Debería arreglar esto (instalar mod_headers ) o desactivar la opción "¿Habilitar la redirección directa a las imágenes convertidas existentes?" opción. De lo contrario, el encabezado Vary: Accept no se agregará y esto puede generar problemas para los usuarios detrás de los servidores proxy (es decir, utilizados en empresas más grandes) y no sé cual es la mejor solución. Muchas gracias y un saludo.

[@AlvaroFontela]

Hola, lo primero, ¿qué servidor web usa tu hosting? ¿Utiliza proxy inverso? Ese error puede venir por múltiples cosas.

[@mejoratucalidaddevida4877]

@@AlvaroFontela Hola, efectivamente Webempresa me dice que mi hosting utiliza un proxy inverso, específicamente Nginx. Un saludo y gracias.

[@jonanderaristimuno5546]

Aupa Álvaro, una pregunta sobre esto, tengo una página con mas de 1900 imágenes, lo que me da miedo es que si este plugin, al cambiar el formato pueda perjudicar la url de la dirección de la img, y en caso de querer marcha atrás solo haya que desinstalar el plugin, muchas gracias por el video

[@AlvaroFontela]

Hola Jon, las imágenes WebP se añaden a las actuales, nunca sustituyen, ya que ahora mismo hay que servir ambas por temas de compatibilidades con los navegadores, el único problema es que si quieres desinstalar, el borrado deberá ser manual. Pero esto es con este y con cualquier otro plugin que convierta a WebP. Yo para no jugármela, suelo utilizar Imagify: alvarofontela.com/webp-wordpress/

[@jonanderaristimuno5546]

@@AlvaroFontela muchas gracias!, ahora lo tengo mas claro ^^

[@romusicprog]

Genial como siempre Álvaro!! Ahora el 5.8 admite Webp nativo: ¿Sigue siendo necesario este plugin para poder servir la extensión apropiada para cada navegador? o hay otra manera de hacerlo y así evitamos este plugin? Gracias!!

[@AlvaroFontela]

Hola Rodrigo, hasta donde yo sé, la mejora de la 5.8 permite subir imágenes WebP, pero no hace la adaptación de servir imágenes PNG y JPEG a navegadores que no son compatibles... más que nada porque no la tiene, ya que no hace la conversión. Solo se añade el soporte para un formato de imagen que debería tener desde hace 2 años.

[@romusicprog]

@@AlvaroFontela Gracias por la aclaración y por tu dedicación siempe 🙏

[@mauricioalejandro7329]

Excelente video!! En mi caso uso WebP Express para convertir imágenes en WebP + Imagify para comprimir las imágenes Hay casos en la que Imagify no muestra la imagen en webP, como en Slider o fondo de pantalla... Que opinas Álvaro de esa combinación? Saludos!!!

[@AlvaroFontela]

Pues...actualmente no puedo opinar, ya que casisiempre uso Imagify por comodidad.

[@antony-tasayco]

Maestro!

[@AlvaroFontela]

Gracias!!!

[@stripedstudio3621]

Thank you.

[@AlvaroFontela]

:)

[@alejandroverjel]

Alvaro pero quedarian en el servidor las imagenes originales jpg o png más las nuevas webp? Lo digo por temas de espacio. Saludos desde Colombia!

[@martinlopez-ck7gy]

si quedan almacenadas las imágenes originales en los medios de wordpress, los archivos webp son almacenados en la cache

[@AlvaroFontela]

Hola Alejandro, si, se quedan guardadas, si no los dispositivos iphone, ordenadores macintosh y otros navegadores no compatibles, no podrían ver las imágenes de tu web. El post completo sobre WebP en Wordpress es este: alvarofontela.com/webp-wordpress/

[@AgenciadeSEOLOCAL]

Muchas gracias, Alvaro. Videos hay pocos de este plugin. Te quiero preguntar algo, ¿sabes si es posible convertir sólo algunas imágenes? Otra cosa. Estoy intentado probar con las fotos subidas, y no se convierte automáticamente a webp, ¿sabes si tarda en convertirse? Saludos.

[@AlvaroFontela]

Hola, que yo sepa con WebP Express no puedes elegir cuales se convierten y cuales no. Y..en principio deberían convertirse al subirse, pero puede estar fallandote el wp-cron.php y por eso no se convierten.

[@RonyEspinoza]

Buen video Álvaro, sirve para webp a JPEG, ya que mi pagina esta con imágenes Webp y necesito servir jpeg a navegadores q no lo soportan. Gracias

[@AlvaroFontela]

Hola Rony, creo que no, nunca se me dio el caso de tener que convertir a la inversa.

[@javiermurcia8051]

Despues de convertir todas las imagenes debo dejar las originales en upload o ya esas no son necesarias y se utilizaran o servirán las nuevas webp? Saludos

[@AlvaroFontela]

Hola Javier, se trata de que el plugin sirva ambas, ya que si solo dejas las WEBP, algunos navegadores como Safari no pueden ver las imágenes ya que no son compatibles ni nunca lo serán (como ya ha dicho Apple). Te dejo un post de mi blog con toda la información relacionada: alvarofontela.com/webp-wordpress/

[@javiermurcia8051]

@@AlvaroFontela muchas gracias

[@DespabilateconTITI]

Hola! Ante todo gracias! veo una explicacion impecable luego de buscar mucho! te comento mi pregunta... me sale: It seems your server setup does not support headers in .htaccess. You should either fix this (install mod_headers) or deactivate the "Enable direct redirection to existing converted images?" option. Otherwise the Vary:Accept header will not be added and this can result in problems for users behind proxy servers (ie used in larger companies) parece algo de Bitnami dentro de Google cloud... pero en realidad no se que hacer! busque por todos lados y tal vez tengas un metodo que puedas compartir para poder hacer funcionar el plugin desde google cloud cuando esta sin: mod_headers muchas gracias! :)

[@AlvaroFontela]

Hola Ezekiel, pues el problema parece que tu droplet de Bitnami usa Nginx como servidor web, por lo tanto no usa Apache y por eso no puede usar el .htaccess. La verdad es que no se que decirte, ya que siempre utilizo Apache con Nginx como proxy inverso o en su defecto LiteSpeed, para usar Nginx solo es necesario tocar la consola SIEMPRE.

[@DespabilateconTITI]

@@AlvaroFontelagracias por la respuesta! estuve leyendo y es como decís a pesar que el servidor que tengo seteado en Google cloud es apache bitnami tiene cambiado según ellos muchas cosas por seguridad... En las cuales una es eliminar la función de .htaccess Por un lado la velocidad de Google me está haciendo limitada por el mal funcionamiento de caché y muchas reglas que yo quiero utilizar dentro de bitnami... GRACIAS!!!!!!

[@JuanAguilar-lu3dw]

Estupenda explicación, Álvaro. El plugin que escoges también muy bien. Venía de EWWWy no me sirvió para servir en WebP. 👏👏👏. Lo único en el testeo me marcaba un aviso que no tengo claro si supondrá un problema... "Notice: No cache-control or expires header has been set. It is recommended to do so. Set it nice and big once you are sure the webps have a good quality/compression compromise". ¿Tienes contenido o algún enlace recomendable para esto, si crees que hace falta actuar sobre esto? ¡Muchas gracias otra vez, Álvaro!

[@AlvaroFontela]

Justo mañana tengo programado un post sobre el cache-control, en cuanto se publique dejo aqui el enlace. Posiblemente no tengas activado el browser cache para WebP, es algo comun al usar reglas antiguas de .htaccess

[@JuanAguilar-lu3dw]

@@AlvaroFontela muchas gracias!! estaré atento!! :)

[@uakareli]

Este plugin hizo que se me colgara la IP cada vez que le di a "save settings"

[@AlvaroFontela]

Hola Katya, no entiendo lo de colgarse la IP.

[@uakareli]

@@AlvaroFontela pues que el sitio se cae...

[@juliobarboza885]

el plugin es gratuito o esas funcionalidades son pagas?

[@AlvaroFontela]

Hola Julio, WebP Express es gratuito. La alternativa de pago que uso yo es Imagify: alvarofontela.com/webp-wordpress/

[@FERNANDEZIHP]

Saludos, excelente todos los videos como me ayudan. Podrias darme la claridad de que puedo hacer desde PORTUGAL? Amazon es el ideal para iniciar y mas sin conocer este mundo. Pero vi que amazon Afiliados no incluye a Portugal y que los Bancos aqui nose si sirven para recibir pagos y para pagar a amazon. Dime un tips por que estoy saturado de tantos KZbinrs falsos.

[@AlvaroFontela]

Hola Inti, la verdad es que no se que decirte, tampoco soy el mas acertado para responderte a una pregunta de este tipo, ya que yo no suelo trabajar afiliacion. Por los pagos no tendrías problema, el problema lo tendrías en buscar un proveedor como Amazon que si que venda en Portugal, yo personalmente no conozco ninguno... Si quieres en tema virtual o cursos, Hotmart quizás te encaje bien, pero...en físico la verdad es que no tengo ni idea para Portugal. PD: Me encanta portugal, Braga, Castelo Branco, Ponte de Lima, etc... :)

[@MihailRumenov]

Hola Alvaro, estoy obteniendo estos errores: Bummer. As the "content-type" header reveals, we got the jpeg. Additionally, the content-length reveals that we did not get the webp (we know that the file we put is exactly 6964 bytes). So we can conclude that the rewrite did not happen The test FAILED. Bummer. As the "content-type" header reveals, we got the jpeg. The test FAILED. Now, what went wrong? Well, there is indication that the redirection isnt working. The PHP script should set "x-webp-convert-log" response headers, but there are none. Bummer. As the "content-type" header reveals, we got the jpeg. The test FAILED. Now, what went wrong? Well, there is indication that the redirection isnt working. The PHP script should set "x-webp-convert-log" response headers, but there are none. Tambien tengo esta advertencia en la parte superior de la página de configuración del WebP Express Settings; It seems your server setup does not support headers in . You should either fix this (install ) deactivate the "Enable direct redirection to existing converted images?" option. Otherwise the header will not be added and this can result in problems for users behind proxy servers (ie used in larger companies) Sobre esto me comentan del hosting que el mod_headers es un módulo de apache y está activado por defecto. Por favor podrías ayudarme. Gracias de antemano!

[@AlvaroFontela]

Hola Mihail, pues...la verdad es que no se de donde vienen. Estos errores concretamente nunca los he visto.

[@MihailRumenov]

@@AlvaroFontela creo que todo viene a raíz de esta advertencia del plugin: It seems your server setup does not support headers in .htaccess. You should either fix this (install mod_headers) or deactivate the "Enable direct redirection to existing converted images?" option. Otherwise the Vary:Accept header will not be added and this can result in problems for users behind proxy servers (ie used in larger companies)

[@AlvaroFontela]

Hola Mihail, el error que comentas en este ultimo mensaje es simplemente que en las cabeceras no están ciertos parámetros, ni el Vary, ni los parámetros de browser cache. La cosa puede venir por ahí, pero en todo caso eso tienes que ajustarlo en el servidor web / hosting.

[@estoresperu]

Hola muchas gracias por el video tengo el siguiente error en la consola (adjunto imagen) con lo cual no me permite listar las imagenes para poder convertir . Muchas gracias ibb.co/r4mgNbn

[@AlvaroFontela]

Hola, posiblemente sea una incompatibilidad con la versión de jQuery que usas en tu web...posiblemente porque sea muy antigua.