Bildoptimierung für SharePoint Online

Die Ladegeschwindigkeit einer Webseite hängt von der Gesamtgröße aller für die Wiedergabe der Seite erforderlichen Komponenten ab, einschließlich Bilder, HTML, JavaScript und CSS. Bilder sind eine hervorragende Möglichkeit, Ihre Website ansprechender zu gestalten, aber ihre Größe kann die Leistung beeinträchtigen. Indem Sie Ihre Bilder durch Komprimierung und Größenänderungen optimieren, und indem Sie Sprites verwenden, können Sie die Beeinträchtigung durch sehr große Bilder aufheben. Indem Sie SharePoint-Bildwiedergaben verwenden, können Sie ein einzelnes großes Bild hochladen und Abschnitte des Bilds anzeigen, sodass es nicht neu geladen werden muss, sondern wiederverwendet werden kann.

Verwenden von Sprites zum Beschleunigen von Bildladevorgängen in SharePoint Online

Ein Image Sprite enthält viele kleinere Bilder. Mithilfe von CSS wählen Sie einen Teil des zusammengesetzten Bilds aus, das in einem bestimmten Bereich der Seite mit absoluter Positionierung angezeigt werden soll. Im Wesentlichen verschieben Sie ein einzelnes Bild auf der Seite, statt mehrere Bilder zu laden. Sie machen einen kleinen Teil dieses Bilds über ein kleines Fenster sichtbar, in dem der erforderliche Teil des Sprite Images dem Endbenutzer angezeigt wird. SharePoint Online verwendet Sprites, um die unterschiedlichen Symbole im Sprite "spcommon.png" anzuzeigen.

Inhalt dieses Abschnitts.

  • Bildkomprimierung

  • Bildoptimierung

  • SharePoint-Bildwiedergaben

Screenshot von "spcommon"

Dadurch kann die Leistung verbessert werden, weil Sie nur ein Bild und nicht mehrere Bilder herunterladen und dieses Bild dann zwischenspeichern und wiederverwenden. Auch wenn das Bild nicht zwischengespeichert bleibt, wird durch diese Methode die Gesamtzahl der HTTP-Anforderungen an den Server reduziert, da statt mehrerer Bilder ein einziges Bild verwendet wird. Auf diese Weise werden Seitenladezeiten verkürzt. Dies ist tatsächlich eine Form der Bildbündelung. Das ist ein sehr nützliches Verfahren, wenn die Bilder nicht sehr oft geändert werden, z. B. Symbole, wie im vorstehenden SharePoint-Beispiel gezeigt. Sie können Web Essentials, ein communitybasiertes Open Source-Drittanbieterprojekt, verwenden, um dies ganz einfach in Microsoft Visual Studio zu realisieren. Weitere Informationen finden Sie unter Minimierung und Bündelung in SharePoint Online.

Verwenden von Bildkomprimierung und -optimierung zum Beschleunigen von Seitenladevorgängen in SharePoint

Bei der Bildkomprimierung und -optimierung wird die Dateigröße der Bilder verringert, die Sie auf Ihrer Website verwenden. Die beste Methode zum Verringern der Größe eines Bilds besteht oft darin, die Größe des Bilds auf die maximalen Abmessungen zu ändern, mit denen es auf der Website angezeigt wird. Es ist nicht sinnvoll, ein Bild größer zu machen, als es jemals angezeigt wird. Mit einem Bildbearbeitungsprogramm können Sie sicherstellen, dass die Bilder die richtigen Maße haben, und so die Größe Ihrer Seite schnell und einfach verringern.

Nachdem Sie die richtige Größe für Ihre Bilder festgelegt haben, besteht der nächste Schritt darin, die Komprimierung dieser Bilder zu optimieren. Es sind verschiedene Tools für die Komprimierung und Optimierung verfügbar, einschließlich Fotogalerie und Tools von Drittanbietern. Der Schlüssel für eine erfolgreiche Komprimierung liegt darin, die Dateigröße ohne erkennbaren Qualitätsverlust für die Endbenutzer so weit wie möglich zu verringern. Testen Sie Ihre komprimierten Dateien unbedingt auf einem HD-Display, um sicherzustellen, dass sie immer noch gut aussehen.

Beschleunigen von Seitendownloads mithilfe von SharePoint-Bildwiedergaben

Bildwiedergaben sind ein Feature in SharePoint Online, mit dem Sie verschiedene Versionen von Bildern basierend auf vordefinierten Bildabmessungen bereitstellen können. Das ist besonders wichtig, wenn Bildinhalte von Benutzern generiert werden oder die Bildabmessungen wie Breite und Höhe durch das Cascading Stylesheet (CSS) auf der Website festgelegt sind. Auch wenn ein Bild durch CSS festgelegt ist, wird es in vollständiger Auflösung geladen. In diesem Fall kann die Dateigröße mithilfe von Bildwiedergaben verringert werden.

