[DE] Wenn hochgeladene Bilder in der Vorschau Kopf stehen

Tutorial gültig für CBACK Forum ab v4.9.0

 
cback
Admin
Avatar
Geschlecht:
Herkunft: Saarland
Alter: 38
Homepage: cback.net
Beiträge: 17638
Dabei seit: 12 / 2003
Betreff:

[DE] Wenn hochgeladene Bilder in der Vorschau Kopf stehen

 · 
Gepostet: 30.07.2021 - 13:44 Uhr  ·  #1
[DE] Wenn hochgeladene Bilder in der Vorschau Kopf stehen
Tutorial für CBACK Forum Version: >= 4.9.0
Das Phänomen
Auf manchen Servern / Serverkonfigurationen, gerne in nginx oder fast-cgi Umgebungen, kann es in wenigen Fällen vorkommen, dass ein hochgeladenes Bild in einem Anhang in der Vorschauansicht plötzlich nicht mehr in seiner korrekten Ausrichtung angezeigt wird. Meistens steht das Bild auf dem Kopf oder ist im 90° Winkel verdreht. Die Großansicht der Originaldatei ist dann jedoch wieder in der korrekten Ausrichtung. - Falls Du so ein Phänomen auf Deinem Forum bereits beobachtet hast (und nur dann, ansonsten brauchst Du diese Funktion nicht), dann gibt es ab CBACK Forum v4.9 dafür eine schnelle Abhilfe.

Technischer Hintergrund: Warum passiert das eigentlich?
Dieses seltsame Phänomen tritt oft bei Fotos auf, die mit einem Smartphone oder einer Digitalkamera mit Gyroskop / Lagesensor aufgenommen wurden (viele ActionCams machen das zum Beispiel). Noch aus der Zeit stammend, in der Prozessoren in diesen mobilen Geräten noch nicht so leistungsfähig waren wie heute und um Akkustrom zu sparen hat man sich dann dazu entschlossen, die Lage des aufgenommenen Fotos einfach in den EXIF Tags eines Bildes abzulegen. Sozusagen ein Marker, der dem Gerät sagt, in welcher Position das Bild aufgenommen wurde, anstatt die Datei direkt rechenintensiver in ihrer korrekten Lage abzuspeichern.

Beim Anzeigen können all diese Geräte (und auch Browser oder Betriebssysteme) dieses Flag auswerten und damit entscheiden, in welcher Richtung sie die Grafikdatei aufbauen, sodass sie für den Anwender eben in der korrekten Drehung sichtbar ist.


Übrigens: Wenn Du ein Foto direkt in Deinem Betriebssystem / Bildbearbeitungsprogramm / Gerät auf dem Kopf stehend siehst, dann hast Du es definitiv auf dem Kopf aufgenommen (oder das Gerät hat eine falsche Rotation gespeichert). In diesem Fall müsstest Du das Bild vorher wirklich manuell drehen. Die automatische Korrektur bezieht sich nur auf Bilder, die vor dem Upload korrekt ausgerichtet sind und nach dem Upload in der Vorschau plötzlich eine andere Ausrichtung haben.
Doch was passiert manchmal beim Upload/Skalieren, dass ein Bild nicht mehr richtig dargestellt wird?
Üblicherweise macht die Methodik mit dem Ausrichtungs-Flag beim Skalieren eines Bildes auch nach dem Upload für eine Webseite keine Probleme: Diese Kennzeichnung im Bild bleibt üblicherweise enthalten und wird auch nach einer Skalierung mittels GDLib auf dem Server, beispielsweise für die Bildvorschau, beibehalten.

Doch es gibt auch Serverkonfigurationen, wo das nicht so ist: Technisch salopp gesagt ist das Skalieren in solchen Fällen für den Server ein "externer Prozess" und die EXIF Daten verschwinden gänzlich aus dem Bild, welches verarbeitet "zurückgeschickt" wird. Technisch hat das noch viele andere Hintergründe, aber vereinfacht kann man dies so herunterbrechen. Wenn genau das auf Deinem Server passiert, dann hast Du das Phänomen des "Spontandrehens".


Wie kann ich das Problem lösen?
Dies ist ab CBACK Forum v4.9 sehr einfach:

Gehe einfach in den Admin Bereich und klicke Dort in der Kategorie "Home" auf "Allgemeine Konfiguration".
Im Schnellsuchfeld oben links auf der Einstellungsseite tippst Du ein: "Skalierte Bilder".

Du siehst dann die Option mit dem Namen "Skalierte Bilder automatisch drehen".

Setze diese Option auf "Aktivieren".

Bei jedem dann folgenden Upload versucht das CF4 festzustellen, ob Dein Server die EXIF Tags beim Skalieren verliert oder nicht. Ist dies der Fall wird die GDLib das Bild automatisch in die richtige Position drehen und in korrekter Lage abspeichern.


Was es dabei noch zu beachten gibt
Die eventuelle Notwendigkeit ein Bild nicht nur zu skalieren sondern auch noch zu spiegeln oder zu drehen sorgt natürlich dafür, dass gerade riesig große Bilder für die Verarbeitung einmalig beim Upload etwas mehr Leistung von Deinem Server erwarten. Solltest Du z.B. sehr hohe Uploadgrößen pro Datei erlaubt haben und erhältst irgendwann eine "allowed memory size of xx byte exceeded" Fehlermeldung, dann musst Du in der php.ini Deines Servers das "php_memory_limit" erhöhen, damit Dein Server dem PHP Dienst ausreichend Kapazität für die Bildverarbeitung zur Verfügung stellt. Bei Fragen zur Konfiguration der php.ini kontaktiere am Besten Deinen Hoster.

