Benutzer-Werkzeuge

Webseiten-Werkzeuge


tutorial:quickpage2

Dies ist eine alte Version des Dokuments!


Quickpage

Layout-Bilder erstellen

Ein kleines Problem beim Einfügen von selber erstellten Layout-Bilder ist das spezielle Seitenverhältnis von 704 X 207 Pixeln.

Hier finden Sie eine Anleitung, wie Sie mit dem Gratis Bildprogramm IrfanView IrfanView Bilder ins richtige Format bringen können.

Voraussetzung ist, dass Sie IrfanView installiert haben. Irfanview installieren

Als Ausgangslage dient uns dieses Bild:

Chor_1024x681

mit der Grösse von 1024×681 Pixel

Wenn wir nun dieses Bild einfach mit Bild→Grösse ändern auf 704*207 ändern (der Schalter „Proportional“ darf nicht angekreuzt sein)

chor_groesse aendern

Wird das ganze Bild sehr gestaucht und die Proportionen gehen verloren:

chor_704x270-gestaucht

Wir müssen also einen proportionalen Bildausschnitt wählen.

Hier hilft uns IrfanView mit seinen Rahmen-Funktionen.

Zuerst unter Bearbeiten→ spezielle Markierung erstellen (auch über Ctrl+C erreichbar) die gewünschte Grösse von 704×270 Pixel einstellen. Diese Auswahl bestätigen Sie mit dem Button „Auf Bild anwenden“.

spezielle Markierung erstellen

Info: Beim ersten Mal können Sie den Button „Aktuelle Werte speichern“ drücken, dann müssen Sie beim nächsten Mal die Werte nicht erneut eintragen

Chor_mit Rahmen

Den Rahmen mit der Rechten Maustaste verschieben bis der Ausschnitt passt und/oder die Ctrl-Taste drücken und den Rahmen mit der Maus proportional in der Grösse ändern.

Wichtig ist dass Sie den Ausschnitt nicht kleiner als 704*270 machen. Der Web-Browser vergrössert sonst das Bild automatisch auf 704*270 und das Bild schaut unscharf aus.

Oben in der blauen Titelzeile sehen Sie die aktuelle Grösse des Rahmens.

Wenn der Ausschnitt stimmt mit: Bereit→ Freistellen (oder direkt Ctrl+Y ) den Rest abschneiden.

chor_freistellen

Wenn der Rahmen mit der Maus in der Grösse geändert wurde, muss die Bildgrösse nochmals angepasst werden

Bild→Grösse ändern auf 704*207 anpassen

Grösse ändern

Dieses Mal wird das Bild durch die Grössenänderung nicht verzerrt, da die Proportionen nicht geändert werden.

chor_704x270-freigestellt

Nun müssen wir das Bild nur noch speichern - fertig ist unser Header-Bild.

tutorial/quickpage2.1291716276.txt.gz · Zuletzt geändert: 2010/12/07 11:04 (Externe Bearbeitung)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki