Bilder für Homepage mit Handy erstellen

Tipps einer Webdesignerin.

Erstellt am: 18. Dezember 2022

Bilder sind unendlich wichtig für das Erscheinungsbild einer Homepage/ Website.

Wir Menschen wollen Infos, die sich auf den ersten Blick aus der Informationsflut abheben und besonders schnell aufgenommen werden können. Bilder können die Wirklichkeit sehr genau und objektiv wiedergeben. Dafür müssen wir nicht erst den Text lesen UND wir erinnern uns oft leichter an Bilder.

Die Glaubwürdigkeit von Bildern kann außerdem als hoch eingeschätzt werden.
Eine Website soll bei BesucherInnen ein bestimmtes/gutes Gefühl auslösen. Bilder können auch das. Bereits der erste Eindruck kann entscheiden, ob auf der Seite verweilt wird.

Also: Welche Bilder für die Website?

Welchen Eindruck sollen die Gäste der HOMEpage bekommen? Wie wollen Sie sich darstellen?
Wie wollen Sie Ihr Angebot, Ihre Produkte präsentieren?

Bilder selber erstellen oder Fotografin beauftragen?

Bei einer (Image)Fotografin zu buchen, hat natürlich auch Vorteile. Professionell gemacht wirkt meist am besten.

Nichtsdesto trotz soll es in diesem Beitrag ums Selbstmachen gehen.

Bilder selber erstellen

Bei Zeit- Geld- Mutmangel und/oder wenn Sie Lust drauf haben und gerne unkompliziert aktuelle Fotos für den Blog schießen möchten: Es lohnt sich, einige Tipps zu befolgen.

Wichtige Fragen VOR der Foto Erstellung:

1. Welche Fotos passen zu meinem Angebot?

2. Wie will ich auf den Fotos wirken? Ernst, seriös, offen, freundlich, humorvoll, kompetent, verspielt, vertrauenswürdig... (An eigenen Werten orientieren).

3. Welche Pose will/kann ich einnehmen?

4. Welche Farben, Kleidung, Produkte, Tätigkeiten sollen abgebildet werden?

1. "Welche Fotos passen zu meinem Angebot?"

Welche ist die eigene Nische? Eine Anwältin, die besonders sozial eingestellt ist und und eine junge Zielgruppe bedient, wird sich womöglich anders darstellen, als der seriös wirken wollende Firmenanwalt. Eine Unternehmerin, die persönlich für ihre Marke steht, wird mehr eigene Persönlichkeit zeigen, als jene, die für eine bestimmte Marke arbeitet.

Orientieren Sie sich gerne an den Werten Ihrer Selbständigkeit, Ihres Unternehmens. Wofür stehen Sie? Was unterstreicht Ihre Persönlichkeit?

2. "Wie wirken Bilder und in welcher Pose fühle ich mich wohl?"

Surfen Sie gerne durchs Internet, achten Sie in Magazinen darauf, was Sie anspricht. Was gefällt Ihnen und würde gut zu Ihrem Angebot passen? Holen Sie sich gerne von anderen (im besten Fall Kolleginnen, Profis...) deren Meinung dazu ein. Erstellen Sie ein Pinterest Board, drucken Sie die Lieblingsfotos aus oder sammlen Sie diese digital in einem Programm oder einer Datei.

Achte Sie auf Farben, Stimmungen, Posen.
Wie präsentiert sich die Person auf dem Bild? Welches Gefühl entsteht dadurch bei Ihnen/ bei anderen BetrachterInnen?

Trauen Sie es sich zu, diese Pose nachzustellen? Wenn ja: los gehts!
Wenn nein: bitte üben. Analysieren Sie genau, wie die Person steht/sitzt/sich bewegt und probieren Sie es vor der Kamera oder dem Spiegel. Wenn Ihnen entsprechende Pose zu unnatürlich vorkommt und Sie auch über längere Zeit nicht hinein finden: nehmen Sie die zweit-dritt-viertbeste Version und arbeiten an dieser.

Musik kann dabei helfen, in die entsprechende Stimmung zu kommen.

3. "Farben, Kleidung, Authentizität, Tätigkeit,
Produktplatzierung?"

Welche Farben sollen in den Fotos sein, damit sie zum eigenen Branding passen und die Website harmonisch wirkt?

Welche Kleidung unterstreicht Ihr Wesen, Ihre Werte oder Ihr Auftreten? Ist es der seriös wirkende Hosenanzug, die etwas legerere Jeans zu Blazer, das luftig fröhliche Sommerkleid, der gemütliche, nachhaltige Strickpulli? Was passt gut zur eigenen Tätigkeit und wie sind Sie üblicherweise auch bei der Arbeit angezogen?

Authentisch wirken Sie natürlich, wenn Ihr(e) KundIn Sie beim ersten Termin auch gleich erkennt und nicht irritiert ist, weil Sie so anders aussehen, als auf der Website.

Zeigen Sie auf dem Bild Ihre Arbeit, sich selbst im Gespräch mit einer anderen Person? (Unbedingt um schriftliche Erlaubnis bitten, sollte diese erkennbar sein). Während Sie Ihr Produkt erstellen? In Ihren Laptop tippen, ins Handy lächeln, durch die Natur spazieren, einen Vortrag halten?...Sie wissen schon, worauf ich hinaus will. Was Sie üblicherweise tun und zeigen wollen, damit Besucherinnen einen guten Eindruck von Ihrer Arbeit bekommen.

Welche Technik für Homepage Fotos?

Auch der Selbstauslöser Ihrer Kamera oder des Handys kann zu schönen Bildern führen. Ich empfehle:

gutes, natürliches Licht, am besten von vorne. (Oder ein bisschen Know How über Hilfsmittel und Einstellungen)
einen passenden Hintergrund. Am besten einfarbig, auch falls das Bild freigestellt (der Hintergrund entfernt) werden soll.
ein Stativ, Tripod oder sonst wie mögliche, sichere Positionierung des Handies
Handy mit Selbstauslöser
Fernauslöser für Ihr Handy oder hin und her "rennen". Manche Handies können aber von Haus aus Serienaufnahmen.
Eine App wie Lightroom, Photoshop, Inshot etc. zur Nachbearbeitung. Oder einfach das vorinstallierte Programm deines Handies. Meist geht es um Bearbeitung von Helligkeit, Sättigung und Dynamik. Eventuell bedachte Retusche, wenn Sie sich ansonsten sehr unwohl fühlen würdest.

Scharfe Person, unscharfer Hintergrund

Die Handies haben heutzutage meist schon einen Porträt Modus, der den Hintergrund etwas verschwimmen lässt. Das kann richtig schön aussehen.

Los gehts, Fotoshooting

Der Vorteil dabei, die Fotos selbst zu machen?: Die Möglichkeit unbeobachtet zu posen und herumzuprobieren. Die Musik aufdrehen und Spaß haben. Mein ich ernst.

Gewünschten Modus (Porträt oder normal?) einstellen,
Unter „Einstellungen“, „Kamera“ die Objektivkorrektur (wenn vorhanden) aktivieren, bei wenig Know How mit Bildbearbeitung am besten auch „Szeneerkennung“ und „Intelligente HDR“
Das Handy in der passenden Position fixieren mithilfe von Tripod oder Stativ mit Handyaufsatz. (Darauf achten, dass die seitlichen Knöpfe frei sind- sonst werden die versehentlich gedrückt)
Den Fokus auf den Bereich setzen, in dem das eigene Gesicht/ der eigene Körper dann sein wird. (Einfach auf den Bildschirm tippen). Dafür kann auch ein Platzhalter genommen werden. Weiteres Stativ, Gitarre, Bügelbrett...
Mal Probeschießen, ob die Kamera richtig ausgerichtet ist und in das Foto reinzoomen, um zu checken, ob die Qualität gut ist/ das Foto scharf ist.
Weitermachen, bis Ihnen zumindest zwei Fotos echt gut gefallen.
Am Laptop/PC anschauen, ob die Bilder gut verwendbar sind.
Foto nachbearbeiten mittels Filter, Retusche oder halt auch einfach gar nicht.

Fotos verkleinern für den Einsatz auf der Homepage

mit Photoshop („Für Web exportieren“)
Mit Paint (kostenlos) („Bild“, „Größe ändern“, „Seitenverhältnis beibehalten“)
Es gibt noch jede Menge anderer Möglichkeiten. All jene, bei denen Fotos irgendwo hochgeladen werden, empfehle ich Achtsamkeit wegen Datenschutz. Bei manchen Anbietern lädt Ihre Seite Ihr Foto in verkleinerter Form von Drittanbietern, was zu rechtlichen Problemen führen kann.

Wie groß sollen die Fotos denn nun sein?

Ich habe mit folgenden Größen gute Erfahrungen gemacht: Bild über ganze Breite: 2500px Breite einstellen.
Bild für Blog Artikel: 400-800 Pixel Breite, je nach Geschmack

Unbedingt in JPG abspeichern, außer es wird ein transparenter Hintergrund benötigt, dann PNG-8. Dann müsstest du auf Foto Größen so um die 100kb kommen, das ist ein guter Richtwert. PNG sind meist größer.

Bild über ganze Breite ist manchmal größer und sollte auch nur höchstens einmal pro Seite verwendet werden. Zumindest, wenn das Foto scharf sein soll. (Bei Struktur Bildern im Hintergrund, kannst du eventuell auch kleinere Bilder für größere Flächen nehmen. )

Dann gibts da auch noch Stock Fotos

Vorab von anderen produzierte Fotos bitte mit Bedacht wählen. Was passt zum eigenen Angebot und wie sind die Nutzungsrechte? Wird genug Persönlichkeit transportiert oder wirken die Fotos austauschbar und beliebig?

Vor allem, wenn man selber für seine Marke steht, sollte man auch zumindest einmal auf der Website persönlich abgebildet sein.

Ich verwende derzeit gerne Depositphotos, wo für meine Zwecke die Standardlizenz, meines Wissensstandes nach, ausreichend kommerziell genutzt werden darf.

Was können Bilder noch?

Bilder können außerdem die Website auflockern, bei der Strukturierung helfen, Informationen vermitteln und der Orientierung dienen.

Wissen Sie schon, welche Bilder für die Website passen oder brauchen Sie noch weitere Unterstützung dabei?

Je nach Angebot ist bei mir Unterstützung diesbezüglich inkludiert.