Cloudimage.io: images mises en cache, recadrées, redimensionnées ou filigranées en tant que service
Récemment, j'ai beaucoup travaillé sur ce site pour accélérer le processus. J'ai supprimé une tonne de pièces mobiles pour simplifier la monétisation et l'intégration, mais la vitesse du site est encore trop lente. Je suis convaincu que cela a un impact sur mon lectorat et mon Recherche Organique atteindre. Après avoir sollicité l'aide de mon ami, Adam Small, qui opère un rapide éclair plateforme de marketing immobilier, le premier élément qu'il a souligné était que j'avais de très grandes images chargées dans la barre latérale de mon podcast.
C'était déconcertant car les images proviennent d'un site tiers sur lequel j'ai peu de contrôle. Idéalement, j'aurais adoré les avoir recadrées et mises en cache localement, mais j'aurais ensuite dû écrire une intégration assez complexe. Sans oublier que, même avec une intégration solide, le temps qu'il faudrait pour télécharger et redimensionner les images serait horrible. Donc, après avoir fait quelques recherches en ligne, j'ai trouvé le service parfait - Cloudimage.io
Caractéristiques de Cloudimage.io
- Lors du premier chargement d'image, Cloudimage télécharge votre image d'origine pour votre serveur / compartiment S3 et la met en cache sur leur infrastructure de redimensionnement.
- Cloudimage.io peut éventuellement redimensionner, recadrer, encadrer, filigrane et compresser l'image pour la rendre réactive et vous faire gagner du temps.
- Vos images sont livrées à vos clients à la vitesse de la lumière via des CDN rapides, ce qui se traduit par une meilleure conversion et plus de ventes.
Pour ma mise en œuvre, j'avais un flux de podcast dans lequel je voulais afficher les images de podcast à seulement 100px par 100px mais, souvent, les images originales étaient énormes (en dimension et en taille de fichier). Ainsi, avec Cloudimage, nous pouvons simplement ajouter l'URL de l'image à l'API Cloudimage, et l'image est parfaitement redimensionnée et mise en cache.
https://ce8db294c.cloudimg.io/surgir/100 x 100 / x /https://images.fireside.fm/podcasts/images/c/c5d9b182-9c16-43a8-873d-ccc51c40dd8b/episodes/b/b638ca26-7bd9-4f6a-b039-99792720ff4a/cover.jpg
Notez l'URL complète:
- Sous-domaine de jeton vers CloudImage
- Commande pour recadrer l'image
- Dimensions définies sur 100 px par 100 px
- Mon chemin de fichier d'origine
J'ai également pu verrouiller mes URL où je pouvais utiliser l'API Cloudimage afin que d'autres ne puissent pas la voler. En quelques minutes, j'avais la solution prête et dans l'heure, j'avais implémenté la solution dans notre Flux de podcast Widget.