Quel est le meilleur en 2020?

Vous essayez de choisir entre Cloudinary vs imgix vs ImageKit vs Optimole pour optimiser les images de votre site Web?

Tous ces outils offrent une nouvelle génération d’optimisation d’image de site Web où vous pouvez optimiser dynamiquement des images à la volée. L’avantage est que vous pouvez créer une expérience optimale pour chaque visiteur. Par exemple, les visiteurs avec des écrans 4K obtiennent une image à plus haute résolution que ceux des smartphones 600 px.

Pour vous aider à choisir entre Cloudinary vs imgix vs ImageKit vs Optimole, nous allons aller de l’avant et comparer chaque outil en utilisant les métriques suivantes:

Inary Cloudinary vs imgix vs ImageKit vs Optimole: décision rapide

Si vous manquez de temps, voici un bref résumé de nos résultats:

• Optimole était le meilleur pour optimiser notre image JPEG de test.
• Cloudinary était le meilleur pour optimiser notre image PNG de test (mais aussi le pire pour optimiser notre test JPEG).
• Optimole a eu la meilleure optimisation globale en regardant tous les deux les images JPEG et PNG.
• Optimole et Cloudinary avaient le processus de configuration le plus simple pour les utilisateurs de WordPress. Vous pouvez être opérationnel sur WordPress en quelques clics et vous n’avez pas besoin de gérer des étapes techniques.

Voici un tableau comparant les principales conclusions de notre publication – lisez la suite pour un aperçu plus détaillé de chaque service.

La taille JPEG et PNG fait référence à la taille de fichier de l’image optimisée fournie par chaque service. Plus c’est bas, mieux c’est.

Comment nous avons testé les performances d’optimisation d’image

Si vous voulez comprendre comment nous avons testé ces plugins, voici le résumé…

Étant donné que tous ces plugins optimisent dynamiquement les images en fonction de l’appareil de chaque visiteur, il n’y a pas de fichier image optimisé unique à tester comme un plugin d’optimisation d’image WordPress plus traditionnel. Afin de comprendre dans quelle mesure chaque outil peut optimiser chaque image, nous avons dû faire preuve d’un peu de créativité.

Tout d’abord, nous avons pris deux images et les avons ajoutées à une page de notre site WordPress:

themes.png – 96 Ko

sunset.jpg – 233 KB

Ensuite, nous mettons en place chaque outil sur notre site WordPress.

De là, nous avons chargé la page sur le front-end et regardé le Réseau dans les outils de développement Chrome pour déterminer la taille du fichier de l’image livrée. Nous avons également veillé à utiliser exactement la même résolution et le même navigateur (émulation «Ordinateur portable avec écran HiDPI» de Chrome »).

La taille de fichier indiquée ci-dessus est la taille de l’image optimisée qui a été livrée sur le front-end de notre site de test.

Encore une fois, tous ces outils ont converti ces images en WebP pour les livrer dans Chrome. Lorsque nous référençons les formats de fichiers ci-dessus, nous faisons référence au format de l’image d’origine que nous avons importée dans chaque outil.

Cloudinary vs imgix vs ImageKit vs Optimole: Comparaison détaillée

Cloudinary

Cloudinary offre une livraison et une optimisation à la demande pour les vidéos et les images. C’est le seul service de cette liste à prendre en charge les vidéos.

Cloudinary peut gérer vos actifs à partir du cloud. Ensuite, vous pouvez manipuler et optimiser dynamiquement vos actifs lorsque vous les livrez à votre site.

Principales caractéristiques

• Fournissez dynamiquement le format d’image le plus efficace à chaque visiteur.
• Ajustez automatiquement les niveaux de compression pour garantir la qualité.
• Redimensionnez et recadrez les images lorsque vous les envoyez.
• Manipuler dynamiquement des images.
• Fournissez des actifs à partir de plusieurs CDN, notamment Akamai, Fastly et CloudFront (Cloudinary peut choisir automatiquement le CDN optimal).
• Prise en charge WebP.
• Optimisez et manipulez les vidéos.
• Plugin WordPress dédié, bien que vous puissiez l’utiliser avec n’importe quel site Web.

