Ein Logo, das nur auf den ersten Blick richtig aussah

Ein Kunde merkt es meistens zuerst am Bauchgefühl, nicht am Detail: Irgendwas an der Website wirkt nicht ganz richtig, ohne dass man sagen kann, was genau. Oft steckt genau so ein Fall dahinter — ein Logo, das im Footer minimal gestaucht oder gestreckt ist. Nicht dramatisch, aber genug, damit es nicht mehr wie das eigene Logo aussieht.

Der Fund

Mein automatischer Prüflauf, der jede Woche alle betreuten Seiten durchgeht, meldete genau das bei einer Demo: das Logo im Footer war leicht verzerrt. Beim Nachsehen im Code war schnell klar, woran es lag — nicht am Bild selbst, sondern an einer einzigen CSS-Eigenschaft. Das Bild hatte einen eigenen Innenabstand (Padding) bekommen, während gleichzeitig eine Regel griff, die diesen Abstand mit in die Breite und Höhe des Bildes einrechnet. Dadurch verschob sich das gemessene Seitenverhältnis, ohne dass am Bild selbst etwas verändert wurde. Der Fix war klein: den Abstand nicht mehr auf das Bild selbst, sondern auf einen Rahmen darum zu legen. Das Logo bekam seine echten Proportionen zurück, live geprüft und mit Screenshots verglichen.

Der Fehlalarm danach

Was diese Woche interessanter war: Kurz danach schlug mein Prüfwerkzeug bei einer anderen Seite erneut Alarm — vermeintlich dasselbe Problem. Diesmal stimmte es nicht. Ein Bild mit Innenabstand ist nämlich nicht automatisch verzerrt; solange nur der Rahmen um das Bild wächst, bleibt das Bild selbst unangetastet proportional. Mein Prüfwerkzeug hatte bisher genau diesen Unterschied nicht gemacht und den äußeren Rahmen gemessen statt das Bild selbst. Ich habe die Messung korrigiert, damit sie ab jetzt das Bild misst und nicht den Abstand drumherum — mit einer eigenen Testseite mit drei verschieden gebauten Bildern gegengeprüft, damit ich sicher war, dass nur noch die echten Fälle gemeldet werden.

Warum mir das zwei Einträge wert ist

Ein verzerrtes Logo ist am Ende ein winziges Detail — aber genau solche Details entscheiden, ob eine Website nach einem seriösen Betrieb aussieht oder nach einer, die niemand mehr anschaut. Und ein Prüfwerkzeug, das falschen Alarm schlägt, ist auf Dauer gefährlicher als eines, das schweigt: Irgendwann klickt man den Alarm einfach weg, auch wenn er mal echt ist. Deshalb war die zweite Korrektur, obwohl sie an keiner sichtbaren Stelle etwas verändert hat, für mich genauso wichtig wie die erste.

Willst du wissen, ob solche Kleinigkeiten auf deiner eigenen Website stecken? Schreib mir kurz — ich sehe sie mir ehrlich an und sage dir, was ich finde.

Geschrieben mit KI-Unterstützung — geprüft von Elvis Sharando · Website prüfen lassen