--- title: Ein Bild oder eine Animation (GIF) hinzufügen description: Ein Bild oder eine Animation (GIF) hinzufügen --- [Zu Content springen](https://support.publitas.com/de/adding-an-image-or-animation#main-content) - [Deutsch](https://support.publitas.com/de/adding-an-image-or-animation) - [English (Englisch)](https://support.publitas.com/adding-an-image-or-animation) - [Español (Spanisch)](https://support.publitas.com/es/cómo-agregar-una-imagen-o-animación) - [Nederlands (Niederländisch)](https://support.publitas.com/nl/adding-an-image-or-animation) Deutsch Untermenü für Übersetzungen anzeigen [Contact Support](https://support.publitas.com/de/kb-tickets/new?hsLang=de) ![Publitas blue-270](https://support.publitas.com/hs-fs/hubfs/Publitas%20blue-270.png?width=175&height=57&name=Publitas%20blue-270.png) Hauptnavigation öffnen Hauptnavigation schließen - - [Deutsch](https://support.publitas.com/de/adding-an-image-or-animation) - [English (Englisch)](https://support.publitas.com/adding-an-image-or-animation) - [Español (Spanisch)](https://support.publitas.com/es/cómo-agregar-una-imagen-o-animación) - [Nederlands (Niederländisch)](https://support.publitas.com/nl/adding-an-image-or-animation) Deutsch Untermenü für Übersetzungen anzeigen - [Contact Support](https://support.publitas.com/de/kb-tickets/new) - [Back to Publitas](https://www.publitas.com/) [Back to Publitas](https://www.publitas.com/) How can we help you? - Es gibt keine Vorschläge, da das Suchfeld leer ist. 1. [Knowledge Base](https://support.publitas.com/de?hsLang=de) 2. [Hotspots hinzufügen](https://support.publitas.com/de/hotspots-hinzuf%C3%BCgen?hsLang=de) 3. [Hotspots erklärt](https://support.publitas.com/de/hotspots-hinzuf%C3%BCgen?hsLang=de#hotspots-erkl%C3%A4rt) # Ein Bild oder eine Animation (GIF) hinzufügen ***Verfügbar in der Silber-, Gold- und Enterprise-Lizenz*** Mit dem Bild-Hotspot, der in der Werkzeugleiste des Editors verfügbar ist, kannst du sowohl statische als auch animierte Bilder zu den Seiten deiner digitalen Publikation hinzufügen. Animierte Bilder (GIFs) können mehr Aufmerksamkeit auf bestimmte Bereiche der Seite lenken oder Szenerien zum Leben erwecken. Die unterstützten Formate sind JPG, PNG und GIF. Die beiden letzteren unterstützen auch Transparenz, wodurch das Bild mit dem vorhandenen Inhalt verschmelzen kann. ### **Wie es funktioniert:** 1. Öffne den Editor über **Hotspots hinzufügen** 2. Wähle das Werkzeug **Bild hinzufügen** 3. Zeichne den Bereich, in den das Bild passen soll 4. Gebe die Bild-URL ein oder lade das Bild hoch 5. Wähle, ob das Bild beim “anklicken” erscheinen soll (***Hotspot***), auf der Seite sichtbar sein soll (***einbetten***) oder beides (**Interaktives Einbetten**) *Einen Bild-Hotspot erstellen:* *![](https://support.publitas.com/hs-fs/hubfs/imagehotspot-gif.gif?width=670&height=335&name=imagehotspot-gif.gif)* Eine alternative Option besteht darin, ein oder mehrere Bilder per Drag-and-Drop auf eine Seite im Publitas Editor zu ziehen. Hotspots werden automatisch erstellt. ![](https://support.publitas.com/hs-fs/hubfs/dragimage-gif-1.gif?width=670&height=335&name=dragimage-gif-1.gif) Optional kannst du die Ansicht des Bildes anpassen, indem du den relevanten Teil des Bildes zuschneidest, die Ecken abrundest oder die Transparenz des Bildes einstellst, sodass es sich mit dem Rest des Inhalts anpasst. Lese mehr über [Bilder zuschneiden und bearbeiten in Publitas](https://support.publitas.com/de/crop-and-edit-images-in-publitas-editor?hsLang=de).   ![](https://support.publitas.com/hs-fs/hubfs/cropimage-gif-1.gif?width=670&height=335&name=cropimage-gif-1.gif) ### **Tipps:** - Du kannst auch **einen *Alt-Text* hinzufügen**, um den Inhalt für sehbehinderte Benutzer zu beschreiben. (Barrierefreiheit) - Verwende die Füllen-Option für eingebettete Bilder, damit deine Bilder den vorgesehenen Bereich von Kante zu Kante ausfüllen. - Um sicherzustellen, dass dein Inhalt sofort geladen wird, um das **Gewicht des Inhalts für mobilen Datenverkehr zu reduzieren,** optimiert Publitas den Bildinhalt automatisch für das beste Erlebnis. Wir empfehlen jedoch dennoch, GIFs für die Online-Nutzung zu optimieren. - Für GIFs: - Halte die Dateigrößen deutlich unter 500 KB, vorzugsweise unter 100 KB, soweit möglich, ohne die Qualität zu beeinträchtigen - Verwende einen Stop-Motion-Effekt, um die erforderliche Anzahl von Bildern zu reduzieren - Erwäge die Verwendung des Video-Hotspots mit der Option für animierte Inhalte, die GIFs automatisch optimiert - Quelle: [Animierte Inhalte hinzufügen, um Engagement zu fördern](https://support.publitas.com/de/add-animated-content-to-drive-engagement?hsLang=de) - Für Videos: - Verwende eine maximale Auflösung von 1080p, um die Leistung auf allen Geräten zu gewährleisten - Halte die Dateigrößen für Videos unter 20 MB, abhängig von der Länge - Du kannst **einen Stop-Motion-Effekt** verwenden, um die erforderliche Anzahl von Bildern zu reduzieren. Dies ist besonders hilfreich, wenn du eine lange Animation hast oder möchtest, dass die Animation eine ganze Seite ausfüllt. - Wenn du möchtest, dass eine Animation in Schleife läuft, kannst du eine Schleifenanzahl festlegen oder eine Endlosschleife konfigurieren, wenn du die Animation als GIF-Datei exportierst ([Wie man ein animiertes GIF in Photoshop erstellt](https://www.youtube.com/watch?v=omdfcGYEqPY)). - Wenn im Reader-Menü eine PDF-Download-Option vorhanden ist und du planst, Animationen zu deiner Publikation hinzuzufügen, solltest du in Erwägung ziehen, im PDF die statische Version des Bildes anzuzeigen, die unter der Animation liegt. Auf diese Weise gibt es keinen leeren Raum auf der Seite, wenn du das PDF herunterlädst. - [Verwaltung von Veröffentlichungen](https://support.publitas.com/de/verwaltung-von-ver%C3%B6ffentlichungen?hsLang=de#main-content) - [Inhalte in Publitas erstellen](https://support.publitas.com/de/verwaltung-von-ver%C3%B6ffentlichungen?hsLang=de#inhalte-in-publitas-erstellen) - [Verwaltung Ihrer Veröffentlichungen](https://support.publitas.com/de/verwaltung-von-ver%C3%B6ffentlichungen?hsLang=de#verwaltung-ihrer-ver%C3%B6ffentlichungen) - [Seiten bearbeiten](https://support.publitas.com/de/verwaltung-von-ver%C3%B6ffentlichungen?hsLang=de#seiten-bearbeiten) - [Aktualisierung der Veröffentlichungs-URL](https://support.publitas.com/de/verwaltung-von-ver%C3%B6ffentlichungen?hsLang=de#aktualisierung-der-ver%C3%B6ffentlichungs-url) - [SEO](https://support.publitas.com/de/verwaltung-von-ver%C3%B6ffentlichungen?hsLang=de#seo) - [Fehlerbehebung](https://support.publitas.com/de/verwaltung-von-ver%C3%B6ffentlichungen?hsLang=de#fehlerbehebung) - [Adaptive Inhalte in Publitas erstellen](https://support.publitas.com/de/verwaltung-von-ver%C3%B6ffentlichungen?hsLang=de#adaptive-inhalte-in-publitas-erstellen) - [Hotspots hinzufügen](https://support.publitas.com/de/hotspots-hinzuf%C3%BCgen?hsLang=de#main-content) - [Verwendung des Hotspot-Editors](https://support.publitas.com/de/hotspots-hinzuf%C3%BCgen?hsLang=de#verwendung-des-hotspot-editors) - [Hotspots erklärt](https://support.publitas.com/de/hotspots-hinzuf%C3%BCgen?hsLang=de#hotspots-erkl%C3%A4rt) - [Automatisierung von Hotspots](https://support.publitas.com/de/hotspots-hinzuf%C3%BCgen?hsLang=de#automatisierung-von-hotspots) - [Anpassen des Readers](https://support.publitas.com/de/anpassen-des-readers?hsLang=de#main-content) - [Reader-Einstellungen](https://support.publitas.com/de/anpassen-des-readers?hsLang=de#reader-einstellungen) - [Markenbildung](https://support.publitas.com/de/anpassen-des-readers?hsLang=de#markenbildung) - [Banner](https://support.publitas.com/de/anpassen-des-readers?hsLang=de#banner) - [Veröffentlichung von Publikationen](https://support.publitas.com/de/ver%C3%B6ffentlichung-von-publikationen?hsLang=de#main-content) - [Teilen](https://support.publitas.com/de/ver%C3%B6ffentlichung-von-publikationen?hsLang=de#teilen) - [Einbettung](https://support.publitas.com/de/ver%C3%B6ffentlichung-von-publikationen?hsLang=de#einbettung) - [Verfügbarkeit](https://support.publitas.com/de/ver%C3%B6ffentlichung-von-publikationen?hsLang=de#verf%C3%BCgbarkeit) - [Reichweite generieren](https://support.publitas.com/de/ver%C3%B6ffentlichung-von-publikationen?hsLang=de#reichweite-generieren) - [E-Commerce & Produkt-Feeds](https://support.publitas.com/de/e-commerce-produkt-feeds?hsLang=de#main-content) - [Produkt-Feeds importieren](https://support.publitas.com/de/e-commerce-produkt-feeds?hsLang=de#produkt-feeds-importieren) - [Produktdetails verwalten](https://support.publitas.com/de/e-commerce-produkt-feeds?hsLang=de#produktdetails-verwalten) - [E-Commerce-Lösungen](https://support.publitas.com/de/e-commerce-produkt-feeds?hsLang=de#e-commerce-l%C3%B6sungen) - [Dynamische Publikationen](https://support.publitas.com/de/dynamische-publikationen?hsLang=de#main-content) - [Dynamische Content erstellen](https://support.publitas.com/de/dynamische-publikationen?hsLang=de#dynamische-content-erstellen) - [Publikations-Analysen](https://support.publitas.com/de/publikations-analysen?hsLang=de#main-content) - [Publikations-Dashboard](https://support.publitas.com/de/publikations-analysen?hsLang=de#publikations-dashboard) - [Google Analytics](https://support.publitas.com/de/publikations-analysen?hsLang=de#google-analytics) - [Weitere Integrationen](https://support.publitas.com/de/publikations-analysen?hsLang=de#weitere-integrationen) - [Erkenntnisse und Empfehlungen](https://support.publitas.com/de/publikations-analysen?hsLang=de#erkenntnisse-und-empfehlungen) - [API](https://support.publitas.com/de/api?hsLang=de#main-content) - [Publitas API](https://support.publitas.com/de/api?hsLang=de#publitas-api) - [Datenschutz und Sicherheit](https://support.publitas.com/de/datenschutz-und-sicherheit?hsLang=de#main-content) - [Kontosicherheit](https://support.publitas.com/de/datenschutz-und-sicherheit?hsLang=de#kontosicherheit) - [Cookies, Datenschutz und Richtlinien](https://support.publitas.com/de/datenschutz-und-sicherheit?hsLang=de#cookies-datenschutz-und-richtlinien) - [Konto](https://support.publitas.com/de/konto?hsLang=de#main-content) - [Benutzername und Passwort](https://support.publitas.com/de/konto?hsLang=de#benutzername-und-passwort) - [Verwaltung Ihres Kontos](https://support.publitas.com/de/konto?hsLang=de#verwaltung-ihres-kontos) - [Rechnungsstellung](https://support.publitas.com/de/rechnungsstellung?hsLang=de#main-content) - [Rechnungsdaten](https://support.publitas.com/de/rechnungsstellung?hsLang=de#rechnungsdaten) - [Abonnement](https://support.publitas.com/de/rechnungsstellung?hsLang=de#abonnement) - [Datenverkehr](https://support.publitas.com/de/rechnungsstellung?hsLang=de#datenverkehr) - [Partner und Integrationen](https://support.publitas.com/de/partner-und-integrationen?hsLang=de) - [Lernzentrum](https://support.publitas.com/de/lernzentrum?hsLang=de#main-content) - [Anleitungen](https://support.publitas.com/de/lernzentrum?hsLang=de#anleitungen) - [Vertrauen & Sicherheit](https://support.publitas.com/de/vertrauen-sicherheit?hsLang=de) [![Publitas blue-270](https://support.publitas.com/hs-fs/hubfs/Publitas%20blue-270.png?width=100&height=32&name=Publitas%20blue-270.png "Publitas blue-270")](http://publitas.com) Copyright © 2025, Publitas B.V.