Facilité d’utilisation / configuration

Pour vous aider à utiliser Cloudinary sur WordPress, l’équipe propose un plugin officiel. Avec le plugin, vous pouvez vous connecter à votre compte Cloudinary en entrant votre URL de variable d’environnement.

Une fois connecté, vous avez terminé! Cloudinary synchronisera automatiquement votre bibliothèque multimédia WordPress et commencera à optimiser / livrer vos images pour vous.

Tarification

Cloudinary utilise un système de crédit pour sa facturation, ce qui le rend un peu plus compliqué que les autres outils.

Un crédit vous donne droit à une du suivant:

• 1000 transformations d’images
• OU 1 Go de stockage géré
• OU 1 Go de bande passante de visualisation nette
• OU 500 secondes de traitement vidéo

Par exemple, si vous avez besoin de 1 000 transformations d’images et 1 Go de bande passante, cela vous coûterait deux crédits (un crédit pour chacun).

Voici les plans:

• Gratuit – 25 crédits par mois gratuits
• Plus – 225 crédits par mois pour 89 $
• Avancée – 600 crédits par mois pour 224 $

imgix

Pour décrire imgix, je vais me tourner vers le sous-titre de leur page d’accueil:

imgix transforme, optimise et met en cache intelligemment l’intégralité de votre bibliothèque d’images pour des sites Web et des applications rapides à l’aide de paramètres URL simples et robustes.

Il n’y a pas grand chose à ajouter à cela!

Principales caractéristiques

• Compressez dynamiquement les images et convertissez-les dans des formats optimaux (comme WebP).
• Redimensionner automatiquement les images en fonction du navigateur et de la résolution d’un utilisateur.
• Ajoutez des filigranes ou d’autres ajouts.
• Générez des superpositions de texte.
• Prise en charge WebP.
• Livrez des images via un CDN.

Facilité d’utilisation / configuration

Malheureusement, imgix est le seul outil de cette liste à ne pas proposer de plugin WordPress dédié ou de documentation WordPress dédiée.

Alors que j’ai pu configurer tous les autres outils en quelques minutes, imgix m’a pris un peu de temps pour comprendre et me mettre au travail. Finalement, j’ai compris que ce n’était pas si difficile, mais le manque de plugin WordPress officiel ou de documentation WordPress rendait la tâche plus difficile que nécessaire.

Pour commencer, vous devez vous inscrire à un compte imgix. Ensuite, vous pouvez ajouter l’URL de votre site WordPress comme source.

Lorsque vous ajoutez votre source, vous pourrez également spécifier votre domaine imgix, d’où vos images seront servies.

Ensuite, vous pouvez utiliser le tiers géré Images via le plugin imgix qui, même s’il n’a pas été mis à jour depuis trois ans, semble toujours fonctionner.

Tarification

Contrairement à tous les autres outils, imgix propose une tarification au fur et à mesure en fonction de votre utilisation.

Vous paierez 3 USD pour 1 000 images principales accessibles chaque mois, plus 0,08 USD par Go de bande passante CDN que vous utilisez.

Par exemple, si vous accédez à 2 000 images principales et transférez 3 Go de bande passante, votre facture mensuelle serait de 6,24 $.

Qu’est-ce qu’une «image principale accessible»? Chaque image que vous téléchargez sur imgix est une image principale, mais imgix ne vous facture que les images auxquelles vous accédez chaque mois. Autrement dit, les images que vous devez fournir aux visiteurs.

Par exemple, si vous avez 3 000 images, mais que les visiteurs n’en voient que 2 000 en un mois, vous ne serez facturé que pour les 2 000 images (plus votre bande passante).

ImageKit

ImageKit est un autre outil qui offre une optimisation et des manipulations d’images en temps réel. Vous pouvez transformer une seule image principale en utilisant différents paramètres et ImageKit fournira également automatiquement une image optimisée pour chaque utilisateur individuel.