Hinweis : Bildwiedergaben sind in SharePoint nur verfügbar, wenn die Veröffentlichung aktiviert ist. Sie können die Veröffentlichung unter "Einstellungen" > "Websiteeinstellungen" > "Websitefeatures verwalten" > "SharePoint Server-Veröffentlichung" aktivieren. Diese Option wird nur hier angezeigt.

Bei der Größenänderung durch Bildwiedergaben wird die kleinste von Ihnen definierte Dimension (entweder Breite oder Höhe) herangezogen. Dann wird die Größe des Bilds so geändert, dass automatisch auch die Größe der anderen Dimension basierend auf dem gesperrten Seitenverhältnis geändert wird. Standardmäßig wird das Bild durch die verbleibenden Dimensionen von der Mitte zugeschnitten. Beispiel: Wenn Sie eine Bildwiedergabe mit einer Breite von 100 Pixeln und einer Höhe von 50 Pixeln definieren und das ursprüngliche Bild 1.000 Pixel breit und 800 Pixel hoch ist, wird dessen Größe so geändert, dass die Dimension der 800 Pixel jetzt 50 Pixel beträgt, und die Dimension der 1.000 Pixel (jetzt 62,5 Pixel) wird von der Mitte des Bilds zugeschnitten.

Die Schritte sind relativ einfach. Damit aber Bildwiedergaben für Bilder verwendet werden können, müssen sich die Bildwiedergaben auf der SharePoint-Website befinden, bevor Sie die Bilder hinzufügen. Darüber hinaus müssen auch die Features SharePoint Server-Veröffentlichungsinfrastruktur (Websitesammlungsebene) und SharePoint Server-Veröffentlichung (Websiteebene) aktiviert sein.

Hinzufügen einer Bildwiedergabe zum Beschleunigen von Seitenladevorgängen

  1. Stellen Sie sicher, dass das Benutzerkonto, mit dem dieser Vorgang ausgeführt wird, mindestens über Entwurfsberechtigungen für die Website auf oberster Ebene der Websitesammlung verfügt und dass die Website auf einer Webseite veröffentlicht wird.

  2. Navigieren Sie in einem Webbrowser zu der Website auf oberster Ebene der veröffentlichenden Websitesammlung.

  3. Wählen Sie das Symbol Einstellungen aus.

  4. Auf der Seite Websiteeinstellungen werden im Abschnitt Aussehen und Verhalten die integrierten Bildwiedergaben angezeigt.

    Sie können die integrierten Bildwiedergaben verwenden oder die Option Bildwiedergaben auswählen, um eine neue zu erstellen.

    Screenshot von "Bildwiedergabe"
  5. Wählen Sie auf der Seite Bildwiedergaben die Option Neues Element hinzufügen aus.

    Screenshot von "Neues Element hinzufügen"
  6. Geben Sie auf der Seite Neue Bildwiedergabe im Feld Name einen Namen für die Bildwiedergabe ein.

  7. Geben Sie in den Textfeldern Breite und Höhe die Breite und Höhe für die Bildwiedergabe in Pixel ein, und wählen Sie dann Speichern aus.

    Screenshot von "Name der Bildwiedergabe"

Benutzerdefiniertes Zuschneiden mit Bildwiedergaben in SharePoint

Standardmäßig wird eine Bildwiedergabe aus der Mitte des Bilds generiert. Sie können die Bildwiedergabe für einzelne Bilder anpassen, indem Sie den Teil des Bilds zuschneiden, den Sie verwenden möchten. Sie können Bilder individuell pro Bildwiedergabe zuschneiden. Durch das Zuschneiden von Bildern wird das Laden von Seiten beschleunigt, da der SharePoint-Blog-Cache verwendet wird, um eine Version des Bilds für jede Bildwiedergabe zu erstellen. Auf diese Weise wird die Auslastung des Servers reduziert, weil die Größe des Bilds nur einmal geändert wird und das Bild dann von Benutzern mehrmals verwendet werden kann. Weitere Informationen zum Zuschneiden einer Bildwiedergabe finden Sie unter Zuschneiden einer Bildwiedergabe.

Ihre Fähigkeiten erweitern
Schulung erkunden
Neue Funktionen als Erster erhalten
An Office Insider teilnehmen

War diese Information hilfreich?

Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback. Es klingt, als ob es hilfreich sein könnte, Sie mit einem unserer Office-Supportmitarbeiter zu verbinden.

×