Cómo subir imagen destacada en formato webp en WordPress

misterlopez · 20 Sep 2020

Estoy cambiando todas las imágenes de una web de png/jpg a formato webp para que ocupen menos tamaño y la web tarde menos tiempo en cargar.

Ya tengo casi todas las imágenes de los post en este formato, pero la imagen destacada de las entradas, no me deja subirla en formato webp.

¿Alguien sabe como habría que hacerlo para que me deje poner también la imagen destacada en formato webp?

Un saludo

YeltsinReyes · 21 Sep 2020

misterlopez dijo:
Estoy cambiando todas las imágenes de una web de png/jpg a formato webp para que ocupen menos tamaño y la web tarde menos tiempo en cargar.

Ya tengo casi todas las imágenes de los post en este formato, pero la imagen destacada de las entradas, no me deja subirla en formato webp.

¿Alguien sabe como habría que hacerlo para que me deje poner también la imagen destacada en formato webp?

Un saludo

Prueba este plugin https://wordpress.org/plugins/wp-extra-file-types/
te permite decirle a wordpres que deje subir otros tipo de formatos!

seryel · 24 Sep 2020

misterlopez dijo:
Estoy cambiando todas las imágenes de una web de png/jpg a formato webp para que ocupen menos tamaño y la web tarde menos tiempo en cargar.

Ya tengo casi todas las imágenes de los post en este formato, pero la imagen destacada de las entradas, no me deja subirla en formato webp.

¿Alguien sabe como habría que hacerlo para que me deje poner también la imagen destacada en formato webp?

Un saludo

Hola feliz dia, dandole un vistazo a tu consulta me das a entender que ya las estas subiendo en formato webp, lo ideal sería que las subieras en formato normal jpg, png y luego las conviertas en tu servidor en formato webp con algunos de estos complementos:

Al convertirlas con estos complementos, ellos te crean las reglas de redirección en tu archivo .htaccess lo que hará que al cargar tu web las imágenes que se sirvan sean en formato webp (Incluyendo las imágenes destacadas).

Saludos

misterlopez · 24 Sep 2020

Por si a alguien le sirve de ayuda.

Seguí este tutorial: https://ayudawp.com/usar-archivos-webp-wordpress-mejorar-los-tiempos-carga/

Puse el código en funcions.php, añadí el tipo mime e instalé este plugin: WebP Converter for Media

Antes de subir las imágenes al wordpress, las convierto a webp con esta web: https://onlineconvertfree.com/es/convert-format/jpg-to-webp/

Y ya después puedo poner tanto las imágenes webp en las entradas como en las imágenes destacadas.

Una imagen de 26 kb, te la deja en 10kb.

Mega · 24 Sep 2020

No todos los navegador por ejemplo safari no es compatible con webp tener cuenta

JigSaw · 13 Mar 2021

misterlopez dijo:
Por si a alguien le sirve de ayuda.

Seguí este tutorial: https://ayudawp.com/usar-archivos-webp-wordpress-mejorar-los-tiempos-carga/

Puse el código en funcions.php, añadí el tipo mime e instalé este plugin: WebP Converter for Media

Antes de subir las imágenes al wordpress, las convierto a webp con esta web: https://onlineconvertfree.com/es/convert-format/jpg-to-webp/

Y ya después puedo poner tanto las imágenes webp en las entradas como en las imágenes destacadas.

Una imagen de 26 kb, te la deja en 10kb.

hay un programa que se llama xnConvert que hace lo mismo, creo que es mas comodo que hacerlo todo desde una web

jg4079751 · 14 Mar 2021

Yo utilizo el plugin LiteSpeed Cache que trae dicha opción. Importante que tu hosting lo tenga también instalado.

Sam40 · 16 Mar 2021

Litespeed cache o EWWW (gratis) te cambian las fotos ya subidas y usadas a webp automáticamente, por si te sirve.

ramonjosegn · 16 Mar 2021

Hola @misterlopez

Creo que es mejor opción usar conversión al vuelo.

Cloudinary ofrece esta opción, enviando Webp o jpeg o png según soporte el navegador del visitante (debes configurarlo)

Y tiene un plan gratuito bastante potente.

Claro, estarás dependiendo de un plugin de un tercero.

Pero no ocuparás espacio en tu servidor.

EspErpENto · 18 Mar 2021

seryel dijo:
Hola feliz dia, dandole un vistazo a tu consulta me das a entender que ya las estas subiendo en formato webp, lo ideal sería que las subieras en formato normal jpg, png y luego las conviertas en tu servidor en formato webp con algunos de estos complementos:

Webp Express

Shortpixel

Al convertirlas con estos complementos, ellos te crean las reglas de redirección en tu archivo .htaccess lo que hará que al cargar tu web las imágenes que se sirvan sean en formato webp (Incluyendo las imágenes destacadas).

Saludos

Mega dijo:
No todos los navegador por ejemplo safari no es compatible con webp tener cuenta

Comparto el mismo criterio.

El formato Webp es un formato de última generación y como tal solo hay soporte en los navegadores nuevos.

Es decir, en navegadores viejos, ese formato no se ve.

Evidentemente, al usar Webp, l peso de las imágenes se reduce de forma notoria.

Lo que hago es subir imágenes en formatos tradicionales: jpg, png, gif al WordPress.

Una vez subidas, un plugins se encarag de identificar al navegador para servir la imagen acorde al navegador:

Navegador nuevo, entrega formato WebP.

Navegador viejo: entrega formato jpg, png o gif.

Pero, cada quien es libre de hacer las cosas como mejor le parezca.

Florchi · 18 Mar 2021

EspErpENto dijo:
Comparto el mismo criterio.

El formato Webp es un formato de última generación y como tal solo hay soporte en los navegadores nuevos.

Es decir, en navegadores viejos, ese formato no se ve.

Evidentemente, al usar Webp, l peso de las imágenes se reduce de forma notoria.

Lo que hago es subir imágenes en formatos tradicionales: jpg, png, gif al WordPress.

Una vez subidas, un plugins se encarag de identificar al navegador para servir la imagen acorde al navegador:

Navegador nuevo, entrega formato WebP.

Navegador viejo: entrega formato jpg, png o gif.

Pero, cada quien es libre de hacer las cosas como mejor le parezca.

Cual es ese plugin que usas?

Heisber · 18 Mar 2021

Florchi dijo:
Cual es ese plugin que usas?

Misma pregunta

EspErpENto · 18 Mar 2021

Florchi dijo:
Cual es ese plugin que usas?

Heisber dijo:
Misma pregunta

Hay varios plugins y ya los han mencionado en el hilo:

Webp Express
Shortpixel
Imagify
Ewww

Puedes escoger, recuerdo que hay otro, pero en este instante el nombre nombre se me escapa.

Pero, basta con buscar en el repositorio por la keyword: WEBP y te saltan los resultados.

Hay que fijarse en los siguientes detalles:

1. Número de instalaciones activas.

2. Número de estrellas.

3. Fecha de la última actualización.

Así me curo en salud.

Florchi · 18 Mar 2021

EspErpENto dijo:
Hay varios plugins y ya los han mencionado en el hilo:

Webp Express

Shortpixel

Imagify

Ewww

Puedes escoger, recuerdo que hay otro, pero en este instante el nombre nombre se me escapa.

Pero, basta con buscar en el repositorio por la keyword: WEBP y te saltan los resultados.

Hay que fijarse en los siguientes detalles:

1. Número de instalaciones activas.

2. Número de estrellas.

3. Fecha de la última actualización.

Así me curo en salud.

Pero cual es el que tienes instalado tu?

EspErpENto · 18 Mar 2021

Florchi dijo:
Pero cual es el que tienes instalado tu?

El que uso es un plugin de pago, aunque relativamente es barato y tiene una versión Free:

Robin image optimizer

robinoptimizer.com

JigSaw · 18 Mar 2021

EspErpENto dijo:
Comparto el mismo criterio.

El formato Webp es un formato de última generación y como tal solo hay soporte en los navegadores nuevos.

Es decir, en navegadores viejos, ese formato no se ve.

Evidentemente, al usar Webp, l peso de las imágenes se reduce de forma notoria.

Lo que hago es subir imágenes en formatos tradicionales: jpg, png, gif al WordPress.

Una vez subidas, un plugins se encarag de identificar al navegador para servir la imagen acorde al navegador:

Navegador nuevo, entrega formato WebP.

Navegador viejo: entrega formato jpg, png o gif.

Pero, cada quien es libre de hacer las cosas como mejor le parezca.

Me intereso el plugin EWWW pero revisando en varios sitios y blogs la mayoría dicen que no todos los navegadores reconocen ese formato, se me hace raro, pues sex punto com usa ese formato y es un sitio bastante grande y famoso.

Crees que el plugin EWWW funcione igual como los puntos que mencionas?

Navegador nuevo, entrega formato WebP.

Navegador viejo: entrega formato jpg, png o gif.

EspErpENto · 19 Mar 2021

JigSaw dijo:
Me intereso el plugin EWWW pero revisando en varios sitios y blogs la mayoría dicen que no todos los navegadores reconocen ese formato, se me hace raro, pues sex punto com usa ese formato y es un sitio bastante grande y famoso.

Crees que el plugin EWWW funcione igual como los puntos que mencionas?

Todos, absolutamente topdos los plugins que sirven imágenes en formato Webp funcionan de la misma manera:

Acorde a la versión del navegador presentan uno u otro formato.

Es algo similar a la filosofía de CSS.

Hay propiedades del CSS que no funcionan bien en los navegadores viejos, pero no por eso se dejan de usar.

Así que para usar esas propiedades hay que incluir ciertas especificaciones para que los navegadores viejos puedan usar dichas propiedades.

Especificaciones del tipo:

background-image: -webkit-gradient(linear, left top, left bottom, from(#F4FA58), to(#FF0000)); /* Chrome, Safari versiones muy antiguas */

background-image: -webkit-linear-gradient(top, #F4FA58, #FF0000); /* Chrome, Safari versiones relativamente modernas */

Se nota la diferencia ¿no?

Pues algo más o menos parecido es lo que sucede con los formatos Webp, salvando las distancias, claro esta.

Cómo subir imagen destacada en formato webp en WordPress

misterlopez

YeltsinReyes

seryel

misterlopez

Mega

JigSaw

jg4079751

Sam40

ramonjosegn

EspErpENto

Florchi

Heisber

EspErpENto

Florchi

EspErpENto

Robin image optimizer

JigSaw

EspErpENto

Temas similares