Importieren und Exportieren

Importieren und Exportieren

Alles darüber, wie du Inhalte in Designer bekommst und Ergebnisse exportierst: Importe, das Export-Panel, Konfiguration pro Element, Formate, PDF, Benennungsregeln und Fehlerbehebung

Dieser Artikel ist eine Übersetzung. Die englische Version ist die Referenzversion und diejenige, die im Zweifelsfall gilt.

Dieser Artikel behandelt beide Hälften des Datei-Lebenszyklus in Designer. Die erste Hälfte dreht sich um das Importieren: jede Art und Weise, wie Inhalte auf der Leinwand landen, von Elemente hinzufügen über Drag-and-drop bis hin zu Deep Links von anderswo aus Magnific. Die zweite Hälfte dreht sich um das Exportieren: das Export-Panel, die Unterscheidung zwischen Seiten und Ressourcen, Konfiguration pro Element, die vier Ausgabeformate, PDF-Besonderheiten, die Skalierungs- und Benennungsregeln sowie das Vorgehen bei Fehlern

In diesem Artikel

Die fünf Wege, Medien zu importieren

Alles, was auf der Leinwand landet (Bilder, Vektor-Grafiken, Textfragmente), gelangt über eine Handvoll Mechanismen dorthin. Wähle den aus, der zu dem Ort passt, an dem sich dein Inhalt aktuell befindet

MechanismusAm besten geeignet fürWie
Elemente hinzufügenRessourcen wiederverwenden, die du bereits in Magnific hast, oder eigene hochladenÖffne den Tab „Elemente / Bilder“ in der linken Seitenleiste
Drag-and-DropDateien von deinem Computer hinzufügenZiehe eine Datei aus deinem Dateisystem auf die Leinwand
EinfügenInhalte aus deiner Zwischenablage hinzufügenCmd/Ctrl+V, wenn nichts ausgewählt ist
Agent fragenEtwas Neues aus einem Prompt erstellenNutze den Agenten, um ein Element auf deiner Leinwand zu erstellen oder zu bearbeiten
Deep-LinksWeiterarbeit an einer generierten RessourceKlicke auf eine Deep-Link-Aktion in einem Media-Viewer oder einer anderen Magnific-Oberfläche

Die Tabs zum Hinzufügen von Elementen

Wenn sich der Inhalt bereits in Magnific befindet (früher hochgeladen, mit einem anderen Tool generiert oder Teil der kuratierten Elemente-Bibliothek), sind die Tabs in der Seitenleiste der schnellste Weg, um ihn einzufügen

Die Tabs zum Hinzufügen von Elementen unterstützen auch die Suche und Filterung nach Kategorie, was nützlich ist, wenn deine Bibliothek so groß geworden ist, dass du sie nicht mehr visuell durchsuchen kannst

Drag-and-Drop

Der einfachste Weg, eine Datei von außerhalb von Magnific zu importieren

  1. Ziehe die Datei

    Ziehe eine Datei aus deinem Dateimanager (Finder auf macOS, Datei-Explorer auf Windows) auf die Leinwand

  2. Lasse sie los

    Loslassen. Die Datei wird hochgeladen und zu einem Element auf der Seite. Der Ablageort bestimmt, wo das Element anfänglich landet

Unterstützte Dateitypen:

Die Ablageposition auf der Leinwand bestimmt, wo das Element anfänglich landet. Nach dem Ablegen kannst du es wie jedes andere Element verschieben und in der Größe anpassen.

Wenn ein Dateityp nicht unterstützt wird, wird das Ablegen abgelehnt und du erhältst eine entsprechende Benachrichtigung.

Nicht unterstützte Dateitypen

Wenn ein anderes Design-Tool ein geschlossenes oder proprietäres Format verwendet, das Designer nicht direkt öffnen kann, versuche es zuerst aus der ursprünglichen App in ein unterstütztes Format zu exportieren oder verwende einen vertrauenswürdigen Drittanbieter-Konverter, bevor du es in Designer importierst.

Aus der Zwischenablage einfügen

Einfügen (Cmd/Ctrl+V) ist leistungsfähiger als Drag-and-Drop, da es mehrere Arten von Inhalten verarbeiten kann:

Der letzte Fall ist wissenswert: Kopieren und Einfügen zwischen Designer-Dokumenten ist strukturell, nicht nur visuell. Wenn du eine Gruppe von Elementen aus einem Design kopierst und in ein anderes einfügst, werden dieselben Elemente auf der Destination-Leinwand mit all ihren intakten Eigenschaften rekonstruiert. Dies ist die einzige Möglichkeit, Teile eines Designs in ein anderes zu übertragen, ohne Vorlagen zu verwenden.

Dies ist die einzige Möglichkeit, Teile eines Designs auf ein anderes zu übertragen, ohne Vorlagen zu verwenden

Kopieren, Ausschneiden und Duplizieren

Innerhalb eines Designer-Dokuments:

TastenkombinationAktion
Cmd/Ctrl+CKopiert die ausgewählten Elemente
Cmd/Ctrl+XSchneidet aus (kopieren + entfernen)
Cmd/Ctrl+VEinfügen. Eingefügte Elemente erscheinen mit einem kleinen Versatz zum Original
Cmd/Ctrl+DDuplizieren. Entspricht Kopieren + Einfügen, greift jedoch nicht auf die Zwischenablage zu
Cmd/Ctrl+Alt+CKopiert Stile vom ausgewählten Element
Cmd/Ctrl+Alt+VFügt Stile auf das ausgewählte Element ein

Die Tastenkombinationen nur für Stile (Cmd/Ctrl+Alt+C und Cmd/Ctrl+Alt+V) sind der schnellste Weg, damit mehrere Elemente denselben visuellen Stil erhalten, ohne sie gruppieren zu müssen

