The @Mapbox sprite on my photo site weights 222 kB:
nicolas-hoizey.photo/ui/thumbn

I would like to serve it with @cloudinary to enhance performance, as this PNG sprite will fast get heavier with new photos.

If you agree, please vote! github.com/mapbox/mapbox-gl-js

nho.link/n/2022/01/07/1/

@nhoizey rien à voir mais j'en profite un peu, j'aimerais bien savoir comment tu as choisi les tailles (360w, 884w, 1407w, 1930w, 2454w, 2977w, 3500w) sur le détail de tes photos (par exemple nicolas-hoizey.photo/galleries ) et aussi à quoi te sert `sizes="(min-width: 60rem) calc(100vw - 2 * 1rem - 9rem - 2vw - 2 * 2.744rem), calc(100vw - 2rem)"` ?

#view-source

Follow

@dav hello, les tailles sont simplement des valeurs équidistantes entre 360 et 3500, mais j'ai des améliorations à faire, le 3500 fait mal sur certains viewports de mobiles de densité 4.

`sizes` défini la dimension de l'image selon les viewports, ça reprend les breakpoints du CSS. Je n'en ai qu'un à 60rem. En dessous c'est du fluide plaine largeur (hors marges), au delà j'enlève la largeur de la barre de menu et différentes marges.

· · Web · 0 · 0 · 0
Sign in to participate in the conversation
La Quadrature du Net - Mastodon - Media Fédéré

Mamot.fr est une serveur Mastodon francophone, géré par La Quadrature du Net.