0 votes
in SoSci Survey (dt.) by s264231 (130 points)
edited by SoSci Survey

Hallo,

ich habe leider das Problem, dass das Logo was ich in einer hohen Qualität eingefügt habe in einigen Browsern unscharf angezeigt wird. Das Logo soll über die gesamte Breite des Fragebogens gehen. bIch verstehe nicht ganz wo das Problem liegen könnte. Ich habe versucht die Skalierung über den Html-Code im Layout zu machen, aber bin mir unsicher wo genau ich was einfügen sollte.

Das ist momentan der Html-Code im Layout. Die Breite des Fragebogens beträgt 800px:

<html>
<head>
%head%
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body { padding: 0 0 20px 0; margin: 0 }
div#s2t-progress { position: absolute; right: 10px; top: 0px; width: 200px }
div#s2t-logo { margin-bottom: 10px; width: 800px}
div.questionary { min-width: 300px; max-width: %width%; margin: 14px auto 0px auto; padding: 0 10px }

/* Center header and footer on smartphone */
@media (max-width: 450px) {
	div#s2t-logo { text-align: center; margin-bottom: 16px }
	div#s2t-controls { text-align: center }
	div#s2t-imprint { text-align: center }
	div#s2t-progress { left: 0; right: 0; margin: 0 auto }
}
</style>
div#s2t-logo {
    max-width: 800px;
}

Hier der Pretest-Link: https://www.soscisurvey.de/PA_Szenarien/?act=1AlSF6127lJyp5uD6cRN1SFc

Danke schonmal!

1 Answer

0 votes
by SoSci Survey (323k points)

Meines Erachtens ist bereits das hochgeladene Bild nicht von besonders guter Qualität:
https://www.soscisurvey.de/PA_Szenarien/logo.ger.8324.jpg

Die JPG-Kompession sorgt hier dafür, dass die Kanten rechts unsauber sind. Da sollte eine geringere Kompression (Qualität 99% oder 100%) gewählt werden, denn JPG ist für Schrift und Grafikelemente nicht geeignet. Oder Sie verwenden das Dateiformat PNG.

Damit das Bild auf kleineren Geräten skaliert, müssten Sie diese Zeilen bitte entfernen:

div#s2t-logo {
    max-width: 800px;
}

Wenn Sie das Bild auch auf hochauflösenden Displays schärfer haben möchten, laden Sie es mit 1600 oder 3200 Pixel Breite hoch.

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...