Auf ein bestehendes Element ziehen

Ein nützliches Muster: Ziehe ein neues Bild auf ein bestehendes Element anstatt auf einen leeren Bereich der Leinwand. Designer erkennt das Ablegen auf:

So tauschst du schnell ein Hero-Bild in einem fast fertigen Design aus, ohne das Element neu aufbauen zu müssen

Designer ist der natürliche Ort, um an Ressourcen weiterzuarbeiten, die anderswo generiert wurden. Mehrere Magnific-Oberflächen bieten Deep-Link-Aktionen, die Designer mit der bereits importierten Ressource öffnen:

Wenn du über einen Deep-Link in Designer ankommst, öffnet sich das Design mit dem relevanten Element vorausgewählt und (bei tool-spezifischen Deep-Links) mit dem passenden Tool bereits geöffnet. Du kannst sofort loslegen

KI-Tools in Designer

Wenn der gewünschte Inhalt noch nicht existiert, generiere oder transformiere ihn auf der Leinwand:

Diese ersetzen den Import nicht, sondern ergänzen ihn. Die KI-Tools in Designer haben ihren eigenen, speziellen Leitfaden.

Importieren in dynamische Inhalte

Wenn ein dynamischer Inhalt leer ist (nicht mit einer Verbindung verknüpft, kein statischer Fallback), kannst du ihn wie folgt füllen:

Nach dem Import wird der dynamische Inhalt statisch. Um ihn wieder dynamisch zu machen, verknüpfe eine Verbindung.

Größe und Qualität beim Import

Ein paar Dinge, die neue Nutzer überraschen

Du musst Dateien nicht auf einer bestimmten Seite importieren. Ziehe eine Datei auf die Leinwand und sie landet auf der Seite, die gerade aktiv ist. Einfügen bewahrt mehr als Ziehen: Das Kopieren aus einem anderen Designer-Dokument und das anschließende Einfügen stellt die vollständige Struktur wieder her, während Ziehen nur dateibasierte Inhalte verarbeitet. HEIC funktioniert automatisch: Du musst die Datei nicht zuerst in JPEG konvertieren. Und Deep-Links öffnen spezifische Tools, nicht nur den Editor: Wenn du über einen Deep-Link aus dem Media Viewer kommst, wird nicht nur Designer geöffnet, sondern oft ist direkt ein bestimmtes Tool aktiv

Exportieren: die zwei Wege

Exportieren ist der Vorgang, bei dem du dein Designer-Dokument in eine oder mehrere bereitgestellte Dateien umwandelst. Im Export-Panel entscheidest du, was exportiert werden soll (Seiten oder einzelne Elemente), und die elementbezogene Konfiguration im Inspektor bestimmt, wie jedes Element exportiert wird (Format, Skalierung, Benennung)

Das Export-Modell von Designer basiert auf einer einzigen Unterscheidung:

Beide teilen sich das Panel und die Formate. Sie unterscheiden sich darin, was als exportierbare Einheit zählt

Das Export-Panel öffnen

Das Export-Panel öffnet sich über die Export-Aktion in der Kopfzeile. Diese Option ist nur in der Standalone-Version von Designer verfügbar

Exportieren, wenn Designer ein Knoten ist

Wenn Designer als Knoten in einem Spaces-Workflow verwendet wird, ist das Export-Panel nicht verfügbar. Verwende stattdessen den Export-Button im Inspektor, während du dich innerhalb des Knotens befindest, oder greife auf die Export-Optionen über Pages zu, wenn du außerhalb des Knotens arbeitest

Das Panel ist ein schwebendes Overlay, das den rechten Bereich des Arbeitsbereichs einnimmt. Es verfügt über:

Cover media

Du kannst über das segmentierte Steuerelement zwischen Seiten und Ressourcen wechseln. Die Fußzeile passt sich dem aktiven Tab an.

Der Tab „Seiten“

Der Tab „Seiten“ listet jede Seite in deinem Dokument auf. Jede Seite erscheint als Karte mit:

Über den Karten beschreibt das Panel den Tab:

Exportiere Seiten aus deinem Dokument mit deinem Standardformat und deiner Standardgröße

Das „Standardformat und die Standardgröße“ beziehen sich auf die Exportkonfiguration auf Dokumentebene, die im Inspektor festgelegt wird, wenn nichts ausgewählt ist

Seiten auswählen

Seiten exportieren

Die Fußzeile im Tab „Seiten“ bietet bis zu drei Aktionen:

Während des Exports zeigt die Aktion einen Fortschrittsstatus („Exportieren…“ oder „PDF wird erstellt…“) mit einem Ladesymbol an. Das Raster wird während des Vorgangs abgedunkelt

Der Tab „Ressourcen“

Der Tab Ressourcen listet die Elemente auf, die du im Inspektor für den Export markiert hast. Ein Element wird markiert, indem du In Export einbeziehen dafür aktivierst.

Über den Karten beschreibt das Panel den Tab: „Exportiere die Elemente, die du im Inspektor markiert hast.“

Jedes markierte Element erscheint als Karte mit:

Leerer Zustand

Wenn keine Elemente markiert sind, zeigt der Tab Ressourcen anstelle von Karten einen leeren Zustand an:

Noch keine Ressourcen markiert. Markiere ein beliebiges Element im Inspektor, um es in diesen Export einzubeziehen

Cover media

Der leere Zustand bietet einen Link zu einem kurzen Demo-Video sowie einen Link zu dieser Dokumentation. Es gibt keine Fußzeile im leeren Zustand; der einzige Ausweg ist die Schließen-Schaltfläche in der Kopfzeile

Ressourcen auswählen

Ressourcen exportieren

Die Fußzeile im Tab Ressourcen bietet:

Ein einzelner Klick auf Exportieren kann viele Dateien erzeugen. Die Fußzeile zeigt die Anzahl der ausgewählten Dateien an

