Header-Bild für die Musterwebsite erstellen

Bild des Benutzers Nadine Bachmann

Diesmal zeige ich Ihnen Schritt für Schritt, wie Sie ein Header-Bild (auch ohne eigenes Grafikprogramm) für die Musterwebsite erstellen.

 

 

 

 

 

 

 

 

 

 

 

 

1.

Gehen Sie auf www.pixlr.com

Pixlr ist ein kostenloses Online-Grafikprogramm, welches NICHT installiert werden muss. Sie müssen nur die Seite aufrufen.

2.

Wählen Sie dort oben in der schwarzen Menüleiste "Pixlr Editor"

3.

Das Programm öffnet sich; wählen Sie "Bild vom Computer öffnen".

Wählen Sie anschließend Ihr Bild aus und klicken Sie auf "Öffnen".
 4.

Ihr Bild ist nun geöffnet. Wir möchten nun einen Ausschnitt anfertigen, der die nötigen Maße (565 x 200 Pixel) hat.

Klicken Sie dafür auf das Symbol für das "Freistellen-Werkzeug" .

 5.

 

Klicken Sie auf das Drop-Down-Feld neben "Constraint:".

Wählen Sier hier "Output size" aus.

 

Bei Breite geben Sie bitte 565 und bei Höhe 200 ein.

 6.

 

Klicken Sie anschließend mit der Maus in das Bild und ziehen Sie den Mauszeiger so über das Bild, das der gewünschte Ausschnitt entsteht.

Sie können anschließend an den blauen Quadraten an den Ecken auch noch die Größe des Ausschnitts verändern.

Sie Verschieben den Ausschnitt, in dem Sie in den Ausschnitt Klicken und mit gedrückter Maustaste hin- und herfahren.

 7.

Wenn der Ausschnitt passt, drücken Sie bitte die Enter-Taste.

 8.

 

Seien Sie nicht verwundert, wenn das Bild evtl. zu klein erscheint. Ist das der Fall, liegt das nur an der Zoom-Einstellung des Online-Programms.

Ihr neues Bild hat nach dem Speichern auf jeden Fall die richtigen Maße!

 9.

Speichern Sie das Bild, indem Sie auf Datei -> Speichern in dem Grafikprogramm (nicht in Ihrem Browser!) gehen. Geben Sie einen Namen ein und gehen Sie auf "OK".

 10.Fertig! Sie können das Headerbild auf Ihrer Musterwebsite jetzt unter Design -> Philippus VK Einstellungen -> Logo Einstellungen hochladen. (s. Handbuch Punkt 8.1)