Comparatif CDN d'images Shopify : Par défaut vs Cloudinary vs Bunny

Points clés

• La plupart des boutiques n’ont pas besoin d’un CDN d’images tiers. Le CDN intégré de Shopify redimensionne, recadre, compresse et négocie le format (AVIF, WebP ou JPEG) à chaque requête, sans frais supplémentaires.
• Le filtre Liquid image_url gère la largeur, la hauteur, le recadrage, le format et la couleur de remplissage (pad_color) jusqu’à 5760px, et image_tag génère un srcset responsive et charge en différé (lazy-load) les images dans les sections plus bas sur la page par défaut.
• Un CDN d’images tiers trouve son utilité quand le problème n’est pas la diffusion. La gestion des actifs numériques (Digital Asset Management), la vidéo, la direction artistique à grande échelle, les images hébergées en dehors de Shopify et la réutilisation multicanal sont les véritables éléments déclencheurs.
• Cloudinary est l’option DAM plus transformation, facturée par crédits. Bunny Optimizer est la couche de transformation abordable à 9,50 $ par mois et par site, plus la bande passante.
• Aucun des deux ne peut remplacer cdn.shopify.com pour les images de produits natives. Les deux s’y ajoutent, ce qui représente un coût de maintenance que l’on oublie souvent de prendre en compte.

Une comparaison des CDN d’images Shopify part souvent de la mauvaise hypothèse : que la diffusion d’images de Shopify est une lacune à combler. Ce n’est pas le cas. Chaque forfait Shopify inclut un CDN mondial qui redimensionne, compresse et négocie les formats d’images à la volée, et vous ne payez rien de plus pour cela.

La vraie question est donc plus précise. Que fait réellement le CDN intégré, où s’arrête-t-il, et Cloudinary ou Bunny Optimizer résolvent-ils un problème que vous avez vraiment ? Ce guide couvre les paramètres par défaut de Shopify en détail, puis compare les trois en termes de coût, d’API de transformation, de prise en charge des formats, d’intégration au thème, de Core Web Vitals et de dépendance (lock-in).

Pourquoi vous pouvez nous faire confiance

Nous évoluons dans l’écosystème Shopify depuis plus de quatre ans et avons travaillé avec des centaines de marques Shopify sur leurs boutiques. Jacques a plus de 15 ans d’expérience en développement. Nous avons créé Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 sur le Shopify App Store et ayant le statut Built for Shopify. Nous travaillons donc au niveau du thème, là où la diffusion des images se gagne ou se perd.

La réponse courte : la plupart des boutiques devraient rester sur le CDN de Shopify

Si vos images sont hébergées sur Shopify, que votre thème utilise correctement image_url et image_tag, et que vous uploadez des fichiers sources raisonnables, un CDN d’images tiers ne vous apportera pas de gain de vitesse significatif. Vous aurez juste un prestataire de plus, une facture de plus et un point de défaillance supplémentaire.

Les boutiques qui en tirent vraiment profit ont un problème différent. Elles gèrent une vaste médiathèque sur plusieurs canaux, diffusent de la vidéo à grande échelle, font de la direction artistique par audience, ou hébergent leurs images ailleurs que sur Shopify. Ce sont des problématiques de gestion d’assets, pas de diffusion.

Si votre problème d’image est « mon image hero fait 1,4 Mo », la solution se trouve dans vos fichiers sources et votre code Liquid, pas dans un nouveau CDN.

Ce que fait vraiment le CDN d’images intégré de Shopify

Le CDN de Shopify s’appuie sur Cloudflare, diffuse via HTTP/3 avec TLS 1.3 et compresse les ressources textuelles avec Brotli et gzip.¹ Il est inclus dans tous les forfaits, avec un hébergement non mesuré et une bande passante illimitée.² Il n’y a pas de limite de bande passante à surveiller ni de frais par requête.

Négociation automatique du format : AVIF, WebP et JPEG

Shopify analyse chaque requête et sélectionne le meilleur format compatible pour le client, en choisissant entre AVIF, WebP et JPEG selon la qualité et le poids compressé.³ Vous n’avez rien à configurer ni à payer. C’est le comportement par défaut depuis 2022.

C’est la fonctionnalité phare sur laquelle reposent la plupart des CDN d’images tiers. Et Shopify le fait déjà.

Le filtre image_url et ses paramètres

image_url est le filtre Liquid actuel pour générer les URL d’images. img_url est obsolète et a été remplacé par celui-ci.