Der End-to-End-Export-Flow

  1. Erstelle dein Design

    Erstelle das Design wie gewohnt auf der Leinwand

  2. Lege das Ausgabeformat fest

    Seiten (das gesamte Design als Dateien) oder Ressourcen (bestimmte Elemente)

  3. Für Ressourcen: Markiere jedes Element

    Wähle das Element aus und aktiviere dann „In Export einbeziehen“ im Inspektor

  4. Öffne das Export-Panel

    Klicke in der Kopfzeile auf Export. Wähle den richtigen Tab: Seiten oder Ressourcen

  5. Wähle aus, was exportiert werden soll

    Klicke auf die Karten, um sie auszuwählen, oder verwende „Alle auswählen“

  6. Wähle die Aktion

    Exportieren (pro Element) oder PDF exportieren (nur Tab Seiten)

  7. Warten und herunterladen

    Verfolge den Fortschritt, bis er abgeschlossen ist. Die Dateien werden in deinen Browser heruntergeladen

Ein Toast bestätigt den Abschluss. Mögliche Ergebnisse:

ToastBedeutung
Export abgeschlossenAlles erfolgreich. Die Dateien werden heruntergeladen
Export mit Fehlern beendet · {n} exportiert · {m} fehlgeschlagenTeilerfolg. Einige Dateien wurden erfolgreich verarbeitet, einige sind fehlgeschlagen
Export fehlgeschlagenDer gesamte Export ist fehlgeschlagen. Es wurden keine Dateien bereitgestellt
Download fehlgeschlagenDie Dateien wurden gerendert, konnten aber nicht für den Download gepackt werden. Erneut versuchen
Export abgebrochenDu hast den Export mittendrin gestoppt

Exportkonfiguration pro Element

Der Assets-Tab im Export-Panel listet einzelne Elemente auf, die du exportieren möchtest. Die Konfiguration für jedes Element (welche Formate, welche Skalierungen, welche Dateinamen) befindet sich im Inspektor für das jeweilige Element

Der Export eines einzelnen Elements erfolgt in zwei Schritten:

  1. Markiere das Element als exportierbar. Dies geschieht im Inspektor mit dem Schalter In Export einbeziehen
  2. Konfiguriere die Ausgaben. Jedes Element kann eine oder mehrere Ausgabekonfigurationen haben: Format, Skalierung, Dateibenennung. Dies geschieht im Export-Bereich des Inspektors für das jeweilige Element

Sobald es markiert und konfiguriert ist, erscheint das Element im Tab Ressourcen des Export-Panels und kann ausgewählt und exportiert werden

Ein Element markieren

  1. Wähle das Element aus

    Klicke auf ein Bild, einen Text, eine Form, eine Grafik oder eine Gruppe auf der Leinwand

  2. Öffne den Export-Bereich

    Scrolle im Inspektor zum Export-Bereich

  3. Aktiviere In Export einbeziehen

    Das Element ist nun Teil der Ressourcenliste und erscheint im Tab Ressourcen des Export-Panels

Um die Markierung aufzuheben, schalte den Schalter aus. Das Element bleibt auf der Leinwand; es erscheint lediglich nicht mehr in der Ressourcenliste

Ausgabekonfigurationen

Jedes markierte Element enthält eine oder mehrere Ausgabekonfigurationen. Eine Konfiguration ist das Rezept für die Erstellung einer einzelnen Datei aus dem Element:

Ein einfaches Element könnte eine Konfiguration haben (PNG bei 1x). Ein komplexeres Element könnte drei haben:

Wenn du dieses Element exportierst, werden alle drei Konfigurationen ausgeführt und erzeugen drei Dateien mit einem einzigen Klick auf Exportieren. Das ist die Stärke der elementbezogenen Konfiguration: Ein Logo kann jedes Mal aus einer einzigen Aktion sein kleines PNG für soziale Medien, sein hochauflösendes PNG und seine komprimierte JPEG-Vorschau erzeugen

Konfigurationen hinzufügen, bearbeiten und entfernen

Klicke im Export-Bereich des Inspectors für das ausgewählte Element auf Konfiguration hinzufügen (+ Button). Eine neue Zeile erscheint mit Standardwerten: PNG, Skalierung 1x, kein Affix. Jede Konfigurationszeile zeigt die Steuerelemente direkt an:

Änderungen werden sofort in den Metadaten des Elements gespeichert. Es gibt keine 'Konfiguration speichern'-Aktion; jede Bearbeitung wird sofort erfasst

Jede Konfigurationszeile verfügt über eine Entfernen-Aktion (ein kleines Minus-Icon vor der Konfiguration). Das Entfernen der letzten Konfiguration eines Elements hebt die Export-Markierung des Elements nicht auf; es lässt es lediglich ohne Ausgabe-Konfigurationen zurück. Um das Element vollständig aus dem Ressourcen-Tab zu entfernen, deaktiviere In Export einbeziehen

Beispiele für Multikonfigurationen

Ein paar realistische Muster:

AnwendungsfallKonfigurationen
Logo für Social-PackPNG 1x transparent (logo.png), PNG 2x transparent (logo@2x.png), PNG 4x transparent (logo@4x.png)
Hero-Bild für Web + PrintWebP 1x (hero.webp), JPEG 1x (hero.jpg), PDF 1x (hero.pdf)
Icon-Export für eine AppPNG 1x (icon.png), PNG 2x (icon@2x.png), PNG 3x (icon@3x.png)

Standardeinstellungen auf Dokumentebene

Der Seiten-Tab im Export-Panel verwendet keine elementbezogenen Konfigurationen. Er nutzt die Standardeinstellungen auf Dokumentebene

  1. Alles abwählen

    Klicke auf die leere Leinwand oder drücke Escape

  2. Dokumenteinstellungen öffnen

    Der Inspektor wechselt zu den Dokumenteinstellungen

  3. Standardeinstellungen festlegen

    Suche den Bereich für die Standard-Exportkonfiguration. Wähle das Standardformat und die Skalierung für alle Seiten aus

Der Seiten-Tab verwendet diese Standardeinstellungen, wenn du Seiten von dort exportierst. Jede einzelne Seite hat keine eigene Exportkonfiguration; deshalb ist der Seiten-Tab einfacher als der Ressourcen-Tab

Wenn du eine seitenbezogene Konfiguration wünschst (verschiedene Formate für verschiedene Seiten), lautet der Workflow: Markiere die wichtigen Elemente jeder Seite über den Ressourcen-Tab und konfiguriere jedes so, wie du es benötigst

Ein paar Dinge, die neue Nutzer überraschen

Konfigurationen gelten pro Element, nicht pro Format: Dasselbe Format kann mehrfach in unterschiedlichen Skalierungen auf einem Element vorkommen. Das Markieren eines Elements konfiguriert es nicht automatisch: Bis du eine Konfiguration hinzufügst, hat das Element keine Ausgaben. Mehrere PDFs auf einem Element erhalten ein Zähler-Präfix: Wenn zwei Konfigurationen PDF sind, wird dem zweiten automatisch das Präfix pdf-2 vorangestellt, um Namenskollisionen zu vermeiden. Und der Tab Pages zeigt keine elementbezogenen Konfigurationen an: Diese sind exklusiv im Tab Ressourcen zu finden.

Exportformate: PNG, JPEG, WebP

Designer unterstützt vier Exportformate: PNG, JPEG, WebP und PDF. Dieser Abschnitt behandelt die drei Rasterformate. PDF erhält einen eigenen Abschnitt, da es grundlegend anders ist: Es ist ein Dokumentformat, kein einzelnes Bild.

FormatKompressionTransparenzAm besten geeignet für
PNGVerlustfreiJaLogos, Icons, Designs mit transparentem Hintergrund, alles, bei dem es auf pixelgenaue Wiedergabetreue ankommt
JPEGVerlustbehaftetNeinFotos, Web-Hero-Bilder, Inhalte, bei denen eine kleine Dateigröße wichtiger ist als perfekte Wiedergabetreue
WebPKonfigurierbar (verlustfrei oder verlustbehaftet)JaModerne Web-Bereitstellung, bessere Komprimierung als PNG/JPEG bei gleicher Wiedergabetreue

PNG

PNG ist die sichere Standardoption für die meisten Exporte. Was dir PNG bietet:

Kompromisse: größere Dateigrößen als bei JPEG oder WebP für fotografische Inhalte. Ein 4K-Foto als PNG ist mehrere Megabyte groß; dasselbe Foto als JPEG könnte nur einen Bruchteil davon ausmachen

Wann du PNG verwenden solltest: Logos, Marken-Ressourcen, Icons; Designs, die einen transparenten Hintergrund benötigen (eine Grafik, die über ein Video oder ein Web-Layout gelegt werden soll); alles mit scharfen Kanten, Text oder dünnen Linien (PNG bewahrt die Schärfe, JPEG kann unscharf werden oder Halos um Kanten erzeugen); und wenn du unsicher bist und die Dateigröße nicht entscheidend ist

Transparenz in PNG. Standardmäßig bewahren PNG-Exporte die Transparenz der Leinwand. Der Transparenter Hintergrund-Schalter in der Konfiguration steuert dies. Ein: Transparente Bereiche bleiben transparent. Aus: Transparente Bereiche werden mit der Füllfarbe des Elements oder dem Hintergrund der Seite gefüllt

JPEG

JPEG ist das Fotoformat. Was dir JPEG bietet:

Kompromisse:

Wann du JPEG verwenden solltest: Foto-Exporte für das Web (Hero-Bilder, Social Media-Beiträge, bei denen der Hauptinhalt aus Fotografie besteht); wenn die Dateigröße wichtiger ist als perfekte Wiedergabetreue; wenn das Design keine Transparenz benötigt.

Transparenz bei JPEG. JPEG unterstützt keine Transparenz. Der Schalter für den transparenten Hintergrund ist für JPEG irrelevant: Jegliche Transparenz in der Quelle wird beim Export auf die Hintergrundfarbe der Seite reduziert (oder auf Weiß, falls kein Hintergrund festgelegt ist). Wenn du Transparenz benötigst, verwende PNG oder WebP.

WebP

WebP ist das moderne Webformat. Es wurde entwickelt, um sowohl PNG als auch JPEG für die Bereitstellung im Web zu ersetzen, und bietet bei vergleichbarer Qualität eine bessere Komprimierung als beide.

Was dir WebP bietet:

Kompromisse:

Wann du WebP verwenden solltest: für die Bereitstellung im Web, wenn du die Nutzung kontrollierst (deine eigene Website, ein CMS, das WebP akzeptiert, eine moderne Bild-Pipeline); wenn die Dateigröße wichtig ist und dein Audience moderne Browser verwendet; für Designs, die sowohl Transparenz als auch eine kleine Dateigröße erfordern

Transparenz in WebP. WebP unterstützt Transparenz genauso wie PNG. Der Schalter für transparenten Hintergrund steuert die Beibehaltung. Betrachte WebP für die meisten Anwendungsfälle als „PNG mit besserer Komprimierung“

Die Wahl zwischen Formaten

PNG vs. WebP hängt meist vom Audience und den Tools ab. PNG bietet die breiteste Kompatibilität (die sicherste Wahl, wenn du nicht sicher bist, was der Recipient mit der Datei anstellen wird). WebP hat kleinere Dateien, die gleiche Wiedergabetreue und unterstützt Transparenz (am besten, wenn die Pipeline modern ist). In einer Konfiguration mit mehreren Ausgaben kannst du beides exportieren: PNG für die Kompatibilität, WebP für die Web-Pipeline. Dasselbe Element, zwei Formate, ein Klick auf Exportieren

