Bilder ohne Qualitätsverlust optimieren
🤖/image/optimize reduziert die Größe von Bildern bei gleichbleibender visueller Qualität.

Mit diesem Robot können Sie die Dateigröße Ihrer JPEG-, PNG-, GIF-, WEBP- und SVG-Bilder bei großen Bildern um bis zu 80 % und bei kleinen bis mittelgroßen Bildern um bis zu 65 % reduzieren – bei unveränderter Originalqualität!
Dieser Robot senkt Ihre Storage- und Bandbreitenkosten und verbessert durch kürzere Ladezeiten bildintensiver Webseiten die Benutzererfahrung und Monetarisierung.
Zusammen mit 🤖/image/resize können Sie das volle Potenzial skalierter und optimierter Bilder auf Ihrer Website oder in Ihrer App nutzen.
Dieser Robot akzeptiert alle Bildtypen und leitet nicht unterstützte Bildtypen einfach unoptimiert weiter. Dazu gehören auch JPEG-XL-Bilder (.jxl), wenn kein kleineres optimiertes Ergebnis erzeugt werden kann. Daher müssen Sie hierfür keine Workflows mit 🤖/file/filter einrichten.
Für die PNG-Optimierung werden standardmäßig nur verlustfreie Kompressoren (optipng) verwendet. Um zusätzlich verlustbehaftete Komprimierung (pngquant) zu aktivieren, setzen Sie lossy: true. Ist sie aktiviert, konkurrieren verlustbehaftete und verlustfreie Kompressoren miteinander und das kleinste Ergebnis gewinnt. Dies kann bei manchen Bildern zu Farbverschiebungen führen.
Anwendungsbeispiel
Hochgeladene Bilder optimieren:
{
"steps": {
"optimized": {
"robot": "/image/optimize",
"use": ":original"
}
}
}Parameter
interpolateboolean | Record<string, boolean>Steuert, ob einzelne Robot-Anweisungsfelder Assembly Variables interpolieren.
Standardmäßig interpolieren die meisten Robot-Anweisungsfelder Assembly Variables. Mit dem Wert
falsebehandeln Sie alle Anweisungsfelder als Literaltext. Wenn Sie stattdessen einen einzelnen Feldpfad auffalsesetzen, wird nur dieses Feld als Literaltext behandelt. Bei Feldern eines bestimmten Robots, die standardmäßig als Literaltext behandelt werden, aktivieren Sie die Interpolation wieder, indem Sie hierfürtruefestlegen oder für den jeweiligen Feldpfad den Werttrueverwenden.Verwenden Sie Feldnamen wie
pathoder für verschachtelte Objekte Punktpfade wieffmpeg.vfals Pfadangabe.output_metaRecord<string, boolean> | boolean | Array<string>Damit können Sie eine Reihe von Metadaten festlegen, deren Berechnung mehr CPU-Ressourcen beansprucht. Sie sind daher standardmäßig deaktiviert, damit Ihre Assemblies schnell verarbeitet werden.
Für Bilder können Sie diesem Objekt den Eintrag
"has_transparency": truehinzufügen, um zu ermitteln, ob das Bild transparente Bereiche enthält. Mit dem Eintrag"dominant_colors": truekönnen Sie außerdem ein Array mit hexadezimalen Farbcodes aus dem Bild extrahieren.Für Bilder können Sie auch den Eintrag
"blurhash": truehinzufügen, um einen BlurHash zu extrahieren – eine kompakte Darstellung eines Platzhalters für das Bild, mit der Sie eine unscharfe Vorschau anzeigen können, während das vollständige Bild geladen wird.Für Videos können Sie den Parameter
"colorspace": truehinzufügen, um den Farbraum des Ausgabevideos zu extrahieren.Für Videos können Sie außerdem den Eintrag
"interlaced": truehinzufügen, um zu erkennen, ob das Video im Zeilensprungverfahren vorliegt. Dazu wird die ressourcenschonende ffprobe-Optionfield_ordermit einem begrenzten Stichprobendurchlauf mithilfe vonidetüber die ersten Frames der Quelle kombiniert. Die Ergebnisseinterlacedundfield_ordersowie das Diagnoseobjektinterlace_detectionwerden dabei unterfile.metaausgegeben. Dies ist rechenintensiv und wird entsprechend abgerechnet.Für Audio können Sie den Eintrag
"mean_volume": truehinzufügen, um einen einzelnen Wert für die durchschnittliche Lautstärke der Audiodatei zu erhalten.Sie können diesen Parameter auch auf
falsesetzen, um die Metadatenextraktion zu überspringen und das Transcoding zu beschleunigen.user_metaRecord<string, any>(Standard:{})Fügt jeder von diesem Robot ausgegebenen Datei benutzerdefinierte Metadaten hinzu, ohne den Dateiinhalt zu verändern.
Die Werte werden mit allen bereits in der Eingabedatei enthaltenen
user_metazusammengeführt. Wenn beide Objekte denselben Schlüssel enthalten, hat der Wert dieses Robots Vorrang. Assembly Variables werden unterstützt, zum Beispiel{ "internal_file_id": "${file.id}" }.resultboolean(Standard:false)Ob die Ergebnisse dieses Steps im Assembly Status JSON enthalten sein sollen
queuebatchWenn Sie die Queue auf „batch“ setzen, wird die Priorität der Jobs für diesen Step manuell herabgestuft. So vermeiden Sie, Priority Job Slots für Jobs zu belegen, die keine Wartezeit von null in der Queue benötigen.
force_acceptboolean(Standard:false)Erzwingt, dass ein Robot einen Dateityp akzeptiert, den er sonst ignorieren würde.
Standardmäßig ignorieren Robots Dateien, deren Typ sie nicht kennen. 🤖/video/encode ignoriert beispielsweise problemlos Eingabebilder.
Wenn Sie den Parameter
force_acceptauftruesetzen, können Sie erzwingen, dass Robots alle übergebenen Dateien akzeptieren. Dies führt in der Regel zu Fehlern und sollte nur zur Fehlersuche oder zur Behandlung von Grenzfällen verwendet werden.ignore_errorsboolean | Array<meta | execute>(Standard:[])Fehler in bestimmten Verarbeitungsphasen ignorieren.
Wenn Sie hierfür
["meta"]festlegen, ignoriert der Robot Fehler bei der Metadatenextraktion.Wenn Sie hierfür
["execute"]festlegen, ignoriert der Robot Fehler während der Hauptausführungsphase.Wenn Sie hierfür
truefestlegen, entspricht dies["meta", "execute"]und Fehler in beiden Phasen werden ignoriert.usestring | Array<string> | Array<object> | objectGibt an, welche Steps als Eingabe verwendet werden sollen.
- Sie können beliebige Namen für Steps wählen, außer
":original"(reserviert für von Transloadit verarbeitete Benutzer-Uploads) - Sie können mehrere Steps mithilfe von Arrays als Eingabe angeben:
{ "use": [ ":original", "encoded", "resized" ] } - Sie können Eingabe-Steps außerdem mit
askennzeichnen, um Robots die semantische Funktion zu übermitteln:{ "use": [ { "name": ":original", "as": "image" }, { "name": ":original", "as": "mask" } ] }
TippDas ist wahrscheinlich alles, was Sie über
usewissen müssen. Sie können sich jedoch auch die erweiterten Anwendungsfälle ansehen.- Sie können beliebige Namen für Steps wählen, außer
prioritycompression-ratio | conversion-speed(Standard:"conversion-speed")Stellt verschiedene Algorithmen bereit, die Ihre Bilder stärker oder schwächer komprimieren, dafür aber langsamer oder schneller ausgeführt werden. Der Wert
"conversion-speed"führt zu einer durchschnittlichen Kompressionsrate von 18 %."compression-ratio"führt zu einer durchschnittlichen Kompressionsrate von 31 %.progressiveboolean(Standard:false)Bei der Einstellung auf den Wert
truewendet der Robot Interlacing auf das Bild an, sodass das Ergebnisbild in Browsern schrittweise geladen wird. Statt das Bild von oben nach unten darzustellen, zeigt der Browser zunächst eine unscharfe Version mit niedriger Auflösung. Sobald die Daten eintreffen, wird sie schnell durch das eigentliche Bild ersetzt. Dies verbessert die Benutzererfahrung erheblich, verringert jedoch die Einsparung bei der Dateigröße um etwa 10 % gegenüber dem sonst erreichbaren Wert.preserve_meta_databoolean(Standard:true)Legt fest, ob die Metadaten des Bildes während der Optimierung beibehalten werden. Werden sie nicht beibehalten, reduziert sich die Dateigröße noch weiter. Beachten Sie jedoch, dass dadurch Urheberrechtsinformationen des Fotografen entfernt werden könnten, was aus offensichtlichen Gründen unerwünscht sein kann.
fix_breaking_imagesboolean(Standard:true)Wenn dieser Parameter auf
truegesetzt ist, versucht er, Bilder zu korrigieren, die andernfalls im zugrunde liegenden Tool einen Fehler verursachen und dadurch Ihre Assemblies beeinträchtigen würden. Dies kann jedoch manchmal zu einer größeren Datei führen.lossyboolean(Standard:false)Bei
false(Standardwert) werden nur verlustfreie PNG-Optimierer verwendet und pngquant wird deaktiviert, um die Farbgenauigkeit zu erhalten.Bei
truekonkurrieren verlustbehaftete und verlustfreie PNG-Optimierer miteinander und das kleinste Ergebnis wird ausgewählt. Dadurch kann pngquant verwendet werden, ein verlustbehafteter Kompressor, der PNGs auf eine Farbpalette mit 256 Farben reduziert. Bei Bildern mit umfangreichen Farbpaletten, feinen Farbverläufen oder markenspezifischen Farben kann dies zu merklichen Farbverschiebungen führen.HinweisDieser Parameter wirkt sich nur auf die PNG-Optimierung aus. Die Optimierung von JPEG, GIF, WebP und SVG bleibt davon unberührt.
Demos
Verwandte Blogbeiträge
- Enhancing web speed with lossless image optimization (English)
- Enhanced PNG optimization with Pngquant integration (English)
- Auto-optimize images for lower costs & bandwidth (English)
- New pricing model for future Transloadit customers (English)
- Efficient Dropbox to SFTP file transfer with optimization (English)
- How to reduce image file sizes without losing quality (English)