Principales caractéristiques

• Mettre à l’échelle et compresser automatiquement les images en fonction de l’appareil de chaque visiteur.
• Fournissez des images via Amazon CloudFront CDN.
• Manipuler dynamiquement des images.
• Prise en charge WebP.
• Plugin WordPress dédié, bien que vous puissiez l’utiliser avec n’importe quel site Web.

Facilité d’utilisation / configuration

Pour commencer, vous devez vous inscrire à un compte ImageKit. Ensuite, vous devrez configurer votre site WordPress comme une «origine» dans votre compte ImageKit.

Une fois que vous avez ajouté votre site WordPress comme origine, vous obtiendrez un URL du point de terminaison. Pour utiliser cette URL, vous pouvez installer le plugin officiel ImageKit WordPress et le coller dans l’URL du point de terminaison.

À partir de là, ImageKit gérera automatiquement la diffusion et l’optimisation des images de votre site.

Tarification

ImageKit propose un forfait gratuit pour toujours qui permet jusqu’à 20 Go de bande passante par mois.

Si vous devez dépasser cela, le forfait le moins cher est de 49 $ par mois pour un maximum de 40 Go. Au-delà, vous paierez 9 $ pour chaque 20 Go supplémentaires.

Il existe également des frais uniques pour certaines fonctionnalités. Par exemple, vous paierez 50 $ une seule fois si vous souhaitez utiliser un nom de domaine personnalisé.

Optimole

Contrairement aux autres outils qui vous permettent également de manipuler des images, Optimole se concentre principalement sur l’optimisation d’images (bien qu’il offre une certaine manipulation, comme l’ajout d’un filigrane).

Vous pouvez optimiser automatiquement vos images avec la compression, le redimensionnement et les formats (par exemple, la conversion en WebP).

Optimole fournira également automatiquement la taille d’image optimale pour chaque visiteur et il peut vous aider à mettre en œuvre d’autres techniques telles que le chargement paresseux intelligent.

Remarque: Optimole est une création de la société sœur de ThemeIsle.

Principales caractéristiques

• Redimensionnez automatiquement les images en fonction de l’appareil de chaque visiteur.
• Compressez automatiquement les images – vous pouvez choisir différents niveaux de compression.
• Servir des images via Amazon CloudFront CDN (plus de 200 emplacements).
• Bande passante non mesurée.
• Chargement paresseux intelligent pour accélérer les temps de chargement des pages initiales.
• Prise en charge WebP.
• Plugin WordPress dédié, bien que vous puissiez l’utiliser avec n’importe quel site Web.
• Ajoutez des filigranes aux images.

Facilité d’utilisation / configuration

Optimole propose un plugin WordPress dédié. Une fois le plugin installé, il vous suffit de saisir votre clé API Optimole.

Optimole synchronisera automatiquement votre bibliothèque multimédia, optimisera vos images et les livrera via le CDN CloudFront. Vous pouvez être opérationnel en moins d’une minute.

Tarification

Optimole propose un plan gratuit pour toujours, ainsi qu’un certain nombre de plans premium.

Le plan gratuit prend en charge environ 5 000 visiteurs par mois et comprend toutes les fonctionnalités, à l’exception de la possibilité d’utiliser un nom de domaine personnalisé.

Les plans payants commencent à 19 $ par mois pour un maximum de 25 000 visites.

Tous les plans sont livrés avec une bande passante non mesurée.

Dernières pensées

ImageKit et imgix ont également fait une grande différence dans l’optimisation d’image et offrent une manipulation d’image dynamique. Cependant, ils ne sont pas aussi faciles à utiliser pour les utilisateurs réguliers et restent un peu en retard sur Optimole et Cloudinary dans l’expérience globale.

Si vous cherchez d’autres moyens d’optimiser les images de votre site Web, vous pouvez également envisager les publications suivantes:

Avez-vous des questions sur le choix entre Cloudinary vs imgix vs ImageKit vs Optimole? Demandez-nous dans les commentaires!