Wie kann man die Produktbildgröße mit Qualität für die E-Commerce-Website reduzieren?

Ich muss viele Produktbilder auf eine E-Commerce-Website hochladen. Die Abmessungen betragen jetzt 600 x 600 Pixel und die Bildgröße 200–300 KB. Ich möchte die Dateigröße davon auf unter 70 KB reduzieren.

In welchem ​​Format speicherst du die Bilder? Sind das auch fotografische Bilder?
Ja, das sind fotografische Bilder im JPG-Format

Antworten (3)

Methode 1:

Gehen Sie mit Photoshop zu Datei > Skripts > Bildprozessor (dies ist im Wesentlichen die gleiche Funktionalität wie Bridge in Lucians Antwort):

Bildverarbeitungsdialog

Hier sind ein paar einfache JPGs – jeweils 600 x 600, 258 KB und 274 KB:

Feld.  von Tomatenküssen auf DeviantArt

Athirapally-Wasserfälle – Wikimedia Commons

Hier sind sie (nachdem sie durch den Bildprozessor gelaufen sind) bei 53 KB und 74 KB:

Feld.  zerstört

Athirapally-Wasserfälle absolut zerstört

Das macht also genau das, was Sie gefragt haben ... aber wie Sie sehen können, sehen sie nicht mehr so ​​​​gut aus ... Ich musste die Qualitätseinstellung auf nur "1" senken, um diese Ergebnisse zu erhalten. Diese sind nutzlos IMO. Aber diese Methode würde für jemanden funktionieren, der seine Dateigröße nicht so drastisch reduzieren möchte ...

Methode 2:

Ausführen einer Aktion zum „Speichern für das Web“ in einem Batch (Datei > Automatisieren > Batch), wie in diesem Link beschrieben , wie von user244052 in der oben akzeptierten Antwort bereitgestellt.

Wenn Sie die Aktion jedoch aufzeichnen, wählen Sie im Dialogfeld "Für Web speichern" JPEG aus, aber anstatt die Voreinstellungen und Schieberegler zu verwenden, wie unter dem obigen Link beschrieben, gehen Sie stattdessen in das kleine Flyout des Menüs "Optimieren" und wählen Sie "Auf Dateigröße optimieren":

Etwas verstecktes Feature

Geben Sie dann 70 kb ein, klicken Sie auf „OK“ und speichern Sie dann … Das ist einfacher, als zu versuchen, den idealen Punkt durch Versuch und Irrtum zu treffen. Außerdem enthält das Dialogfeld "Für Web speichern" die Option "In sRGB konvertieren", sodass ein separater Schritt wie unter dem Link beschrieben nicht erforderlich ist.

Ich würde auch alle Dateien untersuchen, die Sie verarbeiten möchten, und eine auswählen, die eine ungefähr durchschnittliche Dateigröße hat, und dann Ihre Aktion auf diesem Bild aufzeichnen ... Auf diese Weise sollten Ihre Ergebnisse ungefähr durchschnittlich 70 KB groß sein.

Nach der Optimierung mit „Für Web speichern“:

Feld.  Nicht so kaputt

Athirapally-Wasserfälle nicht so zerstört

Diese beiden wogen 59kb bzw. 83kb und sehen nicht ganz so schlecht aus

Methode 3:

Für diejenigen ohne Photoshop gibt es auch dieses Online-Tool: Bulk Web Resizer

So sieht es aus:

Nützliche Web-App

Und hier sind die Ergebnisse bei den gezeigten Einstellungen:

Feld.  Sieht ganz OK aus

Athirapally-Wasserfälle – Nicht schlecht

Mit dieser Methode wurden die Dateigrößen auf 72 KB und 86 KB reduziert.

Bildquellen:

Öffnen Sie die Bilder in Photoshop, gehen Sie dann zu Datei -> Exportieren -> Für Web speichern und stellen Sie die Qualität auf etwa 70-80 ein. Dies sollte Ihnen eine kleinere Datei mit einer ziemlich anständigen Qualität geben.

okay gut. Ich möchte Massenbilder mit dieser Methode (Skript)
Ich habe etwas Nützliches gefunden: blog.stirtingale.com/…

Verwenden Sie Adobe Bridge

Legen Sie alle Bilder in einem Ordner ab, wählen Sie alle in Bridge aus, klicken Sie mit der rechten Maustaste und wählen Sie „Exportieren auf → Festplatte“. Dann erhalten Sie eine Option, wenn Sie alle Bilder auf 600 Pixel beschränken und verschiedene Werte im Feld „Bildqualität“ ausprobieren, bis Sie es schaffen, diese unter 70 KB zu bekommen.

Geben Sie hier die Bildbeschreibung ein

Warum die Ablehnung. Das hier ist die Lösung :)
Wahrscheinlich, weil Bridge diese Option nicht mehr hat (seit CS6 glaube ich) ... Das "Output Module" für Bridge kann separat heruntergeladen und installiert werden, aber die meisten Leute haben wahrscheinlich keine Ahnung, dass es überhaupt existiert
Tatsächlich verwende ich CS6, hatte aber keine Ahnung, dass dies aus CC entfernt wurde. Warum sollten sie das entfernen?
Nicht sicher... Laut Adobe „ist dieses Plug-in optional; es wird nicht offiziell unterstützt.“
"Warum sollten sie das entfernen?" ... Ich glaube, ich habe herausgefunden, warum; Sie können es einfach nicht richtig zum Laufen bringen: Blank Output Module Ich habe versucht, es auf CC 2017 zu installieren, und das habe ich bekommen