¿Es perjudicial usar imágenes sólo webP?

[ramonjosegn]

Hola chicos/as.

Siempre me ha llamado la atención de que a pesar de que Google nos invita a usar el formato webP, cuando vas a realizar búsquedas en Google Imágenes apenas aparecen imágenes de este tipo.

Entonces mi pregunta.

¿Sería perjudicial usar sólo imágenes WEBP en un blog?

Gracias por la ayuda.

 

[bareamathias]

Hola Ramón ¿Qué tal? Yo te diría que es perjudicial debido a que no todos los navegadores soportan ese formato.
Acá podrás ver que versiones de navegadores son compatibles: https://caniuse.com/webp
Mi recomendación: Utilizá webP pero también ten un respaldo de imágenes PNG o JPG para aquellos navegadores que no sean compatibles.

Esta es una manera de hacerlo:

<picture>
    <source srcset="image.webp" type="image/webp">
    <source srcset="image.jpg" type="image/jpeg">
    <img src="image.jpg">
</picture>

Muchas personas se enfocan únicamente en los navegadores recientes (lo cual no está mal) pero mi filosofía es cuidar estos pequeños detalles que al sumar muchos pueden hacer la diferencia.

Espero la respuesta te haya sido de utilidad, saludos.

 

[Maddy]

Hubo un tiempo que decidí implementarlo en mi web, es muy bueno porque aligera los pesos y se conserva la calidad. Pero luego me escribieron que las personas que navegaban con Safari no podían ver las imágenes y de por si dañaba la experiencia de usuario. Lo quite de inmediato. No se si al día de hoy ese navegador ya tiene compatibilidad con dicho formato.

 

[username666]

Así como dice @Maddy, desde Safari (o muchos usuarios de iphone) no podrán verlas.
Tambien hice lo mismo, por minimizar la carga no resultó para bien.

 

[ramonjosegn]

Hola Ramón ¿Qué tal? Yo te diría que es perjudicial debido a que no todos los navegadores soportan ese formato.

Gracias por la recomendación y por el código.

En ese caso, en lugar de código, prefiero usar Cloudinary, que permite insertar desde esa plataforma webP pero genera también todo el código para mostrar JPG en caso de que la primera opción no funcione (incluso compartí un tutorial en el foro en su momento).

Ayer cambié las imágenes. Gracias.

 

[luismaster2009]

Muy buena información, mira que iba a comentar algo pero con el aporte de los demás aprendí cosas que no sabia como la incompatibilidad. Es bueno siempre tener una de cada cosa.

 

[Detrax]

Hola Ramón ¿Qué tal? Yo te diría que es perjudicial debido a que no todos los navegadores soportan ese formato.
Acá podrás ver que versiones de navegadores son compatibles: https://caniuse.com/webp
Mi recomendación: Utilizá webP pero también ten un respaldo de imágenes PNG o JPG para aquellos navegadores que no sean compatibles.

Esta es una manera de hacerlo:

<picture>
    <source srcset="image.webp" type="image/webp">
    <source srcset="image.jpg" type="image/jpeg">
    <img src="image.jpg">
</picture>

Muchas personas se enfocan únicamente en los navegadores recientes (lo cual no está mal) pero mi filosofía es cuidar estos pequeños detalles que al sumar muchos pueden hacer la diferencia.

Espero la respuesta te haya sido de utilidad, saludos.

¿Pero habrá alguna manera que la WEB pueda detectar la incompatibilidad del navegar y mostrarla en otro formato? Sucede que estoy creando una WEB Warez, que su contenido depende las de las imágenes que del mismo texto...

 

[ramonjosegn]

¿Pero habrá alguna manera que la WEB pueda detectar la incompatibilidad del navegar y mostrarla en otro formato? Sucede que estoy creando una WEB Warez, que su contenido depende las de las imágenes que del mismo texto...

Pues Cloudinary (y otros servicios de CDN que sirven imágenes) sí detectan la compatibilidad.

Lo único es que he visto que la primera vez raramente sirven el webP, sino el JPG/PNG.

Cloudinary permite tener una cuenta gratuita, bastante amigable en ancho de banda y espacio.

 

[Detrax]

Pues Cloudinary (y otros servicios de CDN que sirven imágenes) sí detectan la compatibilidad.

Lo único es que he visto que la primera vez raramente sirven el webP, sino el JPG/PNG.

Cloudinary permite tener una cuenta gratuita, bastante amigable en ancho de banda y espacio.

¿Osea que Cloudinary reemplaza la imagen incompatible con el navegador por la que es compatible?

 

[ramonjosegn]

¿Osea que Cloudinary reemplaza la imagen incompatible con el navegador por la que es compatible?

Sí, así es, pero tienes que configurar la imagen para que se muestre de forma automática la compatible con el navegador.

Eso lo hacen la mayoría de CDNs enfocados en imágenes... no es nada nuevo.

