Mise à niveau du moteur d'assemblage d'images

Date de mise à jour : 2026-08-18
Type de mise à jour : Amélioration du cœur
Moteur Canvas natif
L'assemblage d'images de la page d'accueil et de Grid utilise désormais le Canvas natif du navigateur au lieu de capturer le DOM rendu. Canvas dessine directement les positions, dimensions, espacements, bordures, coins arrondis, arrière-plans et recadrages cover, tandis que l'interaction de l'aperçu reste inchangée.
Cette évolution réduit la dépendance aux captures complètes du DOM et du CSS et fournit une base plus stable pour les prochaines améliorations de taille et d'exportation. Le traitement reste entièrement local dans le navigateur.
Formats d'exportation et taille des fichiers
Les exportations sont maintenant créées sous forme de Blob et encodées selon le format choisi :
- PNG : sans perte, adapté aux arrière-plans transparents, au texte et aux graphiques ; sa taille reste généralement proche de celle des autres PNG.
- JPEG : adapté aux collages de photos et généralement plus léger que PNG ; les zones transparentes sont remplies en blanc.
- WebP : offre un bon équilibre entre qualité et taille.
- BMP : Canvas ne fournit pas d'encodeur BMP natif cohérent ; ce choix revient donc au PNG avec l'extension
.png.
JPEG et WebP utilisent actuellement une qualité d'environ 86 %. Si le format est changé dans la fenêtre d'aperçu, le téléchargement est réencodé selon le choix actuel afin que l'extension corresponde au contenu.
Préréglages rapides d'arrière-plan
Les contrôles de couleur d'arrière-plan de la page d'accueil et de Grid proposent maintenant des préréglages cliquables : blanc, gris brume, orange chaud, jaune doux, menthe, bleu ciel, lavande et anthracite.
Cliquez sur une pastille pour appliquer la couleur ou utilisez toujours le sélecteur pour une couleur personnalisée. L'arrière-plan agit sur la bordure extérieure, les espacements, les zones révélées par l'arrondi et l'apparence des images transparentes.
Aperçu vertical amélioré
L'aperçu applique un défilement différent selon la disposition. Les dispositions verticales limitent le contenu à la largeur de l'aperçu et masquent le défilement horizontal ; les dispositions horizontales le conservent pour les résultats larges. Cette contrainte évite de couper les images.
La confidentialité reste inchangée
La sélection, le calcul de la disposition, le dessin Canvas, l'encodage et le téléchargement sont effectués dans le navigateur de l'utilisateur. Les images ne sont pas envoyées au serveur ni traitées par des tiers.