Il accepte :

• width (largeur) et height (hauteur), jusqu’à un maximum de 5760px chacun. Vous devez en passer au moins un, sinon le filtre renvoie une erreur.⁴
• crop (recadrage), avec les valeurs top, center, bottom, left, right et region.
• format, acceptant jpg ou pjpg. Les conversions valides sont PNG vers JPG, PNG vers PJPG, et JPG vers PJPG.
• pad_color (couleur de fond), sous forme de valeur hex3 ou hex6.

Une règle surprend souvent : une image n’est jamais agrandie au-delà de ses dimensions d’origine. Demandez 3000px pour un upload de 1200px et vous récupérerez du 1200px.

Notez bien la nuance. Le paramètre format sert à la conversion de la source, pas à forcer l’AVIF ou le WebP pour le visiteur. La négociation de format se fait automatiquement au niveau du edge, à chaque requête.

srcset responsive avec image_tag

image_tag génère l’élément <img> et s’occupe des parties fastidieuses pour vous. Il définit les attributs width et height à partir du ratio d’aspect réel de l’image, ce qui évite les décalages de mise en page (layout shift), et construit un srcset à partir d’un ensemble de largeurs par défaut jusqu’au maximum de l’URL.

Il accepte widths, sizes, srcset, preload, alt, class et n’importe quel autre attribut HTML. Deux valeurs par défaut sont importantes :

• Les images situées après la troisième section reçoivent automatiquement loading="lazy" à moins que vous ne passiez preload: true. C’est le bon réglage par défaut pour les images sous la ligne de flottaison (below-fold), mais le mauvais pour votre image hero. Consultez comment charger les images en différé sur Shopify pour savoir où tracer la ligne.
• preload: true envoie un resource hint Link sous forme d’en-tête HTTP, ce qui est exactement ce qu’il faut pour l’image LCP. Si votre image hero arrive en retard, notre correction du chargement prioritaire des bannières hero Shopify détaille la modification exacte à apporter.

Une bonne section hero ressemble à peu près à ça.

{{ section.settings.image
  | image_url: width: 2400
  | image_tag:
      widths: '600, 900, 1200, 1600, 2000, 2400',
      sizes: '100vw',
      preload: true,
      loading: 'eager',
      alt: section.settings.image.alt
}}

La plupart des discussions du type « nous avons besoin d’un CDN d’images » s’arrêtent là, une fois que quelqu’un regarde le code du thème et trouve une balise <img> à largeur fixe sans srcset.

Limites de taille et formats sources supportés

Les images de produits et de collections doivent peser moins de 20 Mo et faire au maximum 5000 x 5000 px, soit 25 mégapixels. Les formats acceptés sont PNG, JPEG, PSD, TIFF, BMP, GIF, SVG, HEIC et WebP, y compris les GIF et WebP animés. Shopify recommande 2048 x 2048 px comme taille d’affichage optimale pour les photos de produits carrées.⁵

Shopify compresse lors de l’upload, mais ne sauvera pas un fichier source mal exporté. Pour le travail en amont de l’upload, consultez notre guide sur comment compresser des images sur Shopify.

Quand un CDN d’images tiers est-il justifié ?

Il existe de vrais cas d’usage. Mais ils sont plus rares que ce que le marketing laisse entendre.

• Transformations lourdes à la volée. Overlays, incrustation de texte, suppression d’arrière-plan, compositions par variante, recadrages générés pour les réseaux sociaux. Shopify ne fait que resize, crop et pad. C’est tout.
• Digital Asset Management (DAM). Versioning, validations, tags, recherche, et une source de vérité unique pour votre équipe créative. Fichiers Shopify (Shopify Files) est un espace de stockage, pas un DAM.
• Vidéo. Diffusion en bitrate adaptatif, rendus par appareil, génération de miniatures.
• Direction artistique à grande échelle. Différents recadrages par breakpoint ou par audience, gérés par des règles et non manuellement.
• Images hébergées en dehors de Shopify. Un PIM, une architecture headless, ou un flux de marketplace qui n’atterrit jamais dans Fichiers Shopify.
• Réutilisation multicanale. Le même asset (fichier) alimentant Shopify, un site vitrine, une app et un portail B2B depuis une seule URL et un seul ensemble de transformations.

Le constat : vous achetez de la gestion d’assets et des capacités de transformation avancées, pas un temps de chargement plus rapide. Si vous ne vous reconnaissez dans aucune de ces situations, arrêtez-vous là.

CDN Shopify par défaut vs Cloudinary vs Bunny Optimizer

Modèle de coût

Le CDN de Shopify est inclus. Hébergement non mesuré, bande passante illimitée, pas de ligne de facturation séparée.²

Cloudinary facture en crédits. Selon les tarifs affichés en août 2026 : Gratuit à 0 $ par mois avec 25 crédits mensuels, Plus à 99 $ par mois ou 89 $ par mois facturés annuellement avec 225 crédits, et Advanced à 249 $ par mois ou 224 $ par mois facturés annuellement avec 600 crédits. Le plan Enterprise est sur mesure. Un crédit équivaut à 1 000 transformations, ou 1 Go de stockage géré, ou 1 Go de bande passante de visionnage.⁶

L’application Cloudinary AssetLink sur le Shopify App Store liste ses propres forfaits séparément : un niveau gratuit qui nécessite un abonnement Cloudinary externe, Pro à 999 $ par mois, et Pro Plus à 999 $ par mois plus 0,30 $ par Go de diffusion CDN. Les deux niveaux payants commencent au même tarif de 999 $ ; Pro Plus ajoute les frais de diffusion par-dessus. Le 27 octobre 2026, la fiche affichait une note de 5,0 sur 3 avis. Vérifiez la fiche en direct avant de budgéter, car les forfaits des applications changent.

Bunny divise la facture. Bunny Optimizer coûte 9,50 $ par mois et par site Web, avec un nombre illimité de requêtes, d’optimisations et de transformations. La bande passante CDN est facturée en plus : sur le réseau standard, 0,01 $/Go pour l’Europe et l’Amérique du Nord, 0,03 $/Go pour l’Asie et l’Océanie, 0,045 $/Go pour l’Amérique du Sud, 0,06 $/Go pour le Moyen-Orient et l’Afrique, avec un minimum mensuel de 1 $.

Des deux options payantes, Bunny est de loin la moins chère. Cloudinary est facturé comme une plateforme multimédia, car c’est ce qu’elle est.

API de transformation

Shopify : width, height, crop, format, pad_color. Volontairement minimaliste.

Cloudinary : la plus complète des trois. Transformations enchaînées dans l’URL, f_auto pour le choix du format et q_auto pour le choix de la qualité, plus des overlays, des effets, des modes de recadrage et la vidéo.

Bunny Optimizer : un bon compromis. Sa documentation de traitement d’images liste width, height, crop, aspect_ratio, crop_gravity, face_crop, focus_crop, blur, sharpen, brightness, contrast, saturation, hue, tint, sepia, gamma, flip, flop, rotate, quality et format. Plus riche que Shopify, mais bien loin de Cloudinary.

Formats supportés

Shopify est vraiment compétitif sur ce point. La documentation de traitement d’images de Bunny Optimizer liste la conversion entre JPEG, PNG, WebP et GIF, décrit l’auto-serve WebP comme une simple option, et ne mentionne pas la sortie AVIF. Considérez l’AVIF sur Bunny comme non confirmé tant que vous ne l’avez pas testé sur votre propre pull zone.

Facilité d’intégration avec un thème Shopify

C’est ici que la comparaison bascule.

Shopify : aucun effort. C’est déjà comme ça que votre thème gère l’affichage des images.

Cloudinary : son app Shopify ajoute des snippets Liquid à votre thème et vous donne une médiathèque intégrée dans l’admin pour attacher des assets Cloudinary aux produits, collections et articles de blog. C’est fonctionnel, mais ça implique des modifications de thème et un flux de gestion des assets en parallèle de celui de Shopify.

Bunny : aucune intégration native avec Shopify pour les images de produits. Une pull zone se place devant une origine, et Shopify ne permet pas de remplacer le CDN de la vitrine pour les médias de produits servis depuis cdn.shopify.com. En pratique, Bunny est utilisé pour les assets en dehors du système d’images de Shopify : médias de landing pages, fichiers téléchargeables, fichiers hébergés ailleurs. C’est un vrai cas d’usage, mais ce n’est pas « remplacer le CDN d’images de Shopify ».

En bref : vous ne pouvez pas totalement vous passer du CDN d’images de Shopify pour les images de produits natives. Chaque option tierce est un ajout.

Impact sur les Core Web Vitals

Soyez sceptique face aux promesses d’amélioration du LCP liées à un CDN. Une fois que les images sont déjà en AVIF ou WebP, correctement dimensionnées et diffusées depuis un serveur edge proche du visiteur, un deuxième CDN change très peu de choses.

Ce qui améliore vraiment les Core Web Vitals sur une boutique Shopify :

• Une image hero chargée en lazy-loading au lieu d’être préchargée.
• L’absence de srcset, ce qui force les mobiles à télécharger un fichier de la taille d’un écran d’ordinateur.
• L’absence de largeur (width) et de hauteur (height), provoquant un layout shift et détériorant le score CLS.
• Une image source beaucoup plus grande que n’importe quelle taille d’affichage.
• Les scripts d’applications et les ressources bloquant le rendu qui retardent la requête de l’image dès le départ.

Un rebond CDN supplémentaire peut ajouter une recherche DNS, un TLS handshake et un cache miss à froid lors de la première requête. C’est une légère régression, pas une amélioration, tant que vos besoins en transformation ne le justifient pas. Pour savoir où en sont réellement les boutiques Shopify sur ces métriques, consultez l’état des performances Shopify en 2026, et pour le mobile en particulier, notre guide sur la vitesse mobile sur Shopify.

Maintenance et dépendance (lock-in)

Shopify : rien à maintenir, rien à annuler. Les URL d’images sont générées par les filtres Liquid inclus dans la plateforme.

Cloudinary : vos URL d’images pointent vers Cloudinary. Votre logique de transformation se trouve dans la syntaxe d’URL de Cloudinary, embarquée dans les snippets de votre thème. Migrer vers une autre solution implique de réécrire ces URL et de rapatrier vos fichiers. La valeur du DAM est réelle, tout comme le coût de sortie.

Bunny : dépendance plus légère. La syntaxe de transformation repose sur des query parameters, et changer le nom d’hôte pour revenir en arrière est simple. Vous devez quand même gérer une pull zone, des règles de cache et une deuxième facture.

Chaque option tierce ajoute aussi un deuxième endroit où une image peut poser problème : cache expiré, mauvais recadrage, un fichier mis à jour dans un système mais pas dans l’autre.

Tableau de décision

Verdict selon le profil de la boutique

Petite à moyenne boutique, images hébergées sur Shopify. Restez sur le CDN de Shopify. Concentrez vos efforts sur les fichiers sources, le srcset, et le préchargement (preload) de l’image LCP. Notre guide sur comment accélérer un thème Shopify couvre bien plus de choses que n’importe quel changement de CDN.

Boutique à fort volume avec une équipe créative et une vaste médiathèque. Cloudinary, et prenez-le pour son DAM et ses options de transformation plutôt que pour la vitesse. Évaluez d’abord le coût en crédits par rapport à votre volume réel de transformations et de bande passante.

Boutique avec de nombreux assets en dehors de Shopify. Bunny Optimizer, uniquement pour ces assets-là. À 9,50 $ par mois par site web plus un centime par gigaoctet en Europe et en Amérique du Nord, c’est assez abordable pour justifier son usage sur un mini-site riche en médias ou une bibliothèque de téléchargements. Laissez les images de produits sur Shopify.

Architecture headless ou multicanale. Cloudinary si vous avez besoin d’une source d’assets centralisée pour la vitrine, l’app et le site vitrine. Bunny si vous n’avez besoin que de transformation et de diffusion.

Ceux dont le vrai problème est une image hero trop lente. Aucune des options ci-dessus. Corrigez votre code Liquid.

Où intervient Fudge

Fudge est l’opérateur IA pour les boutiques Shopify, et il écrit du code de thème natif : Liquid, CSS et JavaScript, directement dans votre thème.

La plupart des problèmes de performances d’images sur Shopify sont des problèmes de thème. Une image hero sans preload, une grille de produits sans srcset, une section codée en dur avec une source de 2000px dans un emplacement de 400px. Vous pouvez décrire la correction en langage clair, et Fudge écrit correctement les appels image_url et image_tag dans la section sous forme de brouillon que vous prévisualisez avant de publier. Si vous ne savez pas où se trouvent les problèmes, demandez d’abord à Fudge un audit de vitesse : il liste ce qui ralentit vos pages et prépare les corrections à approuver.

Comme le résultat est du code de thème natif, il n’y a aucun script supplémentaire et aucune couche de widget, et il survit à une désinstallation. Il en va de même pour tout ce que vous créez avec l’éditeur de boutique Shopify.

C’est généralement la solution la plus économique. Un CDN ne peut pas corriger un thème qui demande la mauvaise image.

FAQ