Solutions d'images Cloudflare pour l'optimisation

Bonjour, Antoine Brousseau sur le chaîne Ingenier. Je vais vous montrer les deux systèmes ici dans cette vidéo de gestion des images et de délivrerie des images et en quoi elles diffèrent et leur pricing. Alors premièrement, je vais vous montrer le système de Image Transformation. Donc là, j'ai mon image originale que je sers à travers Cloudflare. Donc une image qui fait 1300 pixels de large pour 712 de hauteur. Et donc ce que me permet de faire transform, vous voyez ici, quand j'appelle cdn-cgi-images, je vais pouvoir passer des paramètres. Donc par exemple ici, j'ai le paramètre 800, mais je vais mettre pour l'exemple 400. Donc là, je viens de faire en fait une transformation et on voit que l'image fait 32 kilo-octets. Alors je peux faire tout un tas de transformations. Ici, j'ai changé la largeur, scale down, j'ai fait un changement de format, j'ai laissé Cloudflare choisir le format et j'ai aussi baissé la qualité. Il est tout à fait possible de réécrire cette URL pour qu'elle vous convienne, il n'y a pas de souci. Donc on va partir du principe pour le pricing que les images sont stockées en dehors de Cloudflare, donc sur un S3 par exemple. Et la façon dont le pricing fonctionne, donc les 5000 premières transformations par mois sont incluses, et après c'est 50 centimes par tranche de 1000 transformations par mois. Alors qu'est-ce qu'on entend par transformation ? Donc ici, dans ce schéma, on a des images qui sont stockées dans un bucket S3 ou dans R2 dans Cloudflare. Même si les images sont stockées dans R2, c'est considéré en dehors de Cloudflare. Vous allez comprendre tout à l'heure quand on va parler de l'autre système. Donc imaginons qu'ici, j'ai un utilisateur ou plusieurs utilisateurs qui font la requête de hello.jpeg avec une demande de transformation de 300 pixels. Donc la requête arrive sur Cloudflare. Cloudflare va regarder si cette transformation a déjà été effectuée pendant le mois en cours. Ici, ce n'est pas le cas puisque c'est la première fois. Donc on va payer, ça va compter pour une transformation. Ensuite, le même utilisateur ou un autre utilisateur redemande la même transformation, la même URL, width égale 300. Donc cette transformation, elle a déjà été effectuée dans les 30 derniers jours puisqu'on l'a faite ici. Et là, peu importe si c'est en cash ou pas côté Cloudflare, vous n'allez pas la payer puisqu'elle a déjà été effectuée une fois. Maintenant, j'ai un autre utilisateur ou le même utilisateur qui demande la même image mais avec une transformation différente. Ici, une autre taille, 800. Donc cette transformation, est-ce qu'elle a déjà été effectuée pendant les 30 derniers jours sur Cloudflare ? Non. Donc celle-ci est facturable. Donc prenons un exemple. Ici, imaginons qu'on a 128 millions de requêtes totales d'images par mois. Et que sur ces 128 millions de requêtes, on a 18 millions à peu près de transformations uniques. Donc on a 18 millions de requêtes, de transformations. On a 5000 transformations gratuites. Les transformations pré-publics catalogues coûtent 50 centimes par bloc de 1000 transformations. Donc ce qui nous font 18 millions, ce n'est pas une grande différence, 18 millions de transformations facturables. et donc si on prend le nombre de transformations facturables combien il n'y en a pas, il y a de paquets de 1000, multiplié par 50 centimes, ce qui nous fait 9181 dollars par mois. Maintenant, il y a un deuxième système. On a vu un premier système qui est la transformation des images, qu'on va retrouver ici dans notre application. Et il y a un deuxième système qui s'appelle Hosted Images, qui va être différent, qui fait qu'ici, en fait, on va stocker les images sur la plateforme. Donc ici, je les ai uploadées ici. On va pouvoir aussi les importer depuis S3, si besoin, directement en SOTT. Mais attention, ici, les images ne viennent pas, on ne peut pas connecter à un S3. On peut connecter à un S3, mais il faut les importer. On les importe quelque part ici, dans ce système d'images. Maintenant, si on regarde une image en particulier, donc voilà, j'ai mon image originale qui fait 1366 pixels de large. Et vous voyez ici que j'ai une variation de 300 par 300. Ici, dans ce système, on va devoir dire à Cloudflare quelles sont les variations que je souhaite avoir. Donc ici, je vais par exemple créer une variation que je vais appeler 400 par 400. Je vais mettre 400 par 400. Et je peux ajouter tout un tas de transformations aussi, d'autres, en dehors de la taille, notamment du watermarking, etc. Mais ici, je vais laisser 400 par 400. Et donc ici, je vais pouvoir créer un nombre de variations qui va être limité à 100, sans variations ici disponibles dans le compte. Maintenant, si je visite une de mes images, j'ai une nouvelle variation. Donc j'ai toujours mon image originale, la 300 par 300 et la 400 par 400. Donc on a maintenant des URL distinctes. Donc si je prends la 400 par 400, je la copie. Vous voyez ici, on a la 400 par 400. Ici, dans l'URL, je peux mettre le nom de ma transformation. Donc là, j'ai mis 300 par 300. Je peux revenir à 400 par 400. Maintenant, au niveau de la tarification. Donc dans ce schéma, j'ai fait un schéma pour vous expliquer comment ça fonctionne et ce qu'on va facturer. Donc on va facturer le nombre d'images que vous allez stocker dans ce système. Images stockées ici par mois. Pas au poids, au nombre d'images. Le nombre de variations ne vous est pas facturé, mais vous êtes limité à 100 variations dans le compte. Et ce qu'on va facturer aussi, c'est l'appel, le nombre d'images qui sont appelées à travers ce service. Donc ici, WITS 300 demandées une fois et facturées. WITS 600 une fois, 800 une fois. Et si on a encore WITS 300, on est aussi encore facturées. Alors au niveau de la facturation, donc le prix catalogue, encore une fois, le prix catalogue, c'est 5 dollars pour 100 000 images stockées par mois et 1 dollar pour 100 000 images livrées par mois. Donc prenons par exemple, 10 millions d'images stockées sur ce système avec maximum, il faut que le maximum des images pourraient être acceptées face à maximum 10 mégas octets par image. Donc ce qui nous fait un coût de stockage de 500 dollars par mois. Et donc maintenant, pour le nombre d'images délivrés, là j'ai pris 128 millions d'images et donc à 1 dollar les 100 000 images livrées par mois, ça nous fait 1280. Pour un prix total stockage et livraison de 1780. Alors la différence des deux systèmes, on a un système où on doit stocker les images dans Cloudflare et où les les transformations en fait sont fixes, sont décidées à l'avance avec 100 transformations différentes, un type de transformation différentes et un autre modèle qui est plus flexible en termes de type de transformation et aussi là où sont stockées les images. J'espère que cette explication a été claire. à disposition pour toute question. Merci. Merci.