JPEG vs. WebP für fotografische Inhalte: JPEG ist universell, wird überall akzeptiert und von den meisten nicht-technischen Recipient erwartet. WebP ist bei gleicher Qualität kleiner, aber der Recipient muss eventuell wissen, wie damit umzugehen ist. WebP in „hoher Qualität“ erzeugt Dateien, die bei gleicher visueller Qualität deutlich kleiner sind als JPEG. Wenn die Dateigröße wichtig ist und der Consumer modern ist, gewinnt WebP

Fallstricke bei Formaten

JPEG glättet Transparenz stillschweigend: Ein Logo mit transparentem Hintergrund, das als JPEG exportiert wird, kommt mit einem weißen (oder dem Seitenhintergrund entsprechenden) Hintergrund an. Ein erneuter Export von JPEG verschlechtert die Qualität: Jeder Export ist eine neue verlustbehaftete Komprimierung. Vermeide die Verwendung von JPEG als Arbeitsformat, wenn du die Datei mehrmals exportieren wirst. WebP funktioniert in Browsern gut, ist aber in manchen Apps schwierig: Teste, ob dein Destination WebP akzeptiert, bevor du dich darauf festlegst. Und die PNG-Dateigröße für Fotos ist groß: Wenn die Dateigröße ein Problem darstellt, wechsle für Foto-Exporte zu WebP oder JPEG

PDF-Export

PDF ist das einzige Dokument-Format, das Designer exportiert. Jedes andere Format erzeugt eine Datei pro Element oder pro Seite. PDF ist anders: Es kann mehrere Seiten zu einer einzigen Datei kombinieren

Wann du PDF verwenden solltest

Nicht die beste Wahl, wenn du ein Rasterbild für eine Web-Pipeline benötigst (verwende PNG, JPEG oder WebP) oder wenn du eine einzelne Seite aus einem mehrseitigen Design brauchst und die anderen nicht möchtest (markiere stattdessen die benötigten Elemente im Ressourcen-Tab)

Seiten kombinieren (Seiten-Tab)

Die leistungsstärkste PDF-Funktion ist das Kombinieren ausgewählter Seiten zu einem einzigen PDF

  1. Seiten auswählen

    Wähle im Seiten-Tab des Export-Panels die Seiten aus, die im PDF enthalten sein sollen

  2. Klicke auf PDF exportieren

    Verwende die Aktion PDF exportieren in der Fußzeile

  3. Warte auf die Erstellung

    Designer kombiniert die ausgewählten Seiten in der Dokumentreihenfolge zu einer PDF-Datei. Während der Verarbeitung zeigt die Aktion „PDF wird erstellt…“ an

  4. Herunterladen

    Die einzelne Datei wird heruntergeladen, sobald sie bereit ist

Das kombinierte PDF enthält eine Seite pro ausgewählter Seite aus dem Dokument. Die Seitenreihenfolge im PDF entspricht der Seitenreihenfolge im Dokument, nicht der Reihenfolge, in der du sie ausgewählt hast

Wenn du 5 Seiten auswählst und auf PDF exportieren klickst, erhältst du keine 5 PDFs, sondern ein PDF mit 5 Seiten. Um 5 separate PDFs zu erstellen, konfiguriere jede als eigene Ressource mit einer PDF-Konfiguration. Wenn du 5 Seiten auswählst und auf Exportieren klickst (nicht PDF exportieren), erhältst du 5 separate Dateien im Standardformat des Dokuments

PDF in elementbezogenen Konfigurationen (Tab Ressourcen)

Im Tab Ressourcen kannst du einzelne Elemente für den Export als PDF konfigurieren. Jede PDF-Konfiguration erstellt ein einseitiges PDF, das nur dieses Element enthält

Um dies einzurichten: Markiere das Element mit In Export einbeziehen, füge eine Konfiguration mit dem Format PDF hinzu, und das Element erstellt beim Export ein einseitiges PDF

Transparenz in PDF

PDF unterstützt Transparenz mit Einschränkungen. Vektor- und Textelemente mit transparenten Füllungen werden korrekt exportiert. Rasterbilder mit Alphakanälen werden unter Beibehaltung ihres Alphakanals eingebettet. Einige PDF-Reader (insbesondere ältere) gehen uneinheitlich mit Transparenz um. Wenn exakte Transparenz entscheidend ist, teste dies im Viewer des Recipient.

Der Schalter Transparenter Hintergrund in der Exportkonfiguration steuert, ob der Seitenhintergrund selbst transparent oder gefüllt ist.

Wenn PDF-Exporte groß werden

Mehrseitige PDFs mit vielen hochauflösenden Bildern können sehr groß werden. Muster zur Größenverwaltung: Für Seiten, die hauptsächlich aus Fotos bestehen, erwäge, das Foto separat als JPEG zu exportieren und das JPEG in ein schlankeres PDF einzubetten (Designer bietet diese Abwägung derzeit nicht als einzelne Option an). Wenn nur wenige Seiten als PDF benötigt werden, markiere sie als Ressourcen mit PDF-Konfiguration, anstatt alle Seiten auszuwählen.

Fehler

Häufiger Fehlermodus: Das PDF benötigt zu lange für die Erstellung, als dass der Browser warten könnte. Designer markiert dies und bietet einen erneuten Versuch an. Bei sehr großen mehrseitigen PDFs kann das Aufteilen in separate Exporte helfen. Siehe den Bereich zur Fehlerbehebung für die vollständige Fehler-Referenz.

PDF-Fallstricke

