Wenn wir hier von Bildgrößen sprechen dann meinen wir die Abmessungen der Bilder, also die Breite und Höhe in Pixel (px). Die Dateigröße in Kilobyte (KB) oder Megabyte (MB) ist zum einen von den Abmessungen abhängig. Zum anderen aber auch vom Motiv und wie stark du das Bild komprimiert hast und in welchem Format du es abspeicherst.
Headerbilder
Headerbilder können max. eine Höhe von 500 px haben und die Breite einer Seite kann max. 1.500 px einnehmen. Die maximale Größe eines Headerbildes sollte daher 500 x 1.500 px betragen. Allerdings solltest du diese Größe nicht pauschal verwenden. Es kommt immer darauf an, wie du deine Seite gestaltest. Wenn du weisst, dass dein Header eine Breite von 1.000 px und eine Höhe von 450 px haben wird dann sollte das Bild auch nur so groß werden. Wenn das Bild nicht der Größe entspricht, die du als Bereich festlegst, dann wird nur ein Auschnitt vom Bild angezeigt.
Headerbilder im Außenstreifen
Der Außenbereich eines Headers kann max. eine Höhe von 500 px haben. Die Breite ist dagegen abhängig vom Bildschirm, auf dem die Webseite angezeigt wird. Die meisten Bildschirme haben entweder HD oder UHD Auflösung. Das bedeutet, die Breite schwankt zwischen 1.920 px und 2.560 px. Optimal wäre also eine Größe von 2.650 x 500 px. Dann wird das Bild auf einem UHD Bildschirm komplett angezeigt und auf einem HD Bildschirm werden links und rechts Bildteile abgeschnitten, vorausgesetzt, du setzt die Platzierung auf "zentriert". Ist das Bild höher als 500 px wird nur ein Auschnitt angezeigt.
Hintergrundbild
Wie groß der Hintergrund angezeigt wird, ist abhängig vom Bildschirm, auf dem die Webseite angezeigt wird. Die meisten Bildschirme haben entweder HD oder UHD Auflösung. Das bedeutet, die Größe schwankt zwischen 1.920 x 1.080 px und 2.560 x 1.440 px. Optimal wäre also eine Größe von 2.650 x 1.440 px. Dann wird das Bild auf einem UHD Bildschirm komplett und in bester Qualität angezeigt und bei einem HD Bildschirm einfach verkleinert. Dazu sollte die Einstellung "Cover" benutzt werden, die dafür sorgt, dass das Bild immer automatisch angepasst wird. Alle unsere Bilder aus dem Archiv haben für den Hintergrund diese Auflösung und keines ist größer als 1 MB.
Inhaltsbilder
Die Breite einer Webseite kann max. 1.500 px betragen. Wenn du keine Sidebar verwendest und auf deiner Seite ein Bild einspaltig über die gesamte Webseite anlegst, dann kann das Bild max. in einer Breite von 1.500 px angezeigt werden. Die Höhe ist unbegrenzt, da du scrollen kannst. Normalerweise wirst du aber eine Webseite haben, die max. 1.000 px breit ist und eventuell noch eine Sidebar benutzen. Bilder für den Inhalt können daher viel kleiner sein als für das Design. Wir begrenzen außerdem die max. Breite in einem Content auf 1.500 px und die Höhe auf 2.000 px. um zu verhindern, dass die Bilder zu groß angezeigt werden.
Du wirst also selten Bilder brauchen, die breiter als 1.000 px oder höher als 1.500 px sind. Überlege dir vorher, wo du deine Bilder einbinden willst und wie viel Platz du hast. So kannst du gleich optimierte Bilder hochladen.