Une image nette sur chaque écran : dérivés WebP responsives 300 / 768 / 1200
Dérivés WebP responsives (300 / 768 / 1200) une fonctionnalité du module Médiathèque de Clustraly. Les dérivés WebP responsives génèrent automatiquement trois versions d'une image raster (300, 768 et 1200 px) prêtes pour la srcset, sans agrandir l'original.
Téléversez une seule image : Clustraly crée automatiquement ses versions 300, 768 et 1200 px en WebP, prêtes pour la srcset. Transparence conservée, jamais d'agrandissement, chemins résolus du premier coup.
Trois tailles d'image, générées pour vous à chaque upload
Vous déposez une seule image raster. Clustraly produit aussitôt trois dérivés WebP 300, 768 et 1200 px sans que vous ouvriez un éditeur ni exportiez des variantes à la main.
Le navigateur pioche la bonne largeur selon l'écran du visiteur ; vous, vous ne gérez qu'un seul fichier dans une médiathèque qui reste propre.
- Trois largeurs prêtes : 300, 768 et 1200 px
- Format WebP moderne, généré automatiquement
- Un seul fichier à téléverser, zéro export manuel
Un redimensionnement propre via GD, du raster au WebP
Après chaque upload d'image raster, generateThumbnails redimensionne l'original avec imagecopyresampled, puis encode chaque dérivé en WebP à une qualité de 82.
Le rendu reste net à toutes les largeurs : chaque version est recalculée depuis la source, jamais depuis une miniature déjà réduite.
- Redimensionnement par imagecopyresampled (extension GD)
- Encodage WebP à une qualité de 82
- Chaque dérivé recalculé depuis l'image d'origine
Jamais d'agrandissement, transparence toujours préservée
Si votre image est déjà plus petite qu'une largeur cible, Clustraly réutilise la source telle quelle au lieu de l'étirer : pas de flou artificiel.
La transparence est conservée (alpha blending désactivé, sauvegarde alpha activée), et seuls les formats raster sont traités SVG et ICO sont volontairement écartés.
- Aucun agrandissement au-delà de la taille d'origine
- Canal alpha préservé pour les PNG transparents
- SVG et ICO exclus du redimensionnement raster
Des chemins enregistrés pour que la srcset résolve du premier coup
Chaque dérivé est nommé {stem}-{largeur}w.webp à côté de l'original, et son chemin est stocké dans path_300, path_768 et path_1200 en gardant le préfixe uploads/.
Résultat : la srcset pointe vers /storage/... et sert la bonne variante, sans renvoyer d'erreur 404.
- Chemins dédiés : path_300, path_768 et path_1200
- Nommage clair {stem}-{largeur}w.webp à côté de l'original
- Préfixe uploads/ conservé pour une résolution /storage/ fiable
Vos dérivés se régénèrent quand le fichier change
Vous remplacez une image ou la retouchez dans l'éditeur intégré ? Les trois dérivés sont refaits depuis le nouveau contenu, et les anciens fichiers physiques sont nettoyés.
Vos pages continuent d'afficher la bonne image à la bonne taille, sans variante orpheline qui traîne.
- Régénération à chaque remplacement de fichier
- Régénération après une édition d'image côté serveur (GD)
- Anciens dérivés supprimés, pas de fichiers orphelins
Vous téléversez une image. Clustraly prépare le reste.
Les trois dérivés WebP se créent en arrière-plan, sans réglage à connaître ni export à refaire. Vous gardez une médiathèque légère et des pages qui servent la bonne taille à chaque visiteur la préparation est automatique, la décision de publier reste la vôtre.
Questions fréquentes
Quelles tailles de dérivés sont générées ?
Que se passe-t-il si mon image est plus petite que 1200 px ?
Les images transparentes ou les SVG sont-ils concernés ?
Les dérivés restent-ils synchronisés si je modifie l'image ?
Fonctionnalités liées
Une image, trois formats, zéro manipulation
Confiez vos visuels à la Médiathèque de Clustraly : chaque image raster arrive avec ses dérivés WebP 300, 768 et 1200 px, prêts pour la srcset et toujours à jour. Vous gardez la main sur ce que vous publiez, Clustraly s'occupe des tailles.