Und wegen der Zusatzlast hier auch nochmal abschließend der Hinweis: Wenn Du das Problem mit falsch stehenden Bildern noch nie beobachtet hast, dann kannst Du diese Funktion ausgeschaltet lassen. Dann ist das reine verwenden des Ausrichtungs-Flags in Ordnung und beim Upload wird ein bisschen Prüf- und Verarbeitungsarbeit gespart.









[EN] When uploaded images are upside down in the preview
Tutorial for CBACK Forum Version: >= 4.9.0
The phenomenon
On some servers / server configurations, often in nginx or fast-cgi environments, it can happen in a few cases that an uploaded image in an attachment is suddenly no longer displayed in its correct orientation in the thumbnail. In most cases, the image is upside down or rotated at a 90° angle. However, the large view of the original file is then displayed in the correct orientation again. - If you have already observed such a phenomenon on your forum (and only then, otherwise you don't need this function), there is a quick workaround available since CBACK Forum v4.9.

Technical background: Why does this happen?
This strange phenomenon often occurs with photos taken with a smartphone or a digital camera with a gyroscope / position sensor (many action cams do this, for example). Dating back to the time when processors in these mobile devices were not as powerful as they are today and in order to save battery power, it was decided to simply store the position of the photo taken in the EXIF tags of an image. A marker, so to speak, that tells the device in which position the image was taken, instead of saving the file directly in its correct position, which is more computationally intensive.

When displaying, all these devices (and also browsers or operating systems) can evaluate this flag and thus decide in which direction the graphic file has to be rotated so that it is visible to the user in a correct manner.


By the way: If you see a photo upside down directly in your operating system / image editing program / device, then you have definitely taken it upside down (or the device has saved an incorrect rotation). In this case, you would really have to rotate the image manually beforehand. The automatic correction only applies to images that are correctly aligned before the upload and suddenly have a different alignment in the preview after the upload.
But what sometimes happens during uploading/scaling that an image is no longer displayed correctly?
Normally, the method with the alignment flag does not cause any problems when scaling an image even after it has been uploaded to a website: This flag usually remains in the image and is retained on the server even after scaling using GDLib, for example for the image preview.

However, there are also server configurations where this is not the case: in technical terms, scaling in such cases is an "external process" for the server and the EXIF data disappears completely from the image, which is "sent back" after processing. Technically, there are many other reasons for this, but in simple terms it can be broken down like this. If this is exactly what happens on your server, then you have the phenomenon of "spontaneous rotation".


How can I solve the problem?
This is very easy as of CBACK Forum v4.9:

Just go to the admin panel and click on "General Configuration" in the "Home" category there.
In the quick search field at the top left of the settings page, type: "Scaled images".

You will then see the option called"Automatically rotate scaled images".

Set this option to "Activate".

With each subsequent upload, the CF4 will try to determine whether your server loses the EXIF tags when scaling or not. If this is the case, the GDLib will automatically rotate the image to the correct position and save it in the correct position.


What else needs to be considered
The possible need not only to scale an image but also to mirror or rotate it naturally means that huge images in particular require a little more performance from your server for processing once during upload. If, for example, you have allowed very large upload sizes per file and at some point receive an "allowed memory size of xx byte exceeded" error message, then you must increase the "php_memory_limit" in the php.ini of your server so that your server provides the PHP processing with sufficient capacity for image processing. If you have any questions about the configuration of php.ini, please contact your hoster.

And because of the additional load, here is a final note: If you have never observed the problem with misaligned images, then you can leave this function switched off. Then the mere use of the alignment flag is fine and a bit of checking and processing work is saved during the upload.
minerali
Benutzer
Avatar
Geschlecht:
Herkunft: Deutschland
Alter: 73
Homepage: gedichte-stuebchen…
Beiträge: 217
Dabei seit: 07 / 2020
Betreff:

Re: [DE] Wenn hochgeladene Bilder in der Vorschau Kopf stehen

 · 
Gepostet: 05.08.2021 - 22:56 Uhr  ·  #2
Gutenabnd christ,
habe diesen Beitrag soeben entdeckt und bedanke mich herzlich für die Umsatzung. Genau dieses Problem tauchte bei uns im lezten Jahr auf und hat für leichte Verwirrung bei den Usern gesorgt. Hatte dafür zwar eine Notlösung gefunden, aber das nun die Bilder automatisch gedreht werden ist genial.

Gerade in der heutigen Zeit wo jeder mit dem Smartphone unterwegs ist und schnell mal ein Blümchen oder Steinchen hochlädt, ist das die perfekte Lösung, zumindest für uns, da wir viele Handynutzer haben.

Vielen Dank für das super feature.

Grüsse von Brigitte :D
cback
Admin
Avatar
Geschlecht:
Herkunft: Saarland
Alter: 38
Homepage: cback.net
Beiträge: 17638
Dabei seit: 12 / 2003
Betreff:

Re: [DE] Wenn hochgeladene Bilder in der Vorschau Kopf stehen

 · 
Gepostet: 06.08.2021 - 12:49 Uhr  ·  #3
Hallo Brigitte,

sehr gerne, vielen Dank für das nette Feedback!
Freut mich sehr, dass die Funktion Dir so nützlich ist! :)

Viele Grüße und ein schönes Wochenende,
Chris
Gewählte Zitate für Mehrfachzitierung:   0

Registrierte in diesem Topic

Aktuell kein registrierter in diesem Bereich

Die Statistik zeigt, wer in den letzten 5 Minuten online war. Erneuerung alle 90 Sekunden.