Bilder in Templates

Lerne, wie du Bilder in deinen PDF CreateMate Templates hinzufügst und anpasst, einschließlich statischer Bilder und dynamischer Bilder aus HubSpot Properties.

Statische Bilder

Du kannst feste Bilder in deine Templates einfügen – Logos, Header, Wasserzeichen und dekorative Elemente, die in jedem generierten Dokument gleich aussehen.

Statische Bilder hinzufügen

1. Öffne dein Template in Microsoft Word
2. Gehe zu Einfügen > Bilder
3. Wähle deine Bilddatei aus
4. Positioniere und skaliere nach Bedarf
5. Speichere das Dokument

Best Practices für Bilder

Dynamische Bilder

Zeige verschiedene Bilder basierend auf HubSpot-Daten an – wie Kontaktfotos, Unternehmenslogos oder Produktbilder, die in HubSpot gespeichert sind.

Image Properties verwenden

Wenn du eine HubSpot Property hast, die eine Bild-URL enthält:

1. Füge ein Platzhalterbild in dein Word-Template ein (oder einen Bild-Platzhalter-Block in HTML)
2. Ordne in PDF CreateMate den Platzhalter der HubSpot Property zu
3. Die Property sollte eine gültige Bild-URL enthalten. Du kannst optional Größen-Modifizierer im Platzhalter hinzufügen, z. B. {{company_logo | width:300 | height:120}} (gilt für Datei-Type-Properties in Word-, Google Docs- und HTML-Templates).

Unterstützte Bildquellen

Dynamische Bilder müssen über URL zugänglich sein:

• HubSpot Dateimanager-URLs
• Öffentliche Bild-URLs (https://)
• Signierte URLs mit temporärem Zugriff

Bildgröße

Feste Größe

Lege exakte Abmessungen in deinem Word-Template fest:

1. Rechtsklick auf das Bild
2. Wähle Größe und Position
3. Setze spezifische Breite und Höhe
4. Deaktiviere "Seitenverhältnis beibehalten" für exakte Größe

Proportionale Skalierung

Behalte das Seitenverhältnis bei, während du einen Raum füllst:

1. Setze die maximale Breite ODER Höhe
2. Behalte "Seitenverhältnis beibehalten" aktiviert
3. Das Bild wird proportional skaliert

Häufige Probleme

Bilder erscheinen nicht

Problem: Statische Bilder werden nicht in generierten PDFs angezeigt.

Lösungen:

1. Stelle sicher, dass Bilder eingebettet sind, nicht verlinkt
2. Überprüfe, ob das Bildformat unterstützt wird (PNG, JPG, GIF)
3. Füge das Bild erneut ein und speichere das Dokument
4. Lade eine frische Kopie des Templates hoch

Verschwommene Bilder

Problem: Bilder erscheinen in geringer Qualität im PDF.

Lösungen:

1. Verwende hochauflösende Quellbilder (mindestens 300 DPI)
2. Skaliere kleine Bilder in Word nicht hoch
3. Überprüfe die Bildkomprimierungseinstellungen in Word

Bilder haben sich verschoben

Problem: Bilder verschieben sich, wenn das PDF generiert wird.

Lösungen:

1. Verwende Tabellen, um Bildpositionen zu fixieren
2. Setze Bild-Textumbruch auf "Mit Text in Zeile"
3. Verankere Bilder an bestimmten Absätzen
4. Verwende feste Positionierung in Word

Beispiele für Logo-Platzierung

Header-Logo

Platziere dein Firmenlogo im Header für jede Seite:

1. Doppelklicke auf den Header-Bereich in Word
2. Füge dein Logo-Bild ein
3. Positioniere links, mittig oder rechts
4. Schließe den Header

Wasserzeichen

Füge ein transparentes Wasserzeichen hinzu:

1. Gehe zu Design > Wasserzeichen > Benutzerdefiniertes Wasserzeichen
2. Wähle Bildwasserzeichen
3. Wähle dein Bild
4. Passe Skalierung und Auswaschungseinstellungen an

Footer-Logo

Ähnlich wie die Header-Platzierung, aber im Footer-Bereich.

Überlegungen zur Dateigröße

Große Bilder erhöhen die Template-Größe und die Generierungszeit:

Bilder optimieren

1. Ändere die Größe von Bildern auf die tatsächlich benötigte Anzeigegröße
2. Verwende geeignete Formate (JPG für Fotos, PNG für Grafiken)
3. Komprimiere Bilder ohne sichtbaren Qualitätsverlust
4. Verwende Online-Tools wie TinyPNG oder Squoosh