--- title: "Bilder, Logos, Video und Schriften" description: "Fügen Sie Bilder und Ihr Logo hinzu, zeigen Sie automatisch ein Gewinnbild an, betten Sie YouTube, Vimeo oder Ihr eigenes Video ein und laden Sie Schriften hoch." url: https://scratcher.io/de/help/elements/images-video-and-fonts language: de --- 1. [Hilfe-Center](https://scratcher.io/de/help) 2. [Elemente und Design](https://scratcher.io/de/help/elements) 3. Bilder, Logos, Video und Schriften # Bilder, Logos, Video und Schriften Fügen Sie Bilder und Ihr Logo hinzu, zeigen Sie automatisch ein Gewinnbild an, betten Sie YouTube, Vimeo oder Ihr eigenes Video ein und laden Sie Schriften hoch. ## Bilder und Logos 1. Fügen Sie ein **Bild**- oder **Logo**-Element ein oder klicken Sie auf eines auf der Seite. 2. Wählen Sie im Tab **Inhalt** ein Bild. Sie können eines hochladen, eines auswählen, das Sie schon hochgeladen haben, oder eines mit KI erstellen. 3. Optional: Geben Sie ihm unter **Navigation** eine Klickaktion. Siehe [Buttons und Klickaktionen](https://scratcher.io/de/help/elements/buttons-and-click-actions). 4. Legen Sie im Tab **Stile** **Rahmen**, **Größe**, **Form** und **Ausrichtung** fest. Das Element **Logo** verwendet das Logo aus Ihrem Designkit. Auf Gewinnseiten und in Gewinn-E-Mails können Sie **Gewinnbild verwenden** wählen, sodass das Bild immer den Gewinn zeigt, den der Spieler gewonnen hat. Wählen Sie **Eigenes Bild verwenden**, um ein festes Bild auszuwählen. ## Die Mediathek Die Bildauswahl hat zwei Tabs: - **Hochladen**: Dateien hineinziehen oder zum Hochladen klicken. Der Bereich zeigt die maximale Dateigröße und die empfohlene Größe für diese Stelle. - **Durchsuchen**: die Dateien, die Sie hochgeladen haben. Filtern Sie nach Typ, etwa **Hintergrund** oder **Logo**, suchen Sie, und aktivieren Sie **Alle anzeigen**, um Dateien aus all Ihren Kampagnen zu sehen, nicht nur aus dieser. Jedes Bild hat **Vorschau**, **Bild zuschneiden**, **Dateiinformationen** (mit seinen **Abmessungen**), **Herunterladen** und **Löschen**. Klicken Sie auf **Mehr laden**, um ältere Dateien zu sehen. Beim Zuschneiden eines Bildes können Sie **Vergrößern**, **Verkleinern**, **Nach links drehen**, **Nach rechts drehen**, **Horizontal spiegeln** und **Vertikal spiegeln** sowie eine feste Form oder **Frei** wählen. Klicken Sie auf **Zuschneiden und speichern**. Die nicht zugeschnittene Kopie bleibt erhalten, sodass Sie zu ihr zurückkehren können. Der Upload-Bereich zeigt die **Empfohlene Bildgröße** für diese Stelle und ob das Bild die Fläche ausfüllt (die Ränder können abgeschnitten werden) oder passend skaliert wird. An manchen Stellen wirkt ein transparenter Hintergrund am besten. Wenn Sie ein Bild im Editor in der Größe ändern, behalten Sie das Seitenverhältnis bei. Töne wie Spielsounds und Hintergrundmusik nutzen dieselbe Art von Feld: **Audio hochladen**, **Audio ändern** oder **Auswahl aufheben**. Ältere Versionen eines Bildes bleiben unter **Versionen** erhalten, sodass Sie zurückgehen können. Im Menü **Aktionen** eines Bildes finden Sie außerdem **Bild generieren**, **Bild bearbeiten** und **Hintergrund entfernen** mit KI. Siehe [Bilder mit KI erstellen und bearbeiten](https://scratcher.io/de/help/ai/ai-images). Sie können Bilder im Format JPG, PNG, GIF, SVG, WEBP und AVIF, Videos im Format MP4 und WEBM sowie Audiodateien im Format MP3, WAV, OGG und M4A hochladen. ## Video 1. Fügen Sie ein **Video**-Element ein. 2. Wählen Sie den **Videotyp**: **YouTube**, **Vimeo** oder **Benutzerdefiniert** (Ihre eigene Datei). 3. Fügen Sie den Link des Videos ein oder laden Sie die Datei hoch. 4. Wählen Sie bei YouTube und Vimeo ein **Vorschaubild**, wenn vor dem Abspielen ein Standbild zu sehen sein soll. Klicken Sie auf **Vorschaubild anzeigen**, um das Standbild im Editor zu sehen, und auf **Vorschaubild ausblenden**, um es wieder auszublenden. Im Tab **Einstellungen**: - **Automatische Wiedergabe**, **Stummschalten**, **Video in Schleife abspielen** und **Videosteuerung anzeigen**. - **Lazy Loading**: Das Video wird erst geladen, wenn es gebraucht wird. Das macht die Seite schneller. - **Start-/Endzeit festlegen**: nur einen Teil des Videos abspielen, von **Start (in Sekunden)** bis **Ende (in Sekunden)**. - Bei Vimeo: **Porträt anzeigen**, **Titel anzeigen** und **Unterzeile anzeigen**. Im Tab **Stile** wählen Sie das **Seitenverhältnis**: **Quadrat**, **Querformat** oder **Hochformat**. Viele Smartphones spielen Videos nur automatisch ab, wenn sie stummgeschaltet sind. ## Schriften Wählen Sie Schriften im Designkit oder in der Text-Werkzeugleiste. Die Schriftliste enthält: - **Meine Schriftarten**: Schriften, die Sie hochgeladen haben. Klicken Sie auf **Schriftart hochladen**, um OTF-, TTF- oder WOFF-Dateien mit bis zu 2 MB hinzuzufügen. - **Systemschriftarten**: sichere Schriften wie Arial, Helvetica und Georgia. - **Weitere Schriftarten**: eine große Bibliothek mit Webfonts. Laden Sie nur Schriften hoch, für die Sie eine Lizenz zur Nutzung im Web haben. ## Die Mediathek im Überblick - **Medien durchsuchen** findet Dateien nach Namen, und der Schalter **Alle anzeigen** („Alle Dateien oder nur Dateien aus dieser Kampagne anzeigen“) erweitert die Suche. - Ziehen Sie eine Datei auf ein Bildfeld (**oder hier ablegen**) oder auf ein Audiofeld (**Audio hier ablegen**). Das Feld zeigt die **Max. Dateigröße**. - **Datei löschen** entfernt eine Datei aus Ihrer Mediathek. - In der Schriftliste entfernen Sie hochgeladene Schriften mit **Schriftart löschen**. „Keine Schriftarten gefunden“ bedeutet, dass keine Schrift zu Ihrer Suche passt. Elemente und Design - [So funktionieren die Element-Einstellungen](https://scratcher.io/de/help/elements/element-settings-basics) - [Text und Überschriften bearbeiten](https://scratcher.io/de/help/elements/text-and-headings) - [Buttons und Klickaktionen](https://scratcher.io/de/help/elements/buttons-and-click-actions) - [Bilder, Logos, Video und Schriften](https://scratcher.io/de/help/elements/images-video-and-fonts) - [Abschnitte, Spalten, Trennlinien und Abstandshalter](https://scratcher.io/de/help/elements/sections-columns-and-layout) - [Seiteneinstellungen, Hintergründe und Popup-Seiten](https://scratcher.io/de/help/elements/page-settings-and-backgrounds) - [Countdown, Social Media, Teilen und Menü](https://scratcher.io/de/help/elements/countdown-social-share-and-menu) - [Interaktive Grafiken mit klickbaren Hotspots](https://scratcher.io/de/help/elements/interactive-graphic) - [Cookie-Hinweis, eigener Code und weitere Kampagnen-Add-ons](https://scratcher.io/de/help/elements/cookie-notice-and-custom-code) - [Vorlagen speichern und wiederverwenden](https://scratcher.io/de/help/elements/templates-and-reuse) ## Ähnliche Artikel - [So funktionieren die Element-Einstellungen](https://scratcher.io/de/help/elements/element-settings-basics): Die Tabs Inhalt, Stile, Einstellungen und Effekte, Größen, Formen, Rahmen, Farben und Hintergründe, Änderungen für Mobilgeräte und Add-ons. - [Ihre Marke mit dem Designkit hinzufügen](https://scratcher.io/de/help/campaigns/design-kit): Legen Sie Hintergrund, Schriften, Textfarben, Links, Logo und Button-Stil einmal fest, und jede Seite der Kampagne übernimmt sie. Speichern Sie Kits und nutzen Sie sie in anderen Kampagnen wieder. - [Bilder mit KI erstellen und bearbeiten](https://scratcher.io/de/help/ai/ai-images): Erstellen Sie Bilder und Hintergründe aus einer Beschreibung, bearbeiten Sie ein Bild mit Worten oder entfernen Sie seinen Hintergrund, im Editor und in den Assets. ## Brauchen Sie noch Hilfe? Echte Menschen helfen Ihnen gern. Wenn Sie Scratcher bereits nutzen, ist der Chat in der Plattform der schnellste Weg. - **[Chatten Sie mit uns](https://platform.scratcher.io/login)** Melden Sie sich an und klicken Sie unten rechts auf den Chat-Button. Rex antwortet sofort, und unser Team ist nur einen Klick entfernt. - **[Termin buchen](https://scratcher.io/de/book-a-meeting)** Ein kostenloser 30-minütiger Videocall mit unserem Team: eine Tour, Kampagnenideen oder Hilfe bei Ihrer Einrichtung. - **[Schreiben Sie uns](mailto:kontakt@scratcher.io)** Schreiben Sie an kontakt@scratcher.io, und wir melden uns bei Ihnen.