[Resuelto] -Optimizar imágenes para web

Avatar

Buenas comunidad, alguien conoce algún método para optimizar las imágenes que voy a poner en mi web, esque estaba viendo que son algo pesadas, y además que cuando hago pruebas en local como que carga un poco lento la página. Si alguien me puede ayudar se lo agradecería.

Avatar

si es muy pesante primero tienes que salvar la foto en photoshop asi le cambias el formato y la dimension, una foto para la web deberia ser max 100kb .. despues que le bajes la calidad en photshop, puedes mejorarla para la web con tools online como https://shortpixel.com/ y https://squoosh.app/ , tambien es recomendable usar el lazyload con las imagenes asi hacen la request cuando haces scroll, para el lazy load te recomiendo esta libreria https://apoorv.pro/lozad.js/ otra cosa que te recomiendo es usar tambien el formato webp es el nuevo formato de google para optimizar las fotos en la web , pero todavia no funciona en todos los browsers tienes que poner webp y otros formatos, con el tag <picture> puedes poner diferentes fallback.

Avatar

yo tambien usaba tinypng pero ahora me encuentro mejor con shortpixel.com porque al final para optimizar imagenes tienes que controlar los errors en el google page speed y optimizarla hasta que google no te da nessun error, creo que shortpixel y tinypng ademas de comprimirla le pone una codifica a la foto que google entiende mejor que esta optimizada.

Avatar

yo tambien usaba tinypng pero ahora me encuentro mejor con shortpixel.com porque al final para optimizar imagenes tienes que controlar los errors en el google page speed y optimizarla hasta que google no te da nessun error, creo que shortpixel y tinypng ademas de comprimirla le pone una codifica a la foto que google entiende mejor que esta optimizada.

Recuerdainiciar sesiónpara participar en la comunidad.