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

ramonjosegn · 4 Mar 2021

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 · 5 Mar 2021

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:

HTML:

<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 · 5 Mar 2021

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 · 5 Mar 2021

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 · 12 Mar 2021

bareamathias dijo:
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 · 12 Mar 2021

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 · 12 Mar 2021

bareamathias dijo:
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:

HTML:

<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 · 12 Mar 2021

Detrax dijo:
¿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 · 12 Mar 2021

ramonjosegn dijo:
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 · 12 Mar 2021

Detrax dijo:
¿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 · 13 Mar 2021

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 · 13 Mar 2021

bareamathias dijo:
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:

HTML:

<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 · 13 Mar 2021

Detrax dijo:
¿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 · 13 Mar 2021

david limonche dijo:
seguro es de manga jeje..

ramonjosegn · 13 Mar 2021

david limonche dijo:
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 · 13 Mar 2021

ramonjosegn dijo:
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 · 13 Mar 2021

Detrax dijo:
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 · 13 Mar 2021

JAJJAJAJA, que risa el meme ese meme.

david limonche · 14 Mar 2021

Detrax dijo:
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 · 15 Mar 2021

david limonche dijo:
eso es correcto, no se porque google hará eso..

Posiblemente por temas de compatibilidad.

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

ramonjosegn

bareamathias

Maddy

username666

ramonjosegn

luismaster2009

Detrax

ramonjosegn

Detrax

ramonjosegn

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

Sirv Pricing

fabgonber

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!🚀 𝐑𝐄𝐕𝐈𝐄𝐖𝐒 𝐆𝐑𝐀𝐓𝐈𝐒!!

david limonche

david limonche

Detrax

ramonjosegn

Detrax

ramonjosegn

XKuniwsP

david limonche

ramonjosegn

Temas similares

Privacidad y transparencia

Privacidad y transparencia