Zuerst aber jedenfalls das Header-Bild hochladen, wegen der Übersichtlichkeit am besten unter Layout / Bilder. Das entstehende Macro kopieren.

1. Variante:
In der Skin Hauptseite alles, was zwischen <div id="header">
und dem dazugehörigen </div> steht, löschen (aufpassen, das Ende-div ist das, was nach </h1> steht, kein anderes) und das Bildmacro stattdessen einfügen. Eventuell noch mit dem Link auf die Hauptseite, das ergibt dann:
<a href="<%site.root%>"> *Bildmacro* </a>

2. Variante
(Wenn du das Icon und den Site-Titel im Header behalten willst) In der Skin "Stylesheet" unter

#header {... }

innerhalb der geschwungenen Klammern das Bildmacro mit dem Zusatz "as="url"" hinzufügen, also so:

background: url(<% layout.image name="namedesbildes" as="url" %>);