Skip to main content

Wie kann ich Fotos zuschneiden?

Bilder, die im Bühnenelement verwendet werden, können seit März 2023 direkt im Backend (redaktionelle Ansicht Ihrer Webseite) beschnitten werden. (Editor)

Hier bekommen Sie weitere Informationen dazu.

Es gibt eine Vielzahl an kostenlosen oder kostengünstigen Bildbearbeitungsprogrammen.
Für dieses Beispiel wird das Programm Photoshop Elements verwendet, das auch für Einsteiger leicht zu bedienen ist.

Bitte beachten Sie:
Bilder aller Inhaltselemente werden im TYPO3-System proportional bis zur Formatfüllung skaliert (vergrößert bzw. verkleinert). Nach der Skalierung noch überstehende Bereiche werden in der Breite beschnitten (Bildausrichtung oben links zum Format, Beschnitt rechts oder unten).
Sind Bilder kleiner als das zu verwendende Format, werden sie durch die Skalierung in der Breite vergrößert. Dabei kann es zu einem Verlust der Bildqualität kommen.

1. Datei öffnen

Öffnen Sie das Bild über den Menüpunkt „Datei“ => „Öffnen“.
Photo: TYPO3-CMS-Team
Öffnen Sie das Bild über den Menüpunkt „Datei“ => „Öffnen“.

2. Freistellungswerkzeug wählen

Wählen Sie im Werkzeugbereich (auf der linken Seite) das Symbol „Freistellungswerkzeug“ aus.
Photo: TYPO3-CMS-Team
Wählen Sie im Werkzeugbereich (auf der linken Seite) das Symbol „Freistellungswerkzeug“ aus.

3. Seitenverhältnis und Größenangaben bestimmen

Es öffnet sich eine Optionsleiste. Unter dem Punkt „Seitenverhältnis“ können Sie das benötigte Format eingeben. Bitte beachten Sie, dass die Größenangaben im Leitfaden und den Elementen als Pixel (Px) erfolgen und nicht in Zentimeter (cm).
Photo: TYPO3-CMS-Team
Es öffnet sich eine Optionsleiste. Unter dem Punkt „Seitenverhältnis“ können Sie das benötigte Format eingeben. Bitte beachten Sie, dass die Größenangaben im Leitfaden und den Elementen als Pixel (Px) erfolgen und nicht in Zentimeter (cm).

4. Bildausschnitt bestimmen

Klicken Sie nun auf das Bild und ziehen Sie mit der gedrückten Maustaste das Rechteck auf. An den Eckpunkten (kleine Quadrate) können Sie den Ausschnitt vergrößern oder verkleinern.
Photo: TYPO3-CMS-Team
Klicken Sie nun auf das Bild und ziehen Sie mit der gedrückten Maustaste das Rechteck auf. An den Eckpunkten (kleine Quadrate) können Sie den Ausschnitt vergrößern oder verkleinern.

5. Bildausschnitt bestätigen

Wenn der Ausschnitt Ihren Vorstellungen entspricht, klicken Sie auf das grüne Häckchen am unteren Bildrand rechts oder doppelklicken Sie in das Bild.
Photo: TYPO3-CMS-Team
Wenn der Ausschnitt ihren Vorstellungen entspricht, klicken Sie auf das grüne Häckchen am unteren Bildrand rechts oder doppelklicken Sie in das Bild.