Allerdings ist am oberen und am linken Rand des Bildes ein dünner Strich, der sehr störend ist, denn der Hintergrund und ein Grossteil vom Bild sind weiss.
Das ist nicht nachvollziehbar.
Ein Online-Beispiel habe ich nicht zur Hand, ich bearbeite die Dateien lokal.
Dann reduziere dein HTML-Dokument und das CSS so weit, bis der Fehler nicht mehr auftritt und schau nach, was daran Schuld hat.
Das Problem taucht sogar im "Reinzustand" auf. Allerdings habe ich jetzt einen Unterschied festgestellt.
Wenn ich diese Seite lade
<html>
<body>
<img src="logo.jpg">
</body>
</html>
geht alles gut. Bei dieser Seite
<html>
<body>
<img src="logo.jpg" width="100px">
</body>
</html>
erscheint aber wieder mein Rand links und oben.
Wenn ich die reine jpg Seite lade im Browser, sehe ich auch keinen Rand.