Wie lege ich den Bildausschnitt im Titelbild fest?

Ganz gleich in welchem Format man das Titelbild hochlädt - der Ausschnitt, der angezeigt wird, unterscheidet sich je nach Gerät des Users. Wir zeigen Euch, welcher Teil Eures Bildes wo angezeigt wird.

Wie lege ich den Bildausschnitt im Titelbild fest?

Das perfekte Titelbild zu finden, ist oft nicht einfach. Denn: Der angezeigte Ausschnitt unterscheidet sich, je nachdem, über welches Gerät man den Newsroom aufruft. Wir zeigen Euch anhand eines Beispielbildes, welche Teile eines Fotos sichtbar sind - und welche nicht.

Fokuspunkt setzen

Zu allererst ein Hinweis auf unseren sogenannten Fokuspunkt: Mit dem Fokuspunkt könnt Ihr den Teil des Bildes, der im Fokus sein soll, markieren. Klickt im Editor auf „Vorschau“ und dann auf das kleine Pfeilkreuz in der linken Ecke des Titelbildes und folgende Ansicht öffnet sich:

Hier könnt Ihr den Fokus aufziehen und mit Klick auf „Speichern“ festlegen. Probiert hier ruhig ein bisschen herum - so entwickelt Ihr ein Gefühl für die Funktion.

Welcher Teil des Titelbildes wird angezeigt?

Nun kommt unser Beispiel-Titelbild. In der Grafik wird es farbig angezeigt. Die jeweilige Ansicht im Newsroom wird Euch in Graustufen angezeigt, der Bereich des Bildes, der nicht sichtbar ist, wird rot gefärbt. Hier also beispielsweise das Titelbild in der Artikelansicht am Desktop:

Etwas anders sieht es aus, wenn Ihr nicht den Artikel direkt aufruft, sondern die Vorschau auf der Startseite des Newsrooms seht. Dann wird ein etwas größerer Teil des Fotos abgeschnitten - am Desktop gleichermaßen wie in der App oder im mobilen Browser:

Nochmal anders sieht das Titelbild Eures Artikels aus, wenn Ihr ihn in der App oder im mobilen Browser öffnet. Hier kommt es ein bisschen auf die Breite der genutzten Mobile Device an.

Wir hoffen, die Beispielbilder geben Euch etwas Orientierung in punkto Titelbilder. Ein grundsätzlicher Tipp: Wichtige Elemente sollten am besten mittig im Bild liegen (v.a. bei gesponsertem Content und Schrift im Bild).

_____________________________________________________

Logo