Webseiten laden schneller mit komprimierter Grafik

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 .


Diese Seite im eigenem Twitter /Mastodon   - Account empfehlen.
Besuche auch die anderen Seiten von mir: Linux und Technik oder Das SmaRPt
Datenschutz: Wenn Du Cookies erlaubst, werden sie benutzt! Keine Tracker. Keine nachgeladenen Scripts und Fonts von fremden Seiten.