Bildergröße einheitlich gestalten

Question

Hallo,

ich habe in meiner Umfrage eine Frage mit Mehrfachauswahl, bei der man sagen soll, welche Logos man schon mal gesehen hat.

Die einzelnen Antwort-Items sind also die Logos als Bild. Diese möchte ich gerne möglichst einheitlich formatiert haben, sodass sie möglichst gleich groß sind.

Ich habe manche Logos als png und manche als jpg vorliegen. Wenn ich die Größe der Bilder bereits auf meinem Laptop anpasse und sie hochlade und im Fragebogen einfüge, passt es mit der Größe nur bei den jpg-Dateien. Die png-Dateien werden automatisch größer dargestellt, egal wie groß die hochgeladene Datei ist. Wenn ich die png-Dateien in jpg-Dateien umwandle, habe ich aber das Problem, dass der bisher transparente Hintergrund schwarz wird, was ich auch nicht möchte.

Wie kann ich die Größe in SoSci Survey umsetzen, sodass es sowohl auf einem Laptop als auch auf einem Handy passt?

Vielen Dank vorab.

Answer 1

Die png-Dateien werden automatisch größer dargestellt, egal wie groß die hochgeladene Datei ist

Höchstwahrscheinlich liegt das nur an Ihrem Browser-Cache. Der "merkt" sich die Version der Datei, die er zuerst bekommen hatte, und verwendet immer diese, egal was Sie hochladen. Leeren Sie bitte einfach mal den Cache Ihres Browsers.

Wie kann ich die Größe in SoSci Survey umsetzen, sodass es sowohl auf einem Laptop als auch auf einem Handy passt?

Auf dem kleinen Display eines Skartphones wird der Platz nicht ausreichen, um die Logos genauso übersichtlich darzustellen wie auf dem PC. Aber Sie können in der Mehrfachauswahl, wenn Sie die Kärtchen-Darstellung nutzen, die gewünschte Anzahl an Spalten und eine Mindestbreite eingeben. Im Bild sollten Sie die Breite auf 100% (des Kärtchens) beschränken:

<img src="..." style="max-width: 100%">