PDF exportieren und Exportieren sind unterschiedliche Aktionen im Tab Seiten: Exportieren erzeugt eine Datei pro Seite im Standardformat des Dokuments, PDF exportieren erzeugt ein einzelnes mehrseitiges PDF. Sie liegen nebeneinander; wähle bewusst. PDF bewahrt Vektoren als Vektoren, im Gegensatz zu Rasterexporten. Druckereien können ein PDF verlustfrei skalieren. Text in PDF ist durchsuchbar und auswählbar: Recipient können Text aus deinem exportierten PDF kopieren. Und PDF ersetzt nicht WebP oder PNG für die Webnutzung: Jedes Format hat seinen Platz.

Skalierung, Größe und Dateinamen

Die Felder für Skalierung und Dateiname sehen einfach aus, steuern aber wirklich leistungsstarke Funktionen: Die Eingabe-Syntax für die Skalierung ermöglicht es dir, die Größe der Ausgabe auf drei verschiedene Arten festzulegen, und die Regeln für die Dateibenennung erlauben es dir, vorhersehbare und organisierte Ausgabedateien zu erstellen

Die Eingabe-Syntax für die Skalierung

Jede Exportkonfiguration verfügt über ein Feld für die Skalierungseingabe. Es akzeptiert drei verschiedene Syntaxen. Wähle diejenige aus, die am besten zu deiner Vorstellung der Ausgabe passt

Skalierung (Multiplikator). Die gängigste Syntax: ein Multiplikator der Quellgröße

Dezimalwerte sind zulässig: 1,5x, 2,5x. Multiplikatoren bewahren das Seitenverhältnis der Quelle. Eine 1080x1080-Seite, die mit 2x exportiert wird, wird zu 2160x2160

Skalierungsmultiplikatoren (1x, 2x, 3x) sind die Art und Weise, wie du verschiedene Bildschirmdichten ansprichst. 1x ist die Basisgröße; 2x deckt Retina-Displays ab (die meisten modernen Smartphones und MacBooks); 3x deckt hochauflösende Bildschirme wie bei High-End-iPhones ab. Wenn dein Logo auf der Leinwand 200x200 px groß ist, exportiert es eine 2x-Konfiguration mit 400x400 px, ohne dass eine manuelle Größenänderung erforderlich ist

Breite (w). Legt die Breite der Ausgabe in Pixeln fest. Die Höhe wird berechnet, um das Seitenverhältnis beizubehalten. Beispiele: 500w (Ausgabe ist 500 Pixel breit), 1920w (HD-Breite), 4000w. Eine quadratische 1080x1080-Seite, die mit 500w exportiert wird, wird zu 500x500. Eine 1920x1080-Seite im Querformat, die mit 1280w exportiert wird, wird zu 1280x720

Höhe (h). Legt die Höhe der Ausgabe in Pixeln fest. Die Breite wird berechnet, um das Seitenverhältnis beizubehalten. Beispiele: 300h, 1080h. Eine 1080x1920-Seite im Hochformat, die mit 400h exportiert wird, wird zu 225x400

Manuelle Auflösung (w oder h) ist für Fälle gedacht, in denen die Destination eine feste Pixelvorgabe hat, die mit einem Multiplikator nicht erreicht werden könnte. Anstatt eines Skalierungsfaktors legst du die exakte Breite oder Höhe fest, die du benötigst, zum Beispiel 1200 px Breite für ein Social Media Banner, und Designer berechnet die andere Dimension, um das Seitenverhältnis beizubehalten

Warum drei Syntaxen? Unterschiedliche mentale Modelle eignen sich für unterschiedliche Aufgaben. Multiplikatoren sind natürlich, wenn du eine klare „doppelte Auflösung“-Beziehung zur Quelle möchtest. Die Breite ist natürlich, wenn die Destination eine feste Breite hat, wie eine Spalte in einem CMS oder ein Banner-Slot mit bekannter Größe. Die Höhe ist natürlich, wenn die Destination eine feste Höhe hat, wie eine Kopfzeile oder ein Element in einer Navigationsleiste

Maximale Größe

Es gibt eine Obergrenze für die Ausgabedimensionen. Das aktuell empfohlene sichere Maximum liegt bei 8192 Pixeln an der langen Seite. Ein Überschreiten löst eine Warnung aus: „Endgröße überschreitet die maximal zulässige Größe“. Reduziere die Skalierung, Breite oder Höhe, um innerhalb des Limits zu bleiben

Regeln zur Dateibenennung

Jede Exportkonfiguration erzeugt eine Datei mit einem spezifischen Namen. Der Name setzt sich aus bis zu fünf Teilen in dieser Reihenfolge zusammen:

  1. Benutzer-Affix-Präfix (wenn du die Affix-Position auf Präfix eingestellt hast)
  2. Auto-Präfix für die Skalierung (zum Beispiel @2x, jpg-2)
  3. Elementname (zum Beispiel Logo oder asset-3, falls das Element keinen Namen hat)
  4. Benutzer-Affix-Suffix (wenn du die Affix-Position auf Suffix festlegst)
  5. Dateiendung, die dem Format entspricht

Wenn du dasselbe Bild in verschiedenen Skalierungen exportierst, kannst du über das Dropdown-Menü Präfix/Suffix ein Präfix oder Suffix hinzufügen, um sie voneinander zu unterscheiden, und im Feld für den Dateinamen eigenen Text ergänzen

Automatisch Präfix

Designer fügt automatisch ein Präfix hinzu, um die Ausgabe zu unterscheiden:

Das Automatisch Präfix ist nicht optional. Es dient dazu, zu verhindern, dass zwei Konfigurationen Dateien mit demselben Namen erzeugen

Benutzer-Affix

Das Benutzer-Affix ist eine Zeichenfolge, die du festlegst. Du wählst außerdem die Position: Präfix (wird ganz am Anfang des Namens platziert) oder Suffix (wird am Ende des Namens, vor der Dateiendung, platziert). Die Standardeinstellung für die Position ist Suffix.

