Kostenlose Bildoptimierung avif webp mit Cloudflare Images + proxy-go

Cloudflare Images bietet 5.000 kostenlose Konvertierungen pro Monat


Abonnement: https://www.cloudflare.com/developer-platform/products/cloudflare-images/ , anmelden, links auf "Bilder-Übersicht" gehen und Self-Storage auswählen

Links aktiviert „Bilder-Konvertierung“ die zu verwendenden Domänen. Dies entspricht dem ursprünglichen Domänennamen des Bildes und dem Stammdomänennamen des Online-Konvertierungslinks. Der Domänenname muss auf Cloudflare gehostet sein.

Hier können Sie den Spleißlink verwenden, um das Bild zu optimieren. Beispiel: Ihr aktivierter Domänenname lautet https://test.com (Cloudflare CDN muss aktiviert sein. Wenn der Stammdomänenname nicht Cloudflares CDN verwendet, können Sie auch einen beliebigen Domänennamen der zweiten Ebene verwenden, z. B. https://anyone.test.com). Der Zugriffsdomänenname des Bildes lautet https://s3.test.com/666.jpg. Anschließend können Sie über den folgenden Link auf das optimierte Bild zugreifen: https://test.com/cdn-cgi/image/format=auto,metadata=none/https://s3.test.com/666.jpg. Stellen Sie proxy-go bereit. Wenn Sie nur den einfachsten Proxy benötigen, sollte dies auch mit Nginx möglich sein. Sie müssen auf die transparente Übertragung von Accept achten und das entsprechende Format auswählen, den Header CF-Image-Format: Auto hinzufügen und CSP löschen. Sie können KI finden, um es zu schreiben. Ich habe es nicht studiert, weil ich es nicht verwendet habe. Die Proxy-Go-Bereitstellung eignet sich besser für ausländische Server, die direkt mit Festlandrouten verbunden sind, da die Geschwindigkeit dadurch besser ist. Auch Alibaba Tencent Japan und Hongkong können dieser Anleitung zur Proxy-Go-Bereitstellungsmethode (https://q58.org/t/topic/165) folgen. Ein Teil des Bereitstellungsprojekts config.json ist wie folgt geschrieben

"MAP": { "/s3": { "Standardziel": "https://s3.test.com", "Erweiterungskarte": { "jpg,png,jpeg,webp": "https://test.com/cdn-cgi/image/format=auto,metadata=none/https://s3.test.com" } } }...

Proxy-Go Binden Sie den Domänennamen cdn.test.com ein. Anschließend kann auf das Bild wie folgt zugegriffen werden: https://cdn.test.com/s3/666.jpg Es stellt automatisch AVIF entsprechend der Browserumgebung des Benutzers und der Größe des komprimierten Bildes bereit. webp, JPEG usw.

Original-Effektbild:

Nach der Optimierung:

Warum nicht Avif?

Im Screenshot sehen Sie einen Satz: „warning:cf-images 299 „Bild zu groß für AVIF“. Da avif größer ist, wird die optimale Dateigröße verwendet, nämlich webp. Wenn avif oder webp größer als das Originalbild ist, wird das Originalbild verwendet. Beispielsweise werden einige JPEG-Dateien nach der Konvertierung größer. In diesem Fall wird das Originalbild verwendet. Wenn avif kleiner ist, wird avif verwendet.

Zum Beispiel:

Und, Cloudflare Bilder„Die Konvertierungsparallelität ist sehr hoch, es werden Dutzende oder Hunderte von Bildern gleichzeitig und fast ohne Verzögerung konvertiert, was großartig ist. Es ist besser als der webp-server-go (den ich entwickelt habehttps://q58.org/t/topic/134) ist viel einfacher zu verwenden und beansprucht keine Serverressourcen.

Der einzige Nachteil ist, dass es für 5.000 Besuche pro Monat kostenlos ist und Sie zahlen müssen, wenn Sie diesen Wert überschreiten. Für Einzelpersonen oder kleine Unternehmen sollte dieser Wert nicht überschritten werden. Denn nachdem ein einzelnes Bild erfolgreich konvertiert wurde, wird es nur einmal pro Monat gezählt. 5.000 Besuche bedeuten also 5.000 Bilder, nicht 5.000 Besuche.