From a1d639b1feddbd3431108aa10e3f13ed49c40607 Mon Sep 17 00:00:00 2001
From: gammlaa <gammlaa@chaospott.de>
Date: Tue, 14 Jan 2020 21:35:28 +0100
Subject: [PATCH] =?UTF-8?q?Dokumentation=20f=C3=BCr=20Optimierung=20und=20?=
 =?UTF-8?q?Bildausrichtung?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 460aeae..85034ae 100644
--- a/README.md
+++ b/README.md
@@ -1,15 +1,15 @@
 # site
 
-
 Die Chaospott Seite / Der Blog
 
 Zu finden auf [chaospott.de](https://chaospott.de)
 
-
 jekyll + bootstrap
 
-### Blogeinträge
-#### Text
+## Blogeinträge
+
+### Text
+
 Blogeinträge werden in dem Verzeichnis „web/\_posts“ abgelegt. Um einen Blogeintrag zu verfassen legt man eine Datei mit dem Schema „Jahr-MM-TT-Titel.markdown“ an. Der Blogeintrag beginnt mit folgenden Metadaten:
 <pre><code>---
 layout: post
@@ -17,10 +17,11 @@ title: "Neues Update für DocPatch"
 date: 2015-05-23 13:37:00
 categories: docpatch
 ---</code></pre>
-Damit wird der Titel des Blogeintrags, das Datum der Veröffentlichung und die Kategorie (optional) festgelegt. 
+Damit wird der Titel des Blogeintrags, das Datum der Veröffentlichung und die Kategorie (optional) festgelegt.
 
-#### Bilder
-Bilder für Blogeinträge werden unterhalb von Media in einem eigenen Verzeichnis (Jahr-MM-TT) abgelegt. 
+### Bilder
+
+Bilder für Blogeinträge werden unterhalb von Media in einem eigenen Verzeichnis (Jahr-MM-TT) abgelegt.
 
 <pre><code>~/site/media/jahr-mm-tt
 </code></pre>
@@ -30,11 +31,15 @@ Als erstes sollte man die Exif-Daten (z.B. Geoinformation) der Bilder entfernen.
 </code></pre>
 
 Ggf. muss das Bild gedreht werden, wenn es ohne die Metatags auf dem Kopf steht oder auf der Seite liegt.
+```convert -rotate 90 $Bild $Bild_out.jpg```
 
-Der letzte Schritt setzt die Bilder auf eine einheitliche Breite.
+Der vorletzte Schritt setzt die Bilder auf eine einheitliche Breite.
 <pre><code>mogrify -resize "1140>" $Bild
 </code></pre>
 
+Viele Bilder können noch optimiert werden, damit der benötige Speicherplatz und die zu übertragende Datenmenge reduziert wird.
+```jpegoptim -m 80 %Bild.jpg```
+
 Wenn das Bild in der korrekten Größe und Ausrichtung vorliegt, kann es wie Folgt eingebunden werden.
 <pre><code>![Quelle: Chaospott]({{ site.url }}/media/Jahr-MM-TT/$Bild.jpg)
 </code></pre>