​PageObject: Bild

Die Displays der verschiedenen Zugangsgeräte (Smartphones, Notebooks etc.) haben unterschiedliche Größe und Pixeldichten. Moderne Websites stellen pro Bild daher mehrere Versionen zur Verfügung, damit der Browser das für seine Größe kleinstmögliche Bild laden kann. Bei pixolino werden von jedem Bild zwölf Versionen automatisch erzeugt und — wenn gewünscht ladezeitoptimiert — bereitgestellt.

Ein Bild anlegen

Sie können Bilder in den Formaten JPEG (empfohlen) oder PNG24 auf den Server laden. Die Formate GIF und PNG8 eignen sich nicht. Das hochgeladene Bild darf maximal 50 MB groß sein. Die maximale Kantenlänge für im Browser angezeigte Bilder is 1.500 px, was bedeutet dass die Variante für Bildschirme mit dreifacher Pixeldichte mit maximal 4.500 px Kantenlänge generiert wird. Die Kantenlänge der Originaldatei ist nicht begrenzt.

Zu jedem Bild müssen Sie einen Titel eingeben, aus dem automatisch die Dateinamen der generierten Versionen gebildet werden. Das Originalbild wird gespeichert, die Datei allerdings nicht analog der zur Auslieferung bestimmten Versionen benannt. Sie können den Bildtitel auch nachträglich noch ändern, die Dateinamen werden automatisch angepasst.

Für Inhaltsbilder ist eine Bildunterschrift notwendig, die standardmäßig unterhalb des Bildes ausgegeben wird. Die Darstellung — und eventuell das Verhalten bei Berührung mit Maus oder Finger — der Bildunterschrift ist in die Gestaltungsvorlage einprogrammiert.

Inhaltsbilder vs. Schmuckbilder

Auf Websites wird zwischen Inhalt und Gestaltung unterschieden. Meistens ist das Einhalten dieser Trennung Aufgabe der Entwickler:innen. Bei pixolino übernehmen diese Arbeit die Entwickler:innen der Gestaltungsvorlage und die pixolino-Software. Bei der Einbindung von Bildern ist jedoch auch die Autor:in der Seite gefragt. Es gilt zu unterscheiden zwischen Bildern, die zum vermittelten Inhalt gehören, und Bildern, die rein dem Design dienen.

Standardmäßig wird ein Bild als Inhalt eingebunden. Mit dem Anhaken der Option »​Bild ist ein Schmuckbild und kein Seiteninhalt« wird das Bild jedoch als Schmuckbild eingebunden — also als Designelement.

Für Schmuckbilder ist keine Bildunterschrift notwendig. Ebenso wird der Titel des Bildes nicht als Alternativtext dem Bild hinterlegt — gleichwohl er ebenfalls zur Bildung des Dateinamens herangezogen wird.

Beschränkung des Seitenverhältnisses

Die Entwickler:innen der Gestaltungsvorlage können für einzelne oder alle dynamische Bereiche das zugelassene Seitenverhältnis der dort platzierten Bilder festlegen. Dies ist dann sinnvoll, wenn das Design nur mit einem bestimmten Bildformat funktioniert, beispielsweise für Bilder, die im Kopfbereich der Seite eingebunden sind (sog. Aufmacherbilder) und daher sehr breit, aber wenig hoch sein dürfen.

Sollte das Bild, das Sie hochgeladen haben, diesem Seitenverhältnis nicht entsprechen, werden die zur Auslieferung an den Browser bestimmten Versionen automatisch beschnitten, sodass sie dem gewünschten Seitenverhältnis entsprechen. Der Mittelpunkt des neuen Bildformats entspricht dem Mittelpunkt der Originaldatei. Beim Zuschneiden wird der größtmögliche Ausschnitt verwendet.

​Ladezeitoptimiert komprimieren

Standardmäßig ist die Option »ladezeitoptimiert komprimieren« aktiviert. Sie bewirkt, dass die für die Auslieferung erzeugten Versionen des Bildes mit einer mittleren Kompression gespeichert werden. Die komprimierten Bilder werden schneller vom Server zum Browser übertragen und damit schneller angezeigt, was das Nutzungserlebnis positiv beeinflusst und von Suchmaschinen als aufwertender Faktor gewertet wird.

Wird diese Option nicht gesetzt, werden die Bilder nur mit einer sehr leichten Kompression gespeichert. Sie sollten die Option nur dann abwählen, wenn ein Bild durch die Kompression Artefakte bekommt (das sind Bildstörungen, die vor allem zwischen scharfen Übergängen unterschiedlicher Farben auftreten).

​Kopieren und Einfügen

Wird ein auf der Seite eingebundenes Bild kopiert und woanders eingefügt, werden die Bilddateien (Original und Variationen) kopiert bzw. neu angelegt. Damit ist sichergestellt, dass das Bild für den dynamischen Bereich optimiert ausgeliefert wird und neben einer eindeutige Bildunterschrift auch einen eindeutigen Dateinamen führt. Bildunterschrift und Dateinamen können Sie nach dem Einfügen anpassen — die Einstellungen beim Originalbild bleiben davon unberührt.

​Verstecken und Löschen

Die Bilddaten (Originaldatei und optimierte Versionen) werden nicht nur dann vom Server entfernt, wenn das PageObject gelöscht wird, sondern auch dann, wenn die Seite, auf der das PageObject platziert wurde, gelöscht wird. Das Löschen kann nicht rückgängig gemacht werden.

Bilder-Sitemap

Alle freigegebenen Bilder werden automatisch einer Bilder-Sitemap hinzugefügt. Diese Sitemap ist für normale Websitebesucher:innen nicht zu sehen, liefert Suchmaschinen aber Informationen, welche Bilder auf der Website eingebunden sind.

Als für die Sitemap freigegeben gelten alle Bilder, die

• sichtbar sind (zu erkennen an dem grünen Symbol in der Redaktionsumgebung)
• nicht als Schmuckbild angelegt wurden
• sich auf einer Seite befinden, die sichtbar ist (Option »Seite ist sichtbar und kann aufgerufen werden«) …
• … und für welche die Option »Seite wir in Sitemap aufgeführt« aktiviert ist …
• … und für welche die Option »Seite darf von Suchmaschinen indiziert werden« aktiviert ist
• sich innerhalb einer Website befinden, die nicht versteckt oder für Suchmaschinen gesperrt wurde.

Die Bilder-Sitemap wird in der robots.txt automatisch referenziert und ist erreichbar unter: