Webseiten laden schneller mit komprimierter Grafik

jpeg und png Grafik verlustfrei optimieren

Beispielgrafik Nextcloud

Wichtige Werkzeuge zur verlustfreien Komprimierung Schritt für Schritt.

Fotos für Spatzenbrett aufbereiten:

  1. cd /…/spatzenbrett/assets ; jpegoptim *.jpg -d ../assets2
  2. cd /…/spatzenbrett/assets ; optipng -v -dir ../assets2 *.png
  3. cd ..
  4. mv assets assets3
  5. mv assets2 assets
  6. Eigentümer wechseln (chown -R www-data:www-data /…/spatzenbrett assets)
  7. (nur bei Nextcloud) cd /var/www/html/nextcloud ; sudo -u www-data php occ files:scan --all

Tipp! Wenn bereits convert (Paket imagemagick) installiert ist.

  1. sudo apt-get install webp
  2. convert foo.jpg foo.webp

Webp verkleinert die Datei meist nochmal.

Bilderordner wurde hier von 18.3 MB auf 16.2 MB verkleinert. 2014 hab ich diese Prozedur schon auf einer Webseite veröffentlicht.

Für Besucher der Webseite kann eine lange Ladezeit der Grafiken das Wegsurfen bedeuten, deshalb jpeg und png Grafik verlustfrei optimieren .