Bildbreite begrenzen

Question

Hallo,

ich möchte gerne für einen Fragebogen eine Grafik als kleines Bild einblenden, das nicht die ganze Seitenbreite einnimmt. Das Problem ist, wenn ich das Bild mit einer kleineren Pixelanzahl speichere, wird es sehr unscharf. Das ist blöd, da die Grafik Text enthält, den man lesen können soll.

Ich habe die Grafik schon als .png gespeichert und mit GIMP "unscharf maskieren" versucht, es ist immer noch unscharf.

Ich habe in einem Forumbeitrag gelesen, dass man die Breite eines Bildes mit dem Befehl style = "max-width: 120px;" begrenzen kann. Das hat bei mir aber leider nicht funktioniert, es ist immer noch gleich breit. Mein nicht funktionierender Code lautet.

<!-- Seite 1 -->
<page intID="1">

<image src="V_a1x.png" intID="3" style = "max-width: 120px"/>
<postprocessing intID="12">

</postprocessing>
</page>

Falls jemand dieses Problem kennt und mir helfen kann wäre ich sehr dankbar!

Vielen Dank und freundliche Grüße

Answer 1

Sie haben versucht, den CSS-Code in den "internen Code" des Fragebogen einzubinden.

Fügen Sie stattdessen ein Element "HTML-Code" in den Fragebogen ein (anstatt des Bildes) mit dem HTML-Code:

<img src="V_a1x.png" style="max-width: 120px">

Beachten Sie, dass Sie auf PC-Bildschirmen das optimale Ergebnis erzielen, wenn das Bild auch tatsächlich 120 Pixel breit ist. Smartphones und einige Apple-Displays haben hingegen eine höhere Auflösung, hierfür können Sie das Bild mit 240 oder 480 Pixeln Breite hinterlegen. Denken Sie aber daran, dass man auf dem PC-Bildschirm i.d.R. nur 120 Pixel erkennt - und ob das für die Leserlichkeit reicht, kommt auf den Inhalt an.