Acá te comparto el tutorial (ha cambiado un poco la interfaz, ahora es algo más limpia, pero básicamente funciona igual)

Tutorial: - Optimiza tu web con formato webP y CDN gratuito en Cloudinary

Hace un par de días hablábamos del buen trabajo que ha realizado el compañero PichoLetra optimizando su sitio web y yo le consultaba sobre si estaba usando el formato webP lo que suscitó el interés de algunos compañeros/as del foro (@celciusb entre ellos). En su día expliqué cómo mostrar...

forobeta.com

También SIRV lo permite aunque la verdad es que me registré en la cuenta gratuita, luego las cancenlaron y ahora parece que están disponibles de nuevo. No es tan agradable de usar como Cloudinary pero también permite servir el formato adecuado de forma automática.

Sirv Pricing

Sirv provides state-of-the-art image processing and delivery. See all the features and choose the best plan for you. Try it free today.

sirv.com

 

[fabgonber]

Hola,

Yo contrate a @seal para optimizar las imagenes de mi sitio web, su servicio fue fantastico, me ahorro mucho espacio y todo carga mas rapido.

Me ofrezco - ✅Optimizo Las Imágenes De Tu Sitio Web!🌐 Sin Perder Nada De Calidad. 🖼️ Libera Peso Y Haz Tu Web Mucho Más Rápida!🚀 𝐑𝐄𝐕𝐈𝐄𝐖𝐒 𝐆𝐑𝐀𝐓𝐈𝐒!!

🎁 Realizo 5 servicios de optimización de imágenes gratuitos 😁 a cambio de una review del servicio que ofrezco, para que tengan referencias de usuarios del foro antes de decidir adquirirlo. 🎁 ⚠️ya solo queda 1 optimización gratuita a cambio de review ⚠️ 💼 En este servicio ofrezco: 💁‍♀️ Opción...

forobeta.com

Saludos

 

[david limonche]

Hola Ramón ¿Qué tal? Yo te diría que es perjudicial debido a que no todos los navegadores soportan ese formato.
Acá podrás ver que versiones de navegadores son compatibles: https://caniuse.com/webp
Mi recomendación: Utilizá webP pero también ten un respaldo de imágenes PNG o JPG para aquellos navegadores que no sean compatibles.

Esta es una manera de hacerlo:

<picture>
    <source srcset="image.webp" type="image/webp">
    <source srcset="image.jpg" type="image/jpeg">
    <img src="image.jpg">
</picture>

Muchas personas se enfocan únicamente en los navegadores recientes (lo cual no está mal) pero mi filosofía es cuidar estos pequeños detalles que al sumar muchos pueden hacer la diferencia.

Espero la respuesta te haya sido de utilidad, saludos.

oye, pero si en el https://caniuse.com/webp, aparece que mas del 95% son compatible!!,
entonces ya se deberían usar?

yo por desgracia no lo puedo hacer ya que en blogger no me lo permite,
no se por que, pero así esta las cosas..

 

[david limonche]

¿Pero habrá alguna manera que la WEB pueda detectar la incompatibilidad del navegar y mostrarla en otro formato? Sucede que estoy creando una WEB Warez, que su contenido depende las de las imágenes que del mismo texto...

seguro es de manga jeje..

 

[Detrax]

seguro es de manga jeje..

 

[ramonjosegn]

oye, pero si en el https://caniuse.com/webp, aparece que mas del 95% son compatible!!,
entonces ya se deberían usar?

El problema no es la compatibilidad, el problema es que no indexan ni a tiros...

Y sino intenta hacer una búsqueda en google imágenes y me cuentas cuántas imágenes en webP consigues ver...

 

[Detrax]

El problema no es la compatibilidad, el problema es que no indexan ni a tiros...

Y sino intenta hacer una búsqueda en google imágenes y me cuentas cuántas imágenes en webP consigues ver...

Busque hace un momento y prácticamente si aparecen, pero cambian al formato PNG o JPG a preferencia de Google, cuando entras la pagina te aparece en el formato WEBP.

 

[ramonjosegn]

Busque hace un momento y prácticamente si aparecen, pero cambian al formato PNG o JPG a preferencia de Google, cuando entras la pagina te aparece en el formato WEBP.

Entiendo, pero en ese caso debes tener las 2 para que aparezcan indexadas. Aunque por lo que comentas ya han mejorado esa parte.

 

[XKuniwsP]

JAJJAJAJA, que risa el meme ese meme.

 

[david limonche]

Busque hace un momento y prácticamente si aparecen, pero cambian al formato PNG o JPG a preferencia de Google, cuando entras la pagina te aparece en el formato WEBP.

eso es correcto, no se porque google hará eso..

 

[ramonjosegn]

eso es correcto, no se porque google hará eso..

Posiblemente por temas de compatibilidad.