Affix-Verhalten: Das Benutzer-Affix hat Vorrang vor dem automatischen Präfix, sobald es festgelegt wurde. Konkret bedeutet das: Wenn du ein Benutzer-Affix festlegst, wird nur dieses angewendet (das automatische Präfix wird unterdrückt). Wenn du kein Benutzer-Affix festlegst, wird das automatische Präfix automatisch angewendet. Das ist beabsichtigt: Das automatische Präfix dient als Fallback, um eindeutige Namen zu gewährleisten. Wenn du die Benennung bereits mit deinem eigenen Affix selbst steuerst, respektiert Designer deine Wahl.

Beispiele für die Benennung

Elementname: logo. Format: PNG (sofern nicht anders angegeben)

KonfigurationAutomatisch PräfixBenutzer-AffixResultierende Datei
1x, kein Affix(keines)(keines)logo.png
2x, kein Affix@2x(keines)logo@2x.png
4x, kein Affix@4x(keines)logo@4x.png
1x, Suffix dark(keines)darklogo-dark.png
2x, Suffix dark@2x (überschrieben)darklogo-dark-2.png
2x, Präfix pretty@2x (überschrieben)prettypretty-logo.png
500w, kein Affix@500w(keines)logo@500w.png
300h, Suffix thumb(überschrieben)thumbLogo-thumb.png
Erstes PDF, 1x, kein Affix(keines)(keines)Logo.pdf
Zweites PDF, 1x, kein Affixpdf-2(keines)pdf-2-Logo.pdf
Drittes PDF, 1x, Suffix print(überschrieben)printLogo-print.pdf

Die Interaktion zwischen dem automatischen Präfix und dem benutzerdefinierten Affix ist der am leichtesten misszuverstehende Teil des Systems. Wenn du möchtest, dass alle deine Exporte unabhängig vom Maßstab gleich benannt werden, lege ein benutzerdefiniertes Affix fest. Wenn du möchtest, dass Designer sie für dich unterscheidet, lasse das benutzerdefinierte Affix leer

Benennung und das Dateisystem

Fallstricke bei Skalierung und Benennung

Das Auto-Präfix wird unterdrückt, wenn du ein Nutzer-Affix festlegst: Wenn du „dark“ als Suffix für eine 2x-Konfiguration einstellst, lautet deine Datei logo-dark.png und nicht logo-dark@2x.png. Um das Auto-Präfix beizubehalten, lass das Nutzer-Affix leer. Breiten- und Höheneingaben wirken sich nur auf die jeweilige Achse aus: Die andere Achse wird aus dem Seitenverhältnis abgeleitet. Dezimale Skalierungen funktionieren, führen aber zu ungeraden Abmessungen: 1,5x einer 1080x1080-Seite ergibt 1620x1620. Für runde Zahlen verwende w oder h. Zudem erzeugen zwei Konfigurationen mit identischer Benennung identische Dateinamen, wodurch der Browser eine mit der anderen überschreiben könnte. Variiere daher immer entweder das Format, die Skalierung oder das Affix zwischen den Konfigurationen

Fehlerbehebung bei Exporten

Exporte laufen normalerweise reibungslos ab, aber einige Bedingungen können zu Fehlern oder unerwartetem Verhalten führen. Dieser Abschnitt behandelt die Fehler, die auftreten können, was sie bedeuten und wie du sie beheben kannst

Das Vokabular der Toasts

ToastBedeutungWas zu tun ist
Export abgeschlossenAlles hat geklapptDateien werden heruntergeladen. Fertig
Export mit Fehlern beendet · {n} exportiert · {m} fehlgeschlagenTeilweiser Erfolg. Einige Dateien wurden erfolgreich verarbeitet, andere sind fehlgeschlagenÖffne das Export-Panel erneut; die fehlgeschlagenen Elemente können einzeln erneut versucht werden
Export fehlgeschlagenDer gesamte Export ist fehlgeschlagen. Es wurden keine Dateien geliefertUntersuche das Problem (siehe unten)
Download fehlgeschlagenDie Dateien wurden korrekt gerendert, aber der Download wurde nicht gepacktVersuche den Export erneut. Dies ist meist nur ein vorübergehendes Problem
Export abgebrochenDu hast den Export mittendrin gestopptStarte neu, wenn du bereit bist

Die endgültige Größe überschreitet das zulässige Maximum

Der Toast oder Banner lautet: 'Die endgültige Größe überschreitet die maximal zulässige Größe'

Dies passiert, wenn die Skalierung (4x einer bereits großen Seite) die maximale Ausgabe-Dimension überschreitet oder wenn eine Eingabe für Breite/Höhe das Maximum übersteigt. Das aktuell empfohlene sichere Maximum liegt bei 8192 Pixeln an der langen Seite

So behebst du das Problem: Reduziere die Skalierung (2x bei einer HD-Seite ist selten nötig; versuche 1x für die Bereitstellung, 2x für Retina), verwende einen kleineren Wert für Breite/Höhe oder teile das Design bei sehr großen Anforderungen an die Ausgabe in mehrere kleinere Seiten auf und exportiere diese separat, um sie dann in einem anderen Tool zusammenzufügen

Keine Elemente in der Szene

Das Export-Panel zeigt: 'Keine Elemente in der Szene'. Eine ausgewählte Seite enthält keine Elemente für das Rendering. Der Export einer leeren Seite erzeugt nichts

So behebst du das Problem: Überprüfe im Tab Seiten, ob die richtige Seite ausgewählt ist, füge vor dem Export mindestens ein Element zur Seite hinzu oder hebe die Auswahl im Tab Seiten auf, falls die Seite leer sein soll (sie kann nicht als Nichts exportiert werden)

