studio-variable/world-game
3
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Feat: images responsives vignettes Play + composant ResponsivePicture

Browse source 
- Config: presets thumbnail + thumbnail-webp (170/255/355/510/710w)
- play.json.php: expose thumbnailSrcset + thumbnailWebp
- Nouveau composant ResponsivePicture.svelte (src, srcset, webp, sizes, alt, cls)
- Play.svelte: utilise ResponsivePicture dans le carousel
  sizes="clamp(170px, 18.41vw, 355px)"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-10 08:08:34 +01:00
parent 600ce937a3
commit 11a2c623cb
4 changed files with 57 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
site/config/config.php
View file

@ -108,6 +108,21 @@ return [
'600w' => ['width' => 600, 'format' => 'webp'],
'800w' => ['width' => 800, 'format' => 'webp'],
],
// Vignettes jeux — active: clamp(170px, 18.41vw, 355px), retina 2x → 710px
'thumbnail' => [
'170w' => ['width' => 170],
'255w' => ['width' => 255],
'355w' => ['width' => 355],
'510w' => ['width' => 510],
'710w' => ['width' => 710],
],
'thumbnail-webp' => [
'170w' => ['width' => 170, 'format' => 'webp'],
'255w' => ['width' => 255, 'format' => 'webp'],
'355w' => ['width' => 355, 'format' => 'webp'],
'510w' => ['width' => 510, 'format' => 'webp'],
'710w' => ['width' => 710, 'format' => 'webp'],
],
],
],
];