Bildkomprimierungs-API-Antwort-Simulator
Füge eine beliebige Bild-URL ein, um zu simulieren, wie JPEG, WebP und AVIF als API-Antworten abschneiden würden. Sieh exakte komprimierte Größen, prozentuale Ersparnis gegenüber JPEG und Bandbreiten-Ersparnis pro 1K bis 1M Seitenaufrufe – alles lokal in deinem Browser berechnet. Ohne Anmeldung, dein Bild verlässt dein Gerät nie.
The image URL must be served with CORS headers. Most CDNs (Cloudinary, Imgix, Unsplash, Cloudflare Images) support this. Direct links to images on social media or private servers may not work.
Warum unseren Bildkomprimierungs-API-Antwort-Simulator verwenden?
- Sofortige API-Antwort-Simulation: Füge eine beliebige Bild-URL ein und sieh sofort, wie JPEG, WebP und AVIF auf der gewählten Qualitätsstufe abschneiden würden. Der Bildkomprimierungs-API-Antwort-Simulator ruft das Bild ab, kodiert es in allen drei Formaten neu und zeigt die Ergebnisse in Sekunden – kein Server nötig.
- Sicherer Bildkomprimierungs-Simulator online: Deine Bilddaten verlassen dein Gerät nie. Der API-Antwort-Simulator ruft das Bild in den Speicher deines Browsers ab und verarbeitet die gesamte Kodierung lokal mit der HTML5-Canvas-API – kein Cloud-Upload, keine Datenhaltung und kein Drittzugriff.
- Bandbreiten-Ersparnis-Rechner: Der Bildkomprimierungs-API-Antwort-Simulator berechnet die exakte Bandbreiten-Ersparnis pro 1K, 10K, 100K und 1M Seitenaufrufe. Sieh, wie viele Daten du einsparen würdest, wenn du von JPEG auf WebP oder AVIF über dein gesamtes Traffic-Volumen umsteigst.
- Teste jede CDN-Bild-URL – 100 % kostenlos: Teste Bilder von Cloudinary, Imgix, Cloudflare Images, Unsplash oder jedem CDN, das CORS-fähige Bilder ausliefert. Der Bildkomprimierungs-API-Antwort-Simulator ist 100 % kostenlos, ohne Anmeldung, ohne Dateigrößenbeschränkungen und ohne Wasserzeichen auf heruntergeladenen Ausgaben.
Was ist ein Bildkomprimierungs-API-Antwort-Simulator?
Ein Bildkomprimierungs-API-Antwort-Simulator ist ein Tool, das ein Bild von einer URL abruft und es in mehreren Formaten neu kodiert – JPEG, WebP und AVIF –, um zu zeigen, was eine Bildtransformations-API für jedes Format auf einer bestimmten Qualitätsstufe zurückgeben würde. Es beantwortet die Frage: „Wenn meine Bild-API dieses Bild als WebP statt als JPEG ausliefern würde, wie viel kleiner wäre es, und wie viel Bandbreite würde ich über meinen Traffic einsparen?“ Unser Simulator läuft vollständig in deinem Browser und nutzt die HTML5-Canvas-API, um das abgerufene Bild lokal ohne serverseitige Verarbeitung zu kodieren.
So funktioniert unser Bildkomprimierungs-API-Antwort-Simulator
- Gib eine Bild-URL ein: Füge eine beliebige öffentlich zugängliche Bild-URL in das Eingabefeld ein. Die URL muss mit CORS-Headern ausgeliefert werden – die meisten CDNs (Cloudinary, Imgix, Cloudflare Images, Unsplash) unterstützen dies. Klicke auf „Simulieren“ oder probiere eine der Beispiel-URLs aus, um sofort zu starten.
- Sofortige browserbasierte Verarbeitung: Der Simulator ruft das Bild über eine CORS-fähige Bildanfrage in deinen Browser ab, zeichnet es auf ein HTML5-Canvas und kodiert es als JPEG, WebP und AVIF auf der gewählten Qualitätsstufe neu. Alles läuft lokal – deine Bilddaten verlassen dein Gerät nie.
- Ergebnisse und Bandbreitentabelle ansehen: Sieh die komprimierte Dateigröße für jedes Format, die prozentuale Ersparnis gegenüber JPEG und eine Bandbreiten-Ersparnistabelle, die zeigt, wie viele Daten du pro 1K, 10K, 100K und 1M Seitenaufrufe einsparen würdest. Lade beliebige Format-Ausgaben direkt aus den Ergebnissen herunter.
Was der Simulator misst
- Dateigröße pro Format: Die exakte Byte-Größe des als JPEG, WebP und AVIF kodierten Bildes auf der gewählten Qualitätsstufe – dieselbe Ausgabe, die deine Bild-API für jedes Format zurückgeben würde.
- Ersparnis gegenüber JPEG: Die prozentuale Reduzierung der Dateigröße im Vergleich zu JPEG bei derselben Qualitätseinstellung – die Hauptmetrik zur Bewertung einer Formatmigration.
- Bandbreite pro Seitenaufruf-Stufe: Gesamt übertragene Bytes für 1K, 10K, 100K und 1M Seitenaufrufe, unter der Annahme eines Bildladevorgangs pro Seitenaufruf. Nützlich zur Schätzung der CDN-Bandbreitenkosten.
- Bandbreiten-Ersparnis: Die Differenz der Gesamtbytes zwischen JPEG und WebP/AVIF auf jeder Seitenaufruf-Stufe – der konkrete Datenpunkt für ROI-Berechnungen bei einem Formatmigrationsprojekt.
CORS-Anforderungen und Einschränkungen
Der Bildkomprimierungs-API-Antwort-Simulator nutzt das native Bildladen des Browsers mit crossOrigin="anonymous", um Bilder abzurufen. Dies erfordert, dass der Bildserver Access-Control-Allow-Origin: * in seinen Antwort-Headern enthält. Die meisten CDNs und Bildhosting-Dienste unterstützen dies. Direkte Links zu Bildern auf Social-Media-Plattformen, privaten Servern oder Diensten, die Cross-Origin-Anfragen blockieren, schlagen mit einem CORS-Fehler fehl. Wenn du auf einen CORS-Fehler stößt, versuche, das Bild auf ein CDN wie Cloudinary oder Imgix hochzuladen und diese URL stattdessen zu verwenden.
Häufig gestellte Fragen
Der Bildkomprimierungs-API-Antwort-Simulator ruft ein Bild von einer URL ab und kodiert es als JPEG, WebP und AVIF neu, um zu zeigen, was eine Bildtransformations-API für jedes Format zurückgeben würde. Er berechnet außerdem die Bandbreiten-Ersparnis pro 1K bis 1M Seitenaufrufe. Die gesamte Verarbeitung erfolgt in deinem Browser – keine Server-Uploads nötig.
Der Simulator ist darauf ausgelegt, Bilder so zu testen, wie sie von einer Bild-API oder einem CDN ausgeliefert würden – mithilfe einer URL, genau wie ein Browser sie anfordern würde. So kannst du deine echten Produktionsbilder direkt von deinem CDN testen, ohne sie herunter- und erneut hochzuladen.
Ja, vollständig. Der Simulator ruft das Bild in den Speicher deines Browsers ab und verarbeitet die gesamte Kodierung lokal mit der HTML5-Canvas-API. Deine Bilddaten werden nie auf einen Server hochgeladen, nie in der Cloud gespeichert und nie an Dritte übertragen.
Ja. Der Simulator ist 100 % kostenlos, ohne Anmeldung, ohne Abonnement, ohne Nutzungsgrenzen und ohne Wasserzeichen auf heruntergeladenen Dateien.
Der Simulator verwendet eine CORS-fähige Bildanfrage, die erfordert, dass der Bildserver Access-Control-Allow-Origin-Header enthält. Die meisten CDNs (Cloudinary, Imgix, Cloudflare Images, Unsplash) unterstützen dies. Bilder auf Social-Media-Plattformen oder privaten Servern schlagen fehl.
Die Bandbreitenberechnung basiert auf den exakten komprimierten Dateigrößen, die der Canvas-Encoder deines Browsers auf der gewählten Qualitätsstufe erzeugt. Die Tabelle geht von einem Bildladevorgang pro Seitenaufruf aus. Die tatsächliche CDN-Ersparnis hängt von der Browserverteilung deiner Nutzer und den Cache-Trefferraten ab.
Die AVIF-Kodierung über die HTML5-Canvas-API wird in Chrome und Firefox unterstützt, in Safari jedoch Stand 2025 nicht. Probiere den Simulator in Chrome oder Firefox, um AVIF-Ergebnisse zu sehen.
Für eine realistische Simulation dessen, was eine Bild-API ausliefern würde, verwende 75–85 % Qualität – das ist der Bereich, den die meisten Bild-APIs für JPEG und WebP standardmäßig verwenden. Für aggressive Komprimierung verwende 60–75 %.
Ja. Jede Formatkarte hat eine Download-Schaltfläche, die die komprimierte Ausgabe direkt auf deinem Gerät speichert. Der Dateiname enthält den Formatnamen und die Qualitätsstufe zur einfachen Identifizierung.