Wie kann ich Bilddateien in ihrer Größe reduzieren?

Das Problem

Bilder haben enorme Auswirkungen auf die Ladezeiten des JobShops und es kommen oft schnell mehrere MB zusammen, die beim Öffnen einer JobShop Seite durch den Nutzer (vor allem mit einem mobilen Endgeräten) erst einmal heruntergeladen werden müssen. Je mehr Bilder mit hohen Dateigrößen, desto länger dauert es bis die Seite vollständig geladen ist. Das Nutzerlebnis und die Performance des JobShops sinkt.

Mit ImageOptim für Mac (https://imageoptim.com/mac) oder in der online-Version (https://imageoptim.com/online) kannst du die Assets ganz einfach gesammelt reduzieren, ohne wie bei GIMP und anderen Tools große Qualitätsverluste in Kauf nehmen zu müssen.

Exkurs: Bildformate

• Nutze .jpg immer für Hintergrundbilder und andere Bilder, für die kein transparenter Hintergrund notwendig ist. Bilder in diesem Format lassen sich einfacher in ihrer Dateigröße reduzieren.

• Nutze .png nur für Grafiken, die einen transparenten Hintergrund brauchen (z.B. Logo). Dieses Bild-Format lässt sich nicht so einfach in seiner Dateigröße reduzieren.

Web - Version: 

In der Webversion hast du die Möglichkeit dein Bild online hochzuladen. 

Dabei kannst du Einstellungen vornehmen hinsichtlich der Qualität des Bildes oder in welchem Format es ausgegeben werden soll:

Mac Version:

Wie kann ich die Bildgrößen bestmöglich reduzieren?

Nutze zum Reduzieren der Bildgrößen nicht die Möglichkeiten von GIMP etc., da dort die Bildqualität extrem leidet. Nutze dafür ein Tool, dass darauf spezialisiert ist, Bilder intelligent zu reduzieren:

https://imageoptim.com/mac

In ImageOptim solltest du folgende Einstellungen vornehmen:

Die erstellten Bilder für den JobShop können gesammelt oder auch einzeln einfach via Drag & Drop in das ImageOptim-Fenster gezogen werden und der Reduktionsprozess beginnt automatisch. Im Anschluss werden deine Bilder einfach am gleichen Speicherort abgelegt und du kannst mit dem Upload der Bilder im JobShop beginnen.