Optimiser les images exportées depuis Canva (et autres outils de design)

Canva est devenu l’outil de design de référence pour des millions d’utilisateurs en France. Mais ses exports ont un défaut systématique : ils sont beaucoup trop lourds pour une utilisation web directe. Un visuel téléchargé depuis Canva peut peser 2 à 5 fois plus que nécessaire. Même constat chez Adobe Express, Crello ou Figma. Voici pourquoi, et comment y remédier.

Pourquoi Canva exporte des fichiers si lourds

La résolution par défaut est pensée pour l’impression

Canva génère ses exports PNG et JPG à une résolution élevée, souvent adaptée à l’impression (300 dpi effectifs sur certains templates). Un visuel destiné à un post Instagram ou une bannière web n’a pas besoin de cette précision — les écrans affichent en 72-96 dpi. Résultat : des dimensions en pixels beaucoup trop grandes, donc un poids inutilement élevé.

Un design Canva pour une présentation A4 exporté en PNG peut faire 2480 × 3508 px. Redimensionné pour un usage web (par exemple 1200 × 1700 px), le poids est divisé par ~4 sans aucune perte visible.

Le PNG est sélectionné par défaut pour les designs avec transparence

Dès qu’un élément a un fond transparent ou une ombre portée, Canva propose automatiquement le PNG. Ce choix est correct pour préserver la transparence, mais le PNG généré n’est pas optimisé : il contient souvent des métadonnées volumineuses et n’a pas été passé par un compresseur lossless.

La compression JPEG appliquée est conservative

Quand vous choisissez JPG dans Canva, le niveau de qualité appliqué est délibérément élevé (autour de 90-95) pour éviter tout artefact visible. Pour un usage web, une qualité de 75-85 serait imperceptible et permettrait de gagner 40 à 60 % en poids.

Les bonnes pratiques avant d’exporter

Choisir le bon format dès le départ

Cas d’usage	Format recommandé
Photo ou visuel sans transparence	JPG ou WebP
Logo, icône, visuel avec fond transparent	PNG ou WebP
Animation	GIF ou WebP animé
Illustration vectorielle simple	SVG (si disponible)

Dans Canva, lors du téléchargement, vous pouvez choisir entre PNG, JPG, PDF, SVG et GIF. Si votre design n’a pas de transparence, choisissez JPG — c’est immédiatement 2 à 4 fois plus léger qu’un PNG équivalent.

Ajuster la résolution dans les options d’export

Canva Pro permet de choisir la résolution à l’export (72 dpi pour le web, 300 dpi pour l’impression). Si vous utilisez la version gratuite, vous obtenez la résolution par défaut. Dans ce cas, redimensionnez après export selon vos besoins réels.

Règle pratique : pour une image affichée à 800 px de large sur un écran, inutile d’exporter à 2000 px. Le navigateur fera le redimensionnement, mais stockera inutilement le poids supplémentaire.

Optimiser après l’export

C’est là que la différence se fait. Quelle que soit la source — Canva, Adobe Express, Figma, Google Slides — le réflexe à prendre est de toujours compresser avant de publier.

Étape 1 : redimensionner si nécessaire

Si votre export fait 2400 × 1350 px pour un usage en bannière web à 1200 × 675 px, réduisez les dimensions d’abord. Le gain est quadratique : diviser les dimensions par 2 divise le poids par ~4.

Étape 2 : compresser

Notre outil de compression accepte les exports Canva en PNG et JPG. Vous pouvez également convertir un PNG lourd en WebP, qui sera 30 à 50 % plus léger pour un résultat identique à l’œil.

Gains typiques sur des exports Canva :

Type de design	Export Canva brut	Après compression	Gain
Bannière réseaux sociaux (PNG)	850 Ko	180 Ko (WebP)	−79 %
Infographie (JPG)	1,2 Mo	320 Ko	−73 %
Logo avec transparence (PNG)	420 Ko	95 Ko (PNG optimisé)	−77 %
Visuel produit (JPG)	2,1 Mo	480 Ko	−77 %

Étape 3 : vérifier avant de publier

Le test à faire systématiquement : ouvrez l’image compressée à 100 % de zoom et comparez avec l’original sur les zones critiques (texte, dégradés, bords nets). Si vous ne voyez pas de différence à distance normale d’écran, c’est bon.

Cas particuliers des autres outils

Adobe Express

Même comportement que Canva : export PNG par défaut à résolution élevée. La procédure est identique : choisir JPG si pas de transparence, puis passer par un compresseur.

Figma

Figma propose une option de compression à l’export (curseur de 0 à 100 %) mais le PNG exporté reste non optimisé. Pour les assets web, préférez l’export en SVG pour les éléments vectoriels, et passez les rasters par un outil de compression.

Google Slides / PowerPoint

Les images exportées depuis une présentation (via « Fichier > Télécharger > PNG ») sont généralement à 960 × 720 px pour Slides, et jusqu’à 3000 px de large pour PowerPoint. Pour PowerPoint, la compression avant partage est particulièrement importante — voir notre article dédié à la compression dans les présentations.

Crello / VistaCreate

Identique à Canva. Les exports sont en PNG haute résolution par défaut. Même traitement recommandé.

Workflow recommandé pour les créateurs de contenu

Si vous publiez régulièrement du contenu visuel créé avec Canva ou un équivalent, voici le workflow en trois étapes qui change tout :

1. Exporter en JPG (sauf transparence requise) depuis Canva.
2. Compresser l’export via notre compresseur d’images — convertion en WebP recommandée pour les sites web.
3. Publier le fichier compressé, pas le fichier Canva brut.

Ce réflexe simple réduit le poids de vos visuels de 70 à 80 % en moyenne, améliore la vitesse de chargement de vos pages, et ne demande que 30 secondes supplémentaires par image.

Impact sur les performances web

Un site qui publie systématiquement des exports Canva bruts accumule rapidement des dizaines de mégaoctets d’images non optimisées. Cela pénalise directement :

• Le Largest Contentful Paint (LCP) — métrique Core Web Vitals qui mesure la vitesse de chargement de l’élément principal.
• Le score PageSpeed — utilisé par Google dans son classement.
• L’expérience mobile — les connexions 4G sont sensibles aux poids des ressources.

Un visuel Canva passé de 1,2 Mo à 300 Ko peut faire gagner 0,5 à 1 seconde de LCP sur mobile. Sur un article de blog avec cinq visuels, c’est 3 à 5 secondes de chargement économisées.

Pour aller plus loin sur ce sujet, lisez notre guide sur l’optimisation des images pour les Core Web Vitals.