[Resuelto] -Optimizar imágenes para web

Avatar
Jorge Molina

@jorgemolina

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
Starling Mercedes

@starlingmercedes93437

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

Escribe una respuesta