Optimiza el SEO con imágenes en formato Webp (Mac)

[medicengrego]

Hola que tal mis queridos amigos betas.
Les comento hace días estaba trabajando en un proyecto (HTML5) de una pagina web para la empresa que trabajo, pero las imágenes son en HD, superan los 4MB y si las reducía con herramientas como PhotoShop o Illustrator (Ambos de adobe) se distorsionaba o "pixelaban" un poco, lo cual era un problema, ya que tienen que tener muy buena calidad.

En resumen saben que la velocidad de carga de los sitios web, en especial si son responsive, es muy importante para que los robots de Google te den buen puntaje y estén en los primero resultados del SEO natural. De tanto buscar una alternativa gratuita (ya que en Internet hay montón de paginas que convierten de png o jpg al tan deseado webp pero pagando cuando mínimo 7$ por suscripción/mes o día) Encontré una herramienta que pude usar en mi iMac, sin problemas, es totalmente gratuita sin publicidad y LEGAL.

Esta utilidad es WebPonize, y aunque esté en fase alpha en Github no funciona nada mal para lo que hace. Descargamos la aplicación, la movemos al directorio Aplicaciones, la abrimos y casi que ya podemos adivinar lo que hay que hacer nada más ver su ventana principal:



Basta con arrastrar cualquier imagen en JPG o PNG hacia la ventana de WebPonize y veremos cómo se nos genera automáticamente el formato .WebP en la misma carpeta donde se encuentra la imagen original. Al mismo tiempo, nos aparecerá una ventana que nos dirá el espacio que nos hemos ahorrado optimizando la imagen a ese formato. Con este metodo la imagen reduce hasta un 90% de su peso en MB.

¿Que hace esta herramienta?
Básicamente lo que hace es comprimir tu imagen en un formato inventado por Google, el cual es 100% recomendado para usarlas en paginas web. Una vez comprimida la imagen no podrás visualizarla en la iMac, pero puedes subirla a Internet y verla perfectamente, porque los navegadores mas usados, interpretan esta imagen y la descomprimen, dando como resultado servirla a los usuarios. Mostrándola en HD sin perder calidad.

Link de descarga: Github
Pagina web oficial para mas información de instalación:Webponize

Listo, no hay que hacer nada más. No hemos necesitado ninguna herramienta más, y no nos hemos gastado ni un céntimo. Para desarrolladores que empiezan o para aquellos que simplemente quieran experimentar, este método puede ser efectivo.

Espero que les guste. Si necesita mas información no dudes en escribirme al MP.

 

[SiempreBuscando]

pero el formato wepp ya se puede ver en todos los sitios? Porque antes no se podía. Y si bien te baja mucho el peso de la imagen, también había leído comentarios que muchos navegadores, o dispositivos no reconocía las imagenes.

 

[DoctorPC]

Yo había realizado unas pruebas y a simple ojo humano no experto, el ahorro en peso/calidad, es como dejar un jpg a un 50%-60% de calidad y no se nota la diferencia de calidad y el peso es casi el mismo.

El problema por ahora, es que no se pueden visualizar fácilmente, solo en el navegador se pueden ver.

 

[medicengrego]

Yo había realizado unas pruebas y a simple ojo humano no experto, el ahorro en peso/calidad, es como dejar un jpg a un 50%-60% de calidad y no se nota la diferencia de calidad y el peso es casi el mismo.

El problema por ahora, es que no se pueden visualizar fácilmente, solo en el navegador se pueden ver.

En este último año se ha motivado mucho a los desarrolladores webs a trabajar con este formato imágenes webp. Respondiendo a [MENTION=205888]SiempreBuscando[/MENTION] es cierto que "no tenía" una compatibilidad sólida con muchos navegadores webs. Pero ya es oficial, hay que buscar alternativas a .Jpg y .PNG por experiencia propia sé que no hay manera de comprimir o reducir el formato de una fotografía o imagen usando el método común, sin que pierda calidad. Yo uso mucho el formato .svg, ya que se adapta a la carga y necesidad de la pagina sin perder calidad. PEro he probado este webp y está entre los mejores formatos.