Noch nichts zu exportieren (Tab Ressourcen)

Der Tab Ressourcen ist leer. Der leere Status lautet: 'Noch keine Ressourcen markiert. Markiere ein beliebiges Element im Inspektor, um es in diesen Export aufzunehmen.'

So behebst du das Problem: Wähle ein Element auf der Leinwand aus und aktiviere im Export-Bereich des Inspektors In Export einbeziehen. Das Element erscheint im Tab Ressourcen. Wenn du viele Elemente exportieren möchtest, wiederhole den Vorgang für jedes einzelne

Der Export dauert lange

Große Designs mit vielen hochauflösenden Bildern, aufwendigen Effekten oder komplexen Vektor-Inhalten können beim Rendering Zeit in Anspruch nehmen. Faktoren, die zu langsamen Exporten führen:

So behebst du das Problem: Exportiere weniger Seiten oder Ressourcen auf einmal oder verwende eine niedrigere Skalierung

Konfigurationsprobleme bei einzelnen Elementen

Mein Element erschien nicht im Tab Ressourcen. Überprüfe, ob im Inspektor für dieses Element „In Export einbeziehen“ aktiviert ist. Wenn dies deaktiviert ist, ist das Element nicht Teil der Ressourcenliste

Der Dateiname entspricht nicht meinen Erwartungen. Die Regeln für die Dateibenennung kombinieren ein automatisches Präfix (für die Skalierung) mit einem benutzerdefinierten Affix (falls du eines festgelegt hast). Das automatische Präfix wird unterdrückt, sobald du ein benutzerdefiniertes Affix festgelegt hast. Wenn du beides möchtest, musst du die Skalierungsinformationen manuell in dein benutzerdefiniertes Affix einfügen. Anstatt das Affix bei einer 2x-Konfiguration leer zu lassen (was @2x ergibt), setze beispielsweise ein benutzerdefiniertes Affix von 2x-dark, um logo-2x-dark.png zu erhalten

Format-spezifische Probleme

Mein JPEG hat einen weißen (oder seltsamen) Hintergrund, anstatt transparent zu sein. JPEG unterstützt keine Transparenz. Transparenz auf der Leinwand wird beim Export auf eine Volltonfarbe reduziert. Ändere das Format der Konfiguration zu PNG oder WebP. Beide unterstützen Transparenz.

Mein PDF ist riesig. PDFs mit vielen Rasterbildern in hoher Skalierung werden schnell sehr groß. Verwende die 1-fache Skalierung, es sei denn, du benötigst explizit eine höhere, reduziere die Anzahl der Seiten beim Export oder ziehe bei fotografischen Inhalten in Betracht, Fotos separat als JPEG zu exportieren und außerhalb von Designer zusammenzufügen.

Meine WebP-Datei lässt sich in manchen App nicht öffnen. Ältere oder spezialisierte Tools unterstützen WebP möglicherweise nicht. Wechsle für diese Empfänger bei der Konfiguration zu PNG oder JPEG.

Workflow-spezifische Probleme

Mein dynamischer Inhalt zeigt beim Export den falschen Inhalt an. Überprüfe, ob der dynamische Inhalt mit der richtigen Verbindung verknüpft ist. Der aktuelle Wert der Verbindung ist das, was exportiert wird. Wenn der dynamische Inhalt den statischen Fallback anzeigt, obwohl du dynamischen Inhalt erwartet hast, wurde die Verknüpfung möglicherweise entfernt. Verknüpfe sie erneut über den Inspektor.

Mein Design exportiert anders, als ich es auf der Leinwand sehe. Ein paar spezifische Verhaltensweisen, die du kennen solltest:

Der Exportfortschritt hängt fest. Wenn die Fortschrittsanzeige des Exports für längere Zeit nicht weiterläuft: Warte zuerst ab (große Exporte können Zeit in Anspruch nehmen, insbesondere mehrseitige PDFs); falls das Panel eine Abbruchaktion anbietet, nutze diese; aktualisiere bei Bedarf die Seite und versuche es dann mit einem kleineren Maßstab oder weniger Ressourcen erneut.

Stornierung

Du kannst einen laufenden Export über das Panel abbrechen. Der Abbruch sendet eine „Export abgebrochen“-Benachrichtigung. Alle Dateien, die vor dem Abbruch fertiggestellt wurden, werden weiterhin bereitgestellt. Das Abbrechen macht bereits heruntergeladene Dateien nicht rückgängig; es stoppt lediglich den Rest.

Ein Problem melden

Wenn ein Export trotz der oben genannten Korrekturversuche wiederholt fehlschlägt, sammle folgende Informationen:

Melde dich über die standardmäßigen Magnific-Supportkanäle

Tücken bei der Fehlerbehebung

Teilerfolge beziehen sich auf jede Datei: Ein Export mehrerer Dateien, bei dem eine fehlschlägt, liefert dennoch den Rest. Achte auf die Benachrichtigung für die Anzahl. Die Download-Berechtigung des Browsers ist wichtig: Wenn dein Browser Downloads mehrerer Dateien blockiert, wird die erste Datei möglicherweise heruntergeladen, die nachfolgenden jedoch nicht. Überprüfe deine Browsereinstellungen. Die maximale Größe ist ein Limit, keine unverbindliche Warnung: Wenn du sie überschreitest, wird der Export nicht ausgeführt. Reduziere sie. Und Designer rundet die skalierte Ausgabe auf ganze Zahlen: Eine 1,5-fache Skalierung auf einer 1080x1080-Seite ergibt 1620x1620, nicht 1620,0x1620,0. Für vorhersehbare ganzzahlige Ausgaben verwende die w- oder h-Syntax

Falls du nicht findest, was du brauchst, verwende die Schaltfläche Support kontaktieren im Hilfe-Center