tag:forum.selfhtml.org,2005:/selfGeändertes Handling der Bilder – Meta-Forum (read only)2017-08-13T15:31:59Zhttps://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694206#m1694206Christian Krusehttps://wwwtech.de/about2017-05-13T06:46:57Z2017-05-13T06:46:57ZGeändertes Handling der Bilder<p>Hallo zusammen,</p>
<p>ich habe das Handling der Bilder überarbeitet. Einerseits werden jetzt bis zu 10MB zugelassen; andererseits wird jetzt das Bild im Hintergrund herunter skaliert auf 800x600 bzw. die Auflösung, die am ehesten diesem Format entspricht aber die Seitenverhältnisse beibehält. Im Posting ist das Format auch verändert: dort wird jetzt auf das Bild ein Link auf das Original gelegt:</p>
<p><a href="/images/8323db1c-275c-4ef5-a224-20aec0067710.jpg" rel="noopener noreferrer"><img src="/images/8323db1c-275c-4ef5-a224-20aec0067710.jpg?size=medium" alt="CK beim posten" loading="lazy"></a></p>
<p><code>[![CK beim posten](/images/8323db1c-275c-4ef5-a224-20aec0067710.jpg?size=medium)](/images/8323db1c-275c-4ef5-a224-20aec0067710.jpg)</code></p>
<p>Das dürfte ein guter Kompromiss sein zwischen dem Wunsch, große Dateien hochladen zu wollen und der UX (keine unerwartet großen Inhalte).</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694209#m1694209Felix Riestererhttp://felix-riesterer.de2017-05-13T09:37:04Z2017-05-13T09:37:04ZGeändertes Handling der Bilder<p>Lieber Christian,</p>
<blockquote>
<p>ich habe das Handling der Bilder überarbeitet. Einerseits werden jetzt bis zu 10MB zugelassen; andererseits wird jetzt das Bild im Hintergrund herunter skaliert auf 800x600 bzw. die Auflösung, die am ehesten diesem Format entspricht aber die Seitenverhältnisse beibehält.</p>
</blockquote>
<p>das finde ich sehr vernünftig. +1</p>
<blockquote>
<p>Das dürfte ein guter Kompromiss sein zwischen dem Wunsch, große Dateien hochladen zu wollen und der UX (keine unerwartet großen Inhalte).</p>
</blockquote>
<p>Eben deshalb.</p>
<blockquote>
<p>Im Posting ist das Format auch verändert: dort wird jetzt auf das Bild ein Link auf das Original gelegt:</p>
</blockquote>
<p>Wiki-style, yeah!</p>
<p>Liebe Grüße,</p>
<p>Felix Riesterer.</p>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694432#m1694432Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-05-16T18:07:59Z2017-05-16T18:09:46ZGeändertes Handling der Bilder<p>@@Christian Kruse</p>
<blockquote>
<p>ich habe das Handling der Bilder überarbeitet.</p>
</blockquote>
<p>Da ist ein Bug: Bilder sind <a href="https://forum.selfhtml.org/self/2017/may/11/mathematik-zum-start-ins-wochenende/1694430#m1694430" rel="noopener noreferrer">gedreht</a> und reagieren nicht auf <code class="language-markdown">{: style="transform: rotate(90deg)"}</code></p>
<p>Und sie scheinen auch nicht mehr auf <code class="language-markdown">{: width="400"}</code> zu reagieren. Ärgerlich.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694435#m1694435Christian Krusehttps://wwwtech.de/about2017-05-16T19:31:57Z2017-05-16T19:31:57ZGeändertes Handling der Bilder<p>Hallo Gunnar,</p>
<blockquote>
<p>Da ist ein Bug:</p>
</blockquote>
<p>Denke ich nicht.</p>
<blockquote>
<p>Bilder sind <a href="https://forum.selfhtml.org/self/2017/may/11/mathematik-zum-start-ins-wochenende/1694430#m1694430" rel="noopener noreferrer">gedreht</a></p>
</blockquote>
<p>Dann sind die Original-Bilder selber vermutlich auch schon gedreht. Ich hab aber wohl erst morgen wieder Zeit mir das genauer anzusehen.</p>
<blockquote>
<p>und reagieren nicht auf <code class="language-markdown">{: style="transform: rotate(90deg)"}</code></p>
</blockquote>
<p>Da hatten wir einen Handel… <em>hint, hint</em></p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694436#m1694436Christian Krusehttps://wwwtech.de/about2017-05-16T19:39:26Z2017-05-16T19:39:26ZGeändertes Handling der Bilder<p>Hallo Gunnar,</p>
<blockquote>
<blockquote>
<p>Da ist ein Bug:</p>
</blockquote>
<p>Denke ich nicht.</p>
</blockquote>
<p>Weiterhin nicht. Die Originale sehen bei mir genau so aus wie die verkleinerten Varianten. Ich mache mit den Bildern auch nichts anderes als ein Resize, es würde mich also wundern, wenn ich so etwas verursachen würde.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694468#m1694468Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-05-17T13:05:19Z2017-05-17T13:05:19ZGeändertes Handling der Bilder<p>@@Christian Kruse</p>
<blockquote>
<blockquote>
<p>Da ist ein Bug:</p>
</blockquote>
<p>Denke ich nicht.</p>
</blockquote>
<p>Bug im Sinne von: UX-Bugs sind auch Bugs.</p>
<blockquote>
<p>Dann sind die Original-Bilder selber vermutlich auch schon gedreht. Ich hab aber wohl erst morgen wieder Zeit mir das genauer anzusehen.</p>
</blockquote>
<p>Dann sieh dir vorher auch <a href="https://forum.selfhtml.org/self/2016/dec/4/html5-punkt-1-label/1682218#m1682218" rel="noopener noreferrer">https://forum.selfhtml.org/self/2016/dec/4/html5-punkt-1-label/1682218#m1682218</a> ff. an. ;-)</p>
<blockquote>
<blockquote>
<p>und reagieren nicht auf <code class="language-markdown">{: style="transform: rotate(90deg)"}</code></p>
</blockquote>
<p>Da hatten wir einen Handel… <em>hint, hint</em></p>
</blockquote>
<p>Hm, stimmt. Und du erwartest, dass ich zuerst meinen Teil einlöse, bevor du das Forum reparierst.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694444#m1694444Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T08:29:08Z2017-05-17T08:29:08ZGeändertes Handling der Bilder<p>Hallo Christian Kruse,</p>
<p><a href="/images/f74a4696-ab17-4ccb-b22d-6215a8bb41bd.jpg" rel="noopener noreferrer"><img src="/images/f74a4696-ab17-4ccb-b22d-6215a8bb41bd.jpg?size=medium" alt="Alternativ-Text" loading="lazy"></a></p>
<p>Mein Handy tut das leider auch.<a href="/images/5d16a6f7-be92-47f9-a36c-24ed4475d28c.jpg" rel="noopener noreferrer"><img src="/images/5d16a6f7-be92-47f9-a36c-24ed4475d28c.jpg?size=medium" alt="Alternativ-Text" loading="lazy"></a></p>
<p>Und zwar unabhängig davon, ob es horizontal gehalten wird oder nicht.</p>
<p>Eine Möglichkeit, das Bild als Autor drehen zu können, wäre super.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694445#m1694445Christian Krusehttps://wwwtech.de/about2017-05-17T08:32:32Z2017-05-17T08:32:32ZGeändertes Handling der Bilder<p>Hallo Matthias,</p>
<blockquote>
<p>Und zwar unabhängig davon, ob es horizontal gehalten wird oder nicht.</p>
</blockquote>
<p>Hm, interessant, hier kann ich das Problem nachvollziehen. Vielleicht mal automatisch nach EXIF-Angabe drehen lassen und die EXIF-Informationen entfernen.</p>
<blockquote>
<p>Eine Möglichkeit, das Bild als Autor drehen zu können, wäre super.</p>
</blockquote>
<p>Ich glaube nicht, dass das sinnvoll ist.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694486#m1694486Christian Krusehttps://wwwtech.de/about2017-05-17T18:38:27Z2017-05-17T18:38:27ZGeändertes Handling der Bilder<p>Hallo Matthias,</p>
<blockquote>
<p><a href="/images/f74a4696-ab17-4ccb-b22d-6215a8bb41bd.jpg" rel="noopener noreferrer"><img src="/images/f74a4696-ab17-4ccb-b22d-6215a8bb41bd.jpg?size=medium" alt="Alternativ-Text" loading="lazy"></a></p>
<p>Mein Handy tut das leider auch.<a href="/images/5d16a6f7-be92-47f9-a36c-24ed4475d28c.jpg" rel="noopener noreferrer"><img src="/images/5d16a6f7-be92-47f9-a36c-24ed4475d28c.jpg?size=medium" alt="Alternativ-Text" loading="lazy"></a></p>
</blockquote>
<p>Fun fact: auf meinem iPhone sind die Bilder richtig </p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694452#m1694452Tabellenkalk2017-05-17T09:16:49Z2017-05-17T09:16:49ZGeändertes Handling der Bilder<p>Hallo,</p>
<blockquote>
<blockquote>
<p>Eine Möglichkeit, das Bild als Autor drehen zu können, wäre super.</p>
</blockquote>
<p>Ich glaube nicht, dass das sinnvoll ist.</p>
</blockquote>
<p>Exif weiß im besten Fall wie rum richtig ist, der Autor in fast jedem.</p>
<p>Gruß<br>
Kalk</p>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694453#m1694453Christian Krusehttps://wwwtech.de/about2017-05-17T09:19:16Z2017-05-17T09:19:16ZGeändertes Handling der Bilder<p>Hallo Tabellenkalk,</p>
<blockquote>
<blockquote>
<blockquote>
<p>Eine Möglichkeit, das Bild als Autor drehen zu können, wäre super.</p>
</blockquote>
<p>Ich glaube nicht, dass das sinnvoll ist.</p>
</blockquote>
<p>Exif weiß im besten Fall wie rum richtig ist, der Autor in fast jedem.</p>
</blockquote>
<p>Das mag sein, wobei ich sagen würde, wenn das EXIF nicht stimmt, dann hält mal die Kamera falsch. Aber schonmal drüber nachgedacht, wie eine UI dafür aussehen könnte? Und wie die technische Umsetzung dafür sein könnte? Ich schon.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694457#m1694457Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T10:46:15Z2017-05-17T10:46:15ZGeändertes Handling der Bilder<p>Hallo Christian Kruse,</p>
<blockquote>
<p>Das mag sein, wobei ich sagen würde, wenn das EXIF nicht stimmt, dann hält mal die Kamera falsch.</p>
</blockquote>
<p>Zumindest im Querformat gibt es bei Handys kein falsch.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694458#m1694458Christian Krusehttps://wwwtech.de/about2017-05-17T10:59:08Z2017-05-17T10:59:08ZGeändertes Handling der Bilder<p>Hallo Matthias,</p>
<blockquote>
<blockquote>
<p>Das mag sein, wobei ich sagen würde, wenn das EXIF nicht stimmt, dann hält mal die Kamera falsch.</p>
</blockquote>
<p>Zumindest im Querformat gibt es bei Handys kein falsch.</p>
</blockquote>
<p>Bei Handys sind aufgrund der Sensorik die EXIF-Daten auch richtig.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694460#m1694460JürgenBhttps://www.j-berkemeier.de2017-05-17T11:30:56Z2017-05-17T11:30:56ZGeändertes Handling der Bilder<p>Hallo Christian,</p>
<blockquote>
<p>Bei Handys sind aufgrund der Sensorik die EXIF-Daten auch richtig.</p>
</blockquote>
<p>aber nur solange das Handy weiß, wo unten ist. Wenn ich senkrecht nach unten fotografiere, z.B. um eine Buchseite oder eine Skizze aufzunehmen, klappt das nicht mehr.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694461#m1694461Christian Krusehttps://wwwtech.de/about2017-05-17T11:32:41Z2017-05-17T11:32:41ZGeändertes Handling der Bilder<p>Hallo JürgenB,</p>
<blockquote>
<p>aber nur solange das Handy weiß, wo unten ist. Wenn ich senkrecht nach unten fotografiere, z.B. um eine Buchseite oder eine Skizze aufzunehmen, klappt das nicht mehr.</p>
</blockquote>
<p>Im Regelfall funktioniert das trotzdem noch recht gut.</p>
<p>Aber ich will mich da auch nicht sperren. Ich bin für Vorschläge, wie sich das - mit möglichst wenig Aufwand - implementieren lässt, offen. Contributions welcome.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694471#m1694471Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-05-17T13:12:44Z2017-05-17T13:13:35ZGeändertes Handling der Bilder<p>@@JürgenB</p>
<blockquote>
<blockquote>
<p>Bei Handys sind aufgrund der Sensorik die EXIF-Daten auch richtig.</p>
</blockquote>
<p>aber nur solange das Handy weiß, wo unten ist. Wenn ich senkrecht nach unten fotografiere, z.B. um eine Buchseite oder eine Skizze aufzunehmen, klappt das nicht mehr.</p>
</blockquote>
<p>So hatte ich die Bilder gestern Abend auch aufgenommen.</p>
<p>Da ich in den Zeichnungen die Beschriftung der Höhen vergessen hatte, hab ich die Bilder heute Mittag nochmal aufgenommen, wobei die fast senkrecht standen und das iPhone sehr gut wusste, wo oben und unten ist. Ergebnis: Dasselbe in grün – die Bilder waren auf dem iPhone korrekt, auf dem Mac gedreht.</p>
<p>Da die Bilder aber recht blaustichig waren, hab ich sie auf dem iPhone bearbeitet (durch den S/W-hell-Filter gejagt) und nochmals im <a href="https://forum.selfhtml.org/self/2017/may/11/mathematik-zum-start-ins-wochenende/1694430#m1694430" rel="noopener noreferrer">Posting</a> ausgetauscht. Ergebnis: Jetzt sind sie auch auf dem Mac richtig.</p>
<p>Was tut das iPhone da mit den Bildern, wenn es doch eigentlich nur Farbinformationen bearbeiten soll?</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694462#m1694462JürgenBhttps://www.j-berkemeier.de2017-05-17T11:39:59Z2017-05-17T11:39:59ZGeändertes Handling der Bilder<p>Hallo Christian,</p>
<blockquote>
<p>Ich bin für Vorschläge, wie sich das - mit möglichst wenig Aufwand - implementieren lässt, offen. Contributions welcome.</p>
</blockquote>
<p>neben der Fläche "Bilder hierher ziehen ..." drei Radiobuttons mit 90°, 180°, 270° drehen. Das Drehen kann dann serverseitig oder auch clientseitig per CSS erfolgen. In der Vorschau sieht man dann das Ergebnis.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694463#m1694463Christian Krusehttps://wwwtech.de/about2017-05-17T11:48:28Z2017-05-17T11:48:28ZGeändertes Handling der Bilder<p>Hallo JürgenB,</p>
<blockquote>
<blockquote>
<p>Ich bin für Vorschläge, wie sich das - mit möglichst wenig Aufwand - implementieren lässt, offen. Contributions welcome.</p>
</blockquote>
<p>neben der Fläche "Bilder hierher ziehen ..." drei Radiobuttons mit 90°, 180°, 270° drehen. Das Drehen kann dann serverseitig oder auch clientseitig per CSS erfolgen. In der Vorschau sieht man dann das Ergebnis.</p>
</blockquote>
<p>Dazu muss der User erstens wissen, dass das Bild auf Kopf sein wird und zweitens vorher daran denken, dass er den Button vorher betätigen muss. Halte ich für unrealistisch.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694465#m1694465JürgenBhttps://www.j-berkemeier.de2017-05-17T12:03:47Z2017-05-17T12:03:47ZGeändertes Handling der Bilder<p>Hallo Christian,</p>
<blockquote>
<blockquote>
<p>neben der Fläche "Bilder hierher ziehen ..." drei Radiobuttons mit 90°, 180°, 270° drehen. Das Drehen kann dann serverseitig oder auch clientseitig per CSS erfolgen. In der Vorschau sieht man dann das Ergebnis.</p>
</blockquote>
<p>Dazu muss der User erstens wissen, dass das Bild auf Kopf sein wird und zweitens vorher daran denken, dass er den Button vorher betätigen muss. Halte ich für unrealistisch.</p>
</blockquote>
<p>ich dachte mir das so:</p>
<ul>
<li>Der User zieht das Bild auf die Fläche "Bilder hierher ziehen …" oder öffnet das Bild über die File-Select-Box</li>
<li>Der User sieht in der Vorschau, dass das Bild gedreht werden muss</li>
<li>Der User drückt den entsprechenden Knopf und das Bild wird clientseitig gedreht</li>
<li>Nach dem Abschicken des Postings wird das Bild entweder serverseitig gedreht, oder mit der entsprechenden CSS-Angabe versehen.</li>
</ul>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694466#m1694466Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T12:12:56Z2017-05-17T12:12:56ZGeändertes Handling der Bilder<p>Hallo JürgenB,</p>
<blockquote>
<p>ich dachte mir das so:</p>
</blockquote>
<p>Die Radiobuttons könnten unter dem Vorschaubild sein.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694467#m1694467Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-05-17T13:02:56Z2017-05-17T14:36:18ZGeändertes Handling der Bilder<p>@@JürgenB</p>
<blockquote>
<blockquote>
<p>Dazu muss der User erstens wissen, dass das Bild auf Kopf sein wird und zweitens vorher daran denken, dass er den Button vorher betätigen muss. Halte ich für unrealistisch.</p>
</blockquote>
</blockquote>
<p>+1. Das scheitert schon an erstens, denn …</p>
<blockquote>
<ul>
<li>Der User sieht in der Vorschau, dass das Bild gedreht werden muss</li>
</ul>
</blockquote>
<p>… er sieht es nicht. Auf meinem iPhone waren die Bilder ja richtig orientiert. Auch im fertiggestellten Posting.</p>
<p>Die falsche Orientierung sieht der Nutzer ja nur, wenn er sich sein Posting auf einem anderen Gerät (MacBook) ansieht. Die Verwendung von mehreren Geräten ist nicht von jedem Nutzer zu erwarten.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694470#m1694470JürgenBhttps://www.j-berkemeier.de2017-05-17T13:09:02Z2017-05-17T13:09:02ZGeändertes Handling der Bilder<p>Hallo Gunnar,</p>
<blockquote>
<p>… er sieht es nicht. Auf meinem iPhone waren die Bilder ja richtig orientiert. Auch im fertiggestellten Posting.</p>
<p>Die falsche Orientierung sieht der Nutzer ja nur, wenn er sich sein Posting auf einem anderen Gerät (MacBook) ansieht. Die Verwendung von mehreren Geräten ist nicht von jedem Nutzer zu erwarten.</p>
</blockquote>
<p>dann hat aber eines deiner Geräte Probleme mit der Orientierung. Wie soll denn hier die Forensoftware helfen, wenn verschiedene Geräte die Bilder unterschiedlich anzeigen?</p>
<p>Gruß<br>
Jürgen</p>
<p>PS Um welche Bilder geht es denn?</p>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694476#m1694476Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T14:21:41Z2017-05-17T14:21:41ZGeändertes Handling der Bilder<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<blockquote>
<ul>
<li>Der User sieht in der Vorschau, dass das Bild gedreht werden muss</li>
</ul>
</blockquote>
<p>… er sieht es nicht. Auf meinem iPhone waren die Bilder ja richtig orientiert. Auch im fertiggestellten Posting.</p>
</blockquote>
<p>In meinem Fall (S6 Edge, Chrome) habe ich schon in der Vorschau sehen können, dass die Bilder falsch orientiert waren.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694474#m1694474Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T14:07:34Z2017-05-17T14:07:34ZGeändertes Handling der Bilder<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<p>Bug im Sinne von: UX-Bugs sind auch Bugs.</p>
</blockquote>
<p>Wie kommst du denn darauf, dass es ein UX-Bug ist?</p>
<blockquote>
<p>bevor du das Forum reparierst.</p>
</blockquote>
<p>Reparieren ist das falsche Wort, imho. Es wäre ein Reagieren auf Browsereigenheiten.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694472#m1694472Christian Krusehttps://wwwtech.de/about2017-05-17T13:14:09Z2017-05-17T13:14:09ZGeändertes Handling der Bilder<p>Hallo JürgenB,</p>
<blockquote>
<blockquote>
<p>… er sieht es nicht. Auf meinem iPhone waren die Bilder ja richtig orientiert. Auch im fertiggestellten Posting.</p>
<p>Die falsche Orientierung sieht der Nutzer ja nur, wenn er sich sein Posting auf einem anderen Gerät (MacBook) ansieht. Die Verwendung von mehreren Geräten ist nicht von jedem Nutzer zu erwarten.</p>
</blockquote>
<p>dann hat aber eines deiner Geräte Probleme mit der Orientierung.</p>
</blockquote>
<p>Die Unterschiedlichen Browser haben unterschiedliche Unterstützung für EXIF. Deshalb sagte ich ja: so rotieren, wie es EXIF vorsieht und ansonsten EXIF entfernen halte ich für die sinnvollste Möglichkeit.</p>
<blockquote>
<p>Wie soll denn hier die Forensoftware helfen, wenn verschiedene Geräte die Bilder unterschiedlich anzeigen?</p>
</blockquote>
<p>Na so, wie ich es vorgeschlagen hatte ;)</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694475#m1694475Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T14:18:39Z2017-05-17T14:18:39ZGeändertes Handling der Bilder<p>Hallo Christian Kruse,</p>
<blockquote>
<p>Na so, wie ich es vorgeschlagen hatte ;)</p>
</blockquote>
<p>Und auf wwwtech funktioniert es offensichtlich.</p>
<p>Allerdings: Bei <a href="https://forum.selfhtml.org/m1694457" rel="noopener noreferrer">meinen Bildern</a> steht eine Orientierung von 90°. Es muss aber zurückgedreht werden.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694478#m1694478Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-05-17T14:34:50Z2017-05-17T20:03:45ZGeändertes Handling der Bilder<p>@@Matthias Apsel</p>
<blockquote>
<blockquote>
<p>Bug im Sinne von: UX-Bugs sind auch Bugs.</p>
</blockquote>
<p>Wie kommst du denn darauf, dass es ein UX-Bug ist?</p>
</blockquote>
<p>Falsch orientierte Bilder sind ein UX-Bug.</p>
<blockquote>
<blockquote>
<p>bevor du das Forum reparierst.</p>
</blockquote>
<p>Reparieren ist das falsche Wort, imho. Es wäre ein Reagieren auf Browsereigenheiten.</p>
</blockquote>
<p>Mit reparieren ist gemeint: Wiederzulassen von Autoren-Inline-Styles (d.h. von <code class="language-markdown">{: style="…"}</code>), die eben doch hin und wieder nützlich oder gar nötig sind.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694477#m1694477Christian Krusehttps://wwwtech.de/about2017-05-17T14:34:17Z2017-05-17T14:34:17ZGeändertes Handling der Bilder<p>Hallo Matthias,</p>
<blockquote>
<blockquote>
<p>Na so, wie ich es vorgeschlagen hatte ;)</p>
</blockquote>
<p>Und auf wwwtech funktioniert es offensichtlich.</p>
</blockquote>
<p>Ja, ziemlich gut.</p>
<blockquote>
<p>Allerdings: Bei <a href="https://forum.selfhtml.org/m1694457" rel="noopener noreferrer">meinen Bildern</a> steht eine Orientierung von 90°. Es muss aber zurückgedreht werden.</p>
</blockquote>
<p>Naja, jain. Die Bilder liegen auf der Seite, aber EXIF sagt, dass sie gedreht werden müssen (<code>Orientation: Rotate 90 CW</code>, CW steht für <em>Center-West</em>, also um das Zentrum gedreht Richtung Westen). Warum die Desktop-Browser das nicht machen, wenn das Bild im Dokument ist es aber tun, wenn das Bild <a href="https://forum.selfhtml.org/images/f74a4696-ab17-4ccb-b22d-6215a8bb41bd.jpg?size=medium" rel="noopener noreferrer">nicht im Dokument ist</a>, ist ein Rätsel, das ich noch nicht gelöst habe </p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694645#m1694645Christian Krusehttps://wwwtech.de/about2017-05-19T20:23:42Z2017-05-19T20:23:42ZGeändertes Handling der Bilder<p>Hallo Matthias,</p>
<blockquote>
<blockquote>
<p>Na so, wie ich es vorgeschlagen hatte ;)</p>
</blockquote>
<p>Und auf wwwtech funktioniert es offensichtlich.</p>
</blockquote>
<p>Und hier hab ich das jetzt auch mal so eingebaut </p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694480#m1694480Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T15:04:07Z2017-05-17T15:04:07ZGeändertes Handling der Bilder<p>Hallo Christian Kruse,</p>
<blockquote>
<p>Warum die Desktop-Browser das nicht machen, wenn das Bild im Dokument ist es aber tun, wenn das Bild <a href="https://forum.selfhtml.org/images/f74a4696-ab17-4ccb-b22d-6215a8bb41bd.jpg?size=medium" rel="noopener noreferrer">nicht im Dokument ist</a>, ist ein Rätsel, das ich noch nicht gelöst habe </p>
</blockquote>
<p>Siehste, das ist mir noch gar nicht aufgefallen.</p>
<p>Ich würde da zunächst einmal ein HTML-Dokument erstellen, dass nur das Bild enthält und mal schauen, wie das denn aussieht.</p>
<pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://forum.selfhtml.org/images/f74a4696-ab17-4ccb-b22d-6215a8bb41bd.jpg?size=medium<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre>
<p>Und auch da ist es gedreht. Ergo liegt es nicht am Forum.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1701595#m1701595at2017-08-13T15:31:59Z2017-08-13T15:31:59ZGeändertes Handling der Bilder<p>Hallo Christian.</p>
<blockquote>
<p><code>Orientation: Rotate 90 CW</code>, CW steht für <em>Center-West</em>, also um das Zentrum gedreht Richtung Westen</p>
</blockquote>
<p>Ja, so ähnlich hätte ich CW auch übersetzt.</p>
<p>MfG, at</p>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694479#m1694479Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T14:41:07Z2017-05-17T14:41:07ZGeändertes Handling der Bilder<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<p>Mit reparieren ist gemeint: Wiederzulassen von Autoren-Inline-Styles (d.h. von <code class="language-markdown">{: style="…"}</code>), die eben doch hin und wieder nützlich oder gar nötig sind.</p>
</blockquote>
<p>Damit würdest du das für einige Browser richtig und für andere aber zusätzlich drehen.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694481#m1694481Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-05-17T15:38:11Z2017-05-17T15:38:11ZGeändertes Handling der Bilder<p>@@Matthias Apsel</p>
<blockquote>
<blockquote>
<p>Mit reparieren ist gemeint: Wiederzulassen von Autoren-Inline-Styles (d.h. von <code class="language-markdown">{: style="…"}</code>), die eben doch hin und wieder nützlich oder gar nötig sind.</p>
</blockquote>
<p>Damit würdest du das für einige Browser richtig und für andere aber zusätzlich drehen.</p>
</blockquote>
<p>Ich hätte auf <a href="https://forum.selfhtml.org/self/2016/dec/4/html5-punkt-1-label/1682218#m1682218" rel="noopener noreferrer">https://forum.selfhtml.org/self/2016/dec/4/html5-punkt-1-label/1682218#m1682218</a> ff. verweisen sollen. Oh, wait!</p>
<p>Ich hätte <em><strong>ff.</strong></em> fett schreiben sollen‽ Und kursiv‽ Und rot‽ Und doppelte Größe‽</p>
<p><em>Ach so, geht ja (gerade) nicht.</em></p>
<p>TL;DR: <a href="https://forum.selfhtml.org/self/2016/dec/4/html5-punkt-1-label/1682256#m1682256" rel="noopener noreferrer">Es wird nicht zusätzlich gedreht.</a></p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694487#m1694487Christian Krusehttps://wwwtech.de/about2017-05-17T18:40:16Z2017-05-17T18:40:16ZGeändertes Handling der Bilder<p>Hallo Matthias,</p>
<blockquote>
<p>Ergo liegt es nicht am Forum.</p>
</blockquote>
<p>Würde ich auch nie behaupten Ich hatte damit auf WWWTech auch Probleme, bis ich die Bilder dann auf dem Server gedreht habe und EXIF-Angaben entfernt habe.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694483#m1694483Felix Riestererhttp://felix-riesterer.de2017-05-17T16:28:14Z2017-05-17T16:28:14ZGeändertes Handling der Bilder<p>Lieber Gunnar,</p>
<blockquote>
<p>TL;DR: <a href="https://forum.selfhtml.org/self/2016/dec/4/html5-punkt-1-label/1682256#m1682256" rel="noopener noreferrer">Es wird nicht zusätzlich gedreht.</a></p>
</blockquote>
<p>da finde ich CKs Idee mit dem serverseitigen Drehen und mit dem anschließenden Entfernen der zugehörigen EXIF-Einträge aber wesentlich besser, weil richtig. Dann solltest Du im Anschluss bei Deinem Posting damit machen können, was Du willst - auch das finde ich richtig.</p>
<p>Liebe Grüße,</p>
<p>Felix Riesterer.</p>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694484#m1694484Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T16:33:07Z2017-05-17T16:33:07ZGeändertes Handling der Bilder<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<p>Ich hätte <em><strong>ff.</strong></em> fett schreiben sollen‽ Und kursiv‽ Und rot‽ Und doppelte Größe‽</p>
</blockquote>
<p>Nein, ich hab das wohl gelesen.</p>
<blockquote>
<p><em>Ach so, geht ja (gerade) nicht.</em></p>
</blockquote>
<p>Kein Grund für Zynismus o.ä.</p>
<blockquote>
<p>TL;DR: <a href="https://forum.selfhtml.org/self/2016/dec/4/html5-punkt-1-label/1682256#m1682256" rel="noopener noreferrer">Es wird nicht zusätzlich gedreht.</a></p>
</blockquote>
<p>In deinem IPhone. Vielleicht, weil es transform nicht ohne Präfix kann.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694508#m1694508Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-05-18T08:44:26Z2017-05-18T08:44:41ZGeändertes Handling der Bilder<p>@@Matthias Apsel</p>
<blockquote>
<p>Kein Grund für Zynismus o.ä.</p>
</blockquote>
<p>Für Satire sollte immer Platz sein.</p>
<blockquote>
<blockquote>
<p>TL;DR: <a href="https://forum.selfhtml.org/self/2016/dec/4/html5-punkt-1-label/1682256#m1682256" rel="noopener noreferrer">Es wird nicht zusätzlich gedreht.</a></p>
</blockquote>
<p>In deinem IPhone. Vielleicht, weil es transform nicht ohne Präfix kann.</p>
</blockquote>
<p>Good catch. Aber ich hatte doch schon auf iOS 9 geupgradet (upgegradet?). Daran liegt’s nicht.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694488#m1694488Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T19:14:14Z2017-05-17T19:14:14ZGeändertes Handling der Bilder<p>Hallo Christian Kruse,</p>
<blockquote>
<p>Würde ich auch nie behaupten </p>
</blockquote>
<p>Bau doch mal probeweise</p>
<pre><code class="block language-css"><span class="token selector">.thread-message</span> <span class="token punctuation">{</span> <span class="token property">image-orientation</span><span class="token punctuation">:</span> from-image<span class="token punctuation">;</span> <span class="token punctuation">}</span>
</code></pre>
<p>ein</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694489#m1694489Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-17T19:22:20Z2017-05-17T19:22:20ZGeändertes Handling der Bilder<p>Hallo Matthias Apsel,</p>
<blockquote>
<p>Bau doch mal probeweise</p>
<pre><code class="block language-css"><span class="token selector">.thread-message</span> <span class="token punctuation">{</span> <span class="token property">image-orientation</span><span class="token punctuation">:</span> from-image<span class="token punctuation">;</span> <span class="token punctuation">}</span>
</code></pre>
</blockquote>
<p>Und für die mit CSS gedrehten Bilder</p>
<pre><code class="block language-css"><span class="token selector">.thread-message img[style*="rotate"]</span> <span class="token punctuation">{</span> <span class="token property">image-orientation</span><span class="token punctuation">:</span> initial<span class="token punctuation">;</span> <span class="token punctuation">}</span>
</code></pre>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694500#m1694500Christian Krusehttps://wwwtech.de/about2017-05-18T06:27:06Z2017-05-18T06:27:06ZGeändertes Handling der Bilder<p>Hallo Matthias,</p>
<blockquote>
<blockquote>
<p>Bau doch mal probeweise</p>
<pre><code class="block language-css"><span class="token selector">.thread-message</span> <span class="token punctuation">{</span> <span class="token property">image-orientation</span><span class="token punctuation">:</span> from-image<span class="token punctuation">;</span> <span class="token punctuation">}</span>
</code></pre>
</blockquote>
<p>Und für die mit CSS gedrehten Bilder</p>
<pre><code class="block language-css"><span class="token selector">.thread-message img[style*="rotate"]</span> <span class="token punctuation">{</span> <span class="token property">image-orientation</span><span class="token punctuation">:</span> initial<span class="token punctuation">;</span> <span class="token punctuation">}</span>
</code></pre>
</blockquote>
<p>Das hatte ich damals auch schon probiert, die Browser-Unterstützung dafür ist aber dürftig. Chrome etwa unterstützt das nicht. Beim Firefox ändert es etwas.</p>
<p>Ich hab deinen Pull Request vor 30 Sekunden online gestellt, dann kannst du selbst testen </p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/meta/2017/may/13/geaendertes-handling-der-bilder/1694503#m1694503Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-05-18T07:33:49Z2017-05-18T07:35:40ZGeändertes Handling der Bilder<p>Hallo Christian Kruse,</p>
<blockquote>
<p>Das hatte ich damals auch schon probiert, die Browser-Unterstützung dafür ist aber dürftig. Chrome etwa unterstützt das nicht. Beim Firefox ändert es etwas.</p>
</blockquote>
<p>Ja, <a href="http://caniuse.com/#feat=css-image-orientation" rel="noopener noreferrer">leider</a>.</p>
<blockquote>
<p>Ich hab deinen Pull Request vor 30 Sekunden online gestellt, dann kannst du selbst testen </p>
</blockquote>
<p>Danke. Es schadet ja aber auch nicht.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>