Zum Inhalt
IT & Medien Centrum der TU Dortmund
JPG, PNG, SVG...?

Bildformate

Auf dieser Themenseite erfahren Sie, welche Bildformate im TYPO3-System der TU Dortmund genutzt werden können und welche technischen Rahmenbedingungen Ihre Bilder erfüllen sollten.

Bei der Bereitstellung von Bildern für das Web gibt es einige Rahmenbedingungen, die man beachten sollte. Dazu zählen unter anderem das Bildformat, die Bild- und Dateigröße und - sofern genutzt - Farbprofile. Im Folgenden haben wir die gängigsten Fragen und Antworten zu diesem Themenkomplex für Sie zusammengestellt.

Grundlegende Rahmenbedingungen

Grundsätzlich können folgende Bildformate in der Dateiliste hochgeladen werden:

GIF, JPG/JPEG, PNG, SVG, WEBP

JPG/JPEG und WEBP: Diese Bildformate eignen sich am besten für Fotografien mit feinen Bilddetails. 

PNG und GIF: Diese Bildformate eignen sich besonders für Bilder mit klaren Konturen (z. B. Strichgrafiken oder Icons) und transparenten Hintergründen.

SVG: SVG Dateien haben den Vorteil, dass diese verlustfrei skaliert werden können. Vor allem bei Webseiten-Logos sollten diese zum Einsatz kommen. Mehr zum Einsatz und zur Erstellung von Logos erfahren Sie auf unserer Themenseite zu Logos.

Die Bildgröße bezieht sich auf die Breite und Höhe des Bildes in Pixeln. Die Dateigröße bezieht sich hingegen auf die Menge an Speicherplatz, die das Bild in Ihrem Dateispeicher belegt.

Wir empfehlen, Bilder immer in einer möglichst großen Bildgröße hochzuladen. Allerdings muss dabei eine gute Balance gefunden werden zwischen Bild- und Dateigröße. So sollte z. B. bei Fotografien (JPG/JPEG oder WEBP) auch bei großen Bildgrößen die Dateigröße nicht über 2 MB liegen. Dies kann über eine entsprechende Komprimierung der Bilder erreicht werden. Hierzu werden entsprechende Grafikprogramme (z. B. Photoshop oder GIMP) benötigt.

Für Bilder im Web sollte grundsätzlich ein RGB-Farbraum genutzt werden. Für die Nutzung im TYPO3-System der TU Dortmund wird ein sRGB-Farbprofil empfohlen. Dieses erzeugt die konsistentesten Ergebnisse in der Farbwiedergabe. 

Bei der Nutzung von abweichenden Farbprofilen kann es zu Schwankungen in der Konsistenz der Farbwiedergabe kommen.

Die Bilder müssen nicht vorab beschnitten werden. Sobald ein Bild von den Redakteur*innen in einem Inhaltselement eingebunden wird, können mit dem internen Bildeditor entsprechende Bildausschnitte in TYPO3 definiert werden. Dabei bleibt das Originalbild bestehen. Mehr zu diesem Thema erfahren Sie auf unserer Themenseite zum Bildeditor.

Besondere Bildelemente

Logos und Favicons

Für den Einsatz und die Erstellung von Logos und Favicons gibt es gesonderte Rahmenbedingungen, die Sie beachten sollten. Weitere Informationen finden Sie auf unserer Themenseite zu Logos und Favicons.

Seitenheader

Bei den Seitenheader muss eine Mindestbildgröße eingehalten werden, da es ansonsten zu Darstellungsfehlern in manchen Browsern kommt. 

Die Mindestgröße des Originalbildes muss betragen: 
Breite: 2880px, Höhe: min. 1000px