Einfügen von Bildern in Beiträge und Inhaltsblöcke

Sie können Bilder in Beiträge und Inhaltsblöcke der Help-Center-Wissensdatenbank einfügen. Eingefügte Bilder werden als Anhänge hinzugefügt. Große Bilder werden automatisch an die Breite des Beitrags angepasst.

Dieser Beitrag enthält die folgenden Abschnitte:

• Einfügen von Bildern in Beiträge
• Einfügen von Bildern in Inhaltsblöcke
• Optimieren von Help-Center-Bildern für Web Widgets

Einfügen von Bildern in Beiträge

Gehen Sie wie im Folgenden beschrieben vor, um Bilder in Beiträgen einzufügen. Achten Sie darauf, das Bild einzufügen und nicht per Copy & Paste aus einer anderen Quelle zu übernehmen, um Probleme bei der Darstellung zu vermeiden. Als Alternative zum Einfügen von Bildern direkt in Beiträge können Sie die Bilder auch auf einem öffentlichen Dateiserver hosten und dann den entsprechenden Link eingeben.

So fügen Sie ein Bild in einen Beitrag ein

1. Erstellen Sie im Help Center oder in Guide-Administrator einen neuen Beitrag oder bearbeiten Sie einen vorhandenen Beitrag.
2. Setzen Sie den Cursor an die Stelle, an der das Bild erscheinen soll.
3. Führen Sie einen der folgenden Schritte durch:
   • Ziehen Sie das Bild per Drag & Drop in den Hauptteil des Beitrags.
   • Klicken Sie in der Symbolleiste auf die Schaltfläche Bild einfügen. Klicken Sie auf Bilder hochladen und wählen Sie das gewünschte Bild aus.

     

   Die maximale Dateigröße beträgt 20 MB.

   Die Bildgröße wird durch eine Komprimierungsfunktion in CSS automatisch an die Breite des Beitrags angeglichen. Es empfiehlt sich, ein Bild, dessen Breite 1600 Pixel überschreitet, vor dem Einfügen manuell zu verkleinern, da es durch die Komprimierung im veröffentlichten Beitrag verzerrt erscheinen kann. Die manuelle Verkleinerung wird auch bei Verwendung des Web Widgets empfohlen (siehe Optimieren von Help-Center-Bildern für das Widget weiter unten).

4. Klicken Sie im daraufhin eingeblendeten Dialogfeld auf Einfügen.

   Das Bild erscheint im Beitrag.

5. Klicken Sie auf Speichern.

Wenn Sie ein geschlossenes Help Center haben, bei dem sich alle Benutzer anmelden müssen, werden Beitragsbilder in E-Mail-Benachrichtigungen an Benutzer, die Ihrem Help Center folgen, nicht korrekt angezeigt.

Einfügen von Bildern in Inhaltsblöcke (nur Enterprise-Pläne)

Mithilfe von Inhaltsblöcken können Sie Inhalte erstellen und in mehrere Beiträge übernehmen. Das Einfügen von Bildern in Inhaltsblöcke funktioniert ähnlich wie das Einfügen in Help-Center-Beiträge. Sie können pro Inhaltsblock bis zu 50 Bilder hinzufügen.

So fügen Sie Bilder in Inhaltsblöcke ein

1. Erstellen Sie im Help Center oder in Guide-Administrator einen neuen Inhaltsblock oder bearbeiten Sie einen vorhandenen Inhaltsblock.
2. Setzen Sie den Cursor im Inhaltsblock an die Stelle, an der das Bild erscheinen soll.
3. Klicken Sie in der Inhaltsblock-Symbolleiste auf das Symbol Bild hinzufügen ().

   Sie können auch ein Bild per Drag & Drop direkt in den Inhaltsblock ziehen.

4. Klicken Sie in der Bildergalerie auf die gewünschten Bilder, oder klicken Sie auf Bild hochladen, um der Galerie ein neues Bild hinzuzufügen.

   Sie können auch ein Bild per Drag & Drop direkt in die Bildergalerie ziehen. Die maximale Dateigröße beträgt 20 MB.

   

   Hinweis: Mit den Optionen im linken Menü können Sie die Anzeige der Bilder filtern. Weitere Informationen zur Bildergalerie finden Sie unter Arbeiten mit der Bildergalerie für Inhaltsblöcke.
5. Klicken Sie auf Bild einfügen.

   Die ausgewählten Bilder werden in Ihrem Inhaltsblock angezeigt.

   Klicken Sie auf das Bild, um eine Symbolleiste einzublenden, in der Sie Optionen für Textumbruch, Bildausrichtung und Bildgröße auswählen können. Sie können auch in der Symbolleiste auf „ALT“ klicken, wenn Sie Alternativtext eingeben möchten, um die Barrierefreiheit Ihres Beitrags zu verbessern. Um die Bildgröße manuell zu ändern, ziehen Sie an der Ecke des Bildes.

   

6. Wenn Sie einen neuen Inhaltsblock einrichten, klicken Sie auf Erstellen. Wenn Sie einen vorhandenen Inhaltsblock bearbeiten, klicken Sie auf Aktualisieren.

Einschränkungen für Bilder in Inhaltsblöcken

Derzeit gelten beim Hinzufügen von Bildern zu Inhaltsblöcken die folgenden Einschränkungen:

• Sie können Bilder nicht per Copy & Paste aus Inhaltsblöcken in Beiträge und umgekehrt übernehmen.
• Wenn Sie die Verknüpfung eines Inhaltsblocks aufheben (sodass er zu einem Teil des Beitrags wird), werden alle Bilder entfernt und müssen erneut hinzugefügt werden.
• Wenn Sie einen Inhaltsblock erstellen, indem Sie einen Abschnitt mit einem Bild aus einem Beitrag kopieren, wird das Bild nicht in den Inhaltsblock aufgenommen, sondern muss von Hand hinzugefügt werden.

Optimieren von Help-Center-Bildern für Web Widgets

Damit die in Help-Center-Beiträgen enthaltenen Bilder im Messaging Web Widget und im Web Widget (Classic) korrekt angezeigt werden, müssen die Bilder in der richtigen Größe zum jeweiligen Beitrag hinzugefügt werden.

Wenn Help-Center-Beiträge zur Darstellung in den Widgets konvertiert werden, werden die Attribute in den HTML-Tags (bis auf die Attribute „src“ und „alt“) entfernt und angepasste CSS-Regeln ignoriert. Bei den meisten Bildern ist dies kein Problem. Wenn die Originalbilder aber übermäßig groß sind und zur Darstellung im Help Center anhand von HTML- oder angepassten CSS-Code stark verkleinert werden, kann es vorkommen, dass sie im Web Widget viel zu groß erscheinen.

Angenommen, Sie möchten ein Symbol in einem Help-Center-Beitrag anzeigen. Die Originalgröße der Symbolgrafik beträgt 300x300 Pixel. Damit das Symbol im Help Center entsprechend verkleinert wird, werden die Attribute width=“6%” height=“6%” zum HTML-Code hinzugefügt.

Im Help-Center-Beitrag wird das Symbol daraufhin im Format 18x18 Pixel dargestellt (6 % der ursprünglichen Größe). Wenn der Beitrag dann aber zur Darstellung im Widget aufbereitet wird und die Breiten- und Höhenattribute entfernt werden, erscheint das Symbol wieder in der Originalgröße, was für das Widget unpassend ist.

Um Probleme dieser Art zu vermeiden, sollten Sie Bilder immer von Anfang an wie gewünscht verkleinern, statt die Größe im HTML- oder CSS-Code zu manipulieren.