Der ArrayKit Bild-Optimierer kodiert ein Bild als JPEG, WebP oder PNG mit einstellbarer Qualität neu und kann die Breite begrenzen, sodass du Bilder ohne schwerfällige Desktop-Software komprimierst und skalierst. Ziehe ein Foto oder einen Screenshot hinein, wähle ein Format, ziehe am Qualitätsregler und sieh sofort die Originalgröße, die optimierte Größe und die prozentuale Ersparnis. Er dient auch als schnelle JPEG-Komprimierung oder WebP-Konverter, wann immer du die Bildgröße für schnellere Seitenladezeiten, leichtere E-Mail-Anhänge oder kleinere App-Pakete reduzieren musst. Entwickler, Designer, Blogger und QA-Tester können Assets verkleinern, bevor sie sie committen oder einen Build ausliefern. Alles wird lokal in deinem Browser mit der Canvas-API verarbeitet, sodass deine Daten dein Gerät nie verlassen und nichts auf einen Server hochgeladen wird.
Funktionen
Neukodierung in JPEG, WebP oder PNG aus einer einzelnen Quelldatei
Einstellbarer Qualitätsregler von 10 % bis 100 % für JPEG und WebP
Optionale Maximalbreite, die unter Beibehaltung des Seitenverhältnisses skaliert
Anzeige der Größe vor und nach mit der exakten prozentualen Änderung
Live-Vorschau des optimierten Bildes samt Ausgabeabmessungen
Beim Export nach JPEG wird automatisch ein weißer Hintergrund gefüllt
Ein-Klick-Download mit automatisch benannter -optimized-Datei
Die gesamte Verarbeitung läuft lokal im Browser über die Canvas-API
So verwendest du Bildoptimierer
Ziehe ein Bild auf die Ablagefläche oder klicke, um eine Datei auszuwählen.
Wähle ein Ausgabeformat: JPEG, WebP oder PNG.
Ziehe am Qualitätsregler und lege bei Bedarf eine Maximalbreite in Pixel fest.
Klicke auf Optimieren, um neu zu kodieren und Original- und optimierte Größe zu vergleichen.
Klicke auf Download, um das optimierte Bild auf deinem Gerät zu speichern.
Neukodierung eines großen PNG nach WebP bei 80 % Qualität mit einer Breitenbegrenzung von 1200px.
Häufige Fehler & Fehlerbehebung
Eine TIFF- oder andere exotische Datei zeigt "Bild konnte nicht verarbeitet werden". — Der Optimierer nutzt den Bild-Decoder des Browsers, der Formate wie TIFF nicht lesen kann. Konvertiere die Datei zuerst nach PNG oder JPEG und optimiere dann.
Die optimierte Datei ist größer als das Original. — Ein bereits komprimiertes JPEG nach PNG neu zu kodieren kann die Datei vergrößern. Wähle JPEG oder WebP oder senke den Qualitätsregler, um die Größe wirklich zu reduzieren.
Der Qualitätsregler ist verschwunden. — PNG ist verlustfrei und hat keine Qualitätseinstellung, daher erscheint der Regler nur für JPEG und WebP.
Ein transparentes PNG wird nach dem Export als JPEG weiß. — JPEG kennt keine Transparenz, daher wird ein weißer Hintergrund gefüllt. Bleibe bei WebP oder PNG, wenn du Transparenz erhalten musst.
Häufig gestellte Fragen
Was ist der ArrayKit Bild-Optimierer?
Es ist ein Tool im Browser, das ein Bild bei selbst gewählter Qualität als JPEG, WebP oder PNG neu kodiert, es optional skaliert und Originalgröße, optimierte Größe sowie prozentuale Ersparnis anzeigt, damit du Bilder vor der Veröffentlichung verkleinern kannst.
Wie komprimiere ich ein Bild, ohne zu viel Qualität zu verlieren?
Beginne bei 80 % Qualität in JPEG oder WebP und prüfe die Live-Vorschau. WebP liefert für Fotos bei gleicher Qualität meist die kleinste Datei; senke den Regler nur weiter, wenn die Vorschau noch akzeptabel aussieht.
Ändert der Bild-Optimierer die Abmessungen?
Nur wenn du eine Maximalbreite festlegst. Lass das Feld leer, um die Originalauflösung zu behalten; andernfalls wird das Bild proportional auf diese Breite verkleinert, wobei das Seitenverhältnis erhalten bleibt.
Warum ist meine optimierte Datei manchmal größer als das Original?
Ein bereits komprimiertes Bild neu zu kodieren, besonders nach PNG, kann die Größe erhöhen. Wechsle zu JPEG oder WebP und senke den Qualitätsregler, um echte Einsparungen zu erzielen.
Welches Format liefert die kleinste Bilddatei?
WebP gewinnt meist bei Fotos, während PNG bei flächigen Grafiken und allem mit Transparenz am besten ist. JPEG ist ein solider Mittelweg für Fotos, wenn WebP keine Option ist.
Werden meine Bilder irgendwohin hochgeladen, wenn ich den Bild-Optimierer nutze?
Nein. Der Bild-Optimierer dekodiert und kodiert alles lokal in deinem Browser, sodass deine Bilder dein Gerät nie verlassen und nichts auf einen Server hochgeladen wird.
Verwandte Tools
Bildformat-Konverter — Konvertiere Bilder zwischen PNG, JPEG und WebP – vollständig in deinem Browser.
EXIF-Viewer & -Entferner — Zeige EXIF-Metadaten (inkl. GPS) von Fotos an und entferne sie; nichts wird hochgeladen.
SVG-Optimierer — Minimiere SVG: entferne Kommentare, Metadaten und Editor-Reste und reduziere Leerzeichen.
Bild zu PDF — Kombiniere Bilder zu einem einzigen PDF (automatisch / Hochformat / Querformat).
PDF zu Bildern — Konvertiere PDF-Seiten in herunterladbare PNG- oder JPG-Bilder.
PDF komprimieren — Verkleinere ein PDF, indem jede Seite mit gewählter Qualität und Auflösung als JPEG neu gerendert wird.
Open-Graph-Generator — Erzeuge Open-Graph- und Twitter-Meta-Tags mit Vorschau der Social-Card.
QR-Code-Generator — Erzeuge einen QR-Code aus Text oder einer URL; lade ihn als PNG oder SVG herunter.
Weitere Bilder-Tools
Bildformat-Konverter — Konvertiere Bilder zwischen PNG, JPEG und WebP – vollständig in deinem Browser.
EXIF-Viewer & -Entferner — Zeige EXIF-Metadaten (inkl. GPS) von Fotos an und entferne sie; nichts wird hochgeladen.
Base64-Bild-Encoder / -Decoder — Wandle Bilder in Base64-Data-URIs mit HTML- und CSS-Snippets um oder decodiere einen Data URI in ein herunterladbares Bild.
App-Icon-Generator — Verwandle ein Bild in jede iOS-, macOS- und Android-App-Icon-Größe — als ZIP, in deinem Browser.
Sprite-Sheet-CSS-Animation — Ein sprite sheet in eine kopierfertige CSS-steps()-Animation mit Live-Vorschau verwandeln.
SVG zu PNG — SVG-Markup oder eine .svg-Datei in jeder Skalierung zu PNG oder JPG rastern.
Bild-Farbwähler — Über ein Bild fahren und einen Pixel als HEX, RGB und HSL greifen.
Color Format Converter — Jede CSS-Farbe zugleich zu HEX, RGB, HSL, OKLCH und mehr konvertieren.
Barcode Generator — EAN-, UPC-, Code 128- und ITF-14-Barcodes erzeugen und als SVG oder PNG laden.
Bild-Farbpaletten-Extractor — Extrahiere die dominante Farbe und eine Palette als HEX, RGB, HSL, CSS und Tailwind.