search

jesustorresdev / webpage-jmtorres

Mi sitio web personal. Hecho con Hugo y el tema CodeIT.
http://jesustorres.es/
0 stars 0 forks source link

Optimizar tamaño de las imágenes #3

Closed jesustorresdev closed 4 years ago

jesustorresdev commented 4 years ago

Las imágenes son muy pesadas porque están disponibles en su tamaño original. Se puede mejorar esto:

  1. Usando los pipelines de hugo para generar versiones reducidas de las imágenes.
  2. Usando lazysize para que se escojan la versión con el tamaño correcto según haga falta.

En medium se usa esta estrategia. Los tamaños generados para más de 4000px de ancho son:

276w
552w
640w
728w
816w
904w
992w
1080w
1350w
1620w
1890w
2160w
2400w

Desconozco el motivo de esos tamaños.

jesustorresdev commented 4 years ago

Hay que tocar el shortcut figure:

https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/shortcodes/figure.html

Los partials en el tema con la featureImage:

https://github.com/aplatanado/hugo-theme-LoveIt/blob/master/layouts/partials/plugin/image.html https://github.com/aplatanado/hugo-theme-LoveIt/blob/master/layouts/_default/summary.html

jesustorresdev commented 4 years ago

El ancho máximo de la página son 800 px.