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
- Die Tabs für Elemente hinzufügen
- Drag-and-drop
- Aus der Zwischenablage einfügen
- Kopieren, Ausschneiden und Duplizieren
- Auf ein bestehendes Element ziehen
- Deep-Links von anderen Stellen in Magnific
- KI-Tools in Designer
- Import in dynamische Inhalte
- Größe und Qualität beim Import
- Exportieren: die zwei Möglichkeiten
- Das Export-Panel öffnen
- Der Tab „Seiten“
- Der Tab „Ressourcen“
- Der durchgängige Export-Flow
- Export-Konfiguration pro Element
- Standardeinstellungen auf Dokumentebene
- Exportformate: PNG, JPEG, WebP
- PDF-Export
- Skalierung, Größe und Dateinamen
- Fehlerbehebung beim Export
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
| Mechanismus | Am besten geeignet für | Wie |
|---|---|---|
| Elemente hinzufügen | Ressourcen wiederverwenden, die du bereits in Magnific hast, oder eigene hochladen | Öffne den Tab „Elemente / Bilder“ in der linken Seitenleiste |
| Drag-and-Drop | Dateien von deinem Computer hinzufügen | Ziehe eine Datei aus deinem Dateisystem auf die Leinwand |
| Einfügen | Inhalte aus deiner Zwischenablage hinzufügen | Cmd/Ctrl+V, wenn nichts ausgewählt ist |
| Agent fragen | Etwas Neues aus einem Prompt erstellen | Nutze den Agenten, um ein Element auf deiner Leinwand zu erstellen oder zu bearbeiten |
| Deep-Links | Weiterarbeit an einer generierten Ressource | Klicke 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
- Bilder. Deine Bildbibliothek: Uploads, KI-Generierungen von anderen Magnific-Tools, kürzlich verwendete Ressourcen. Klicke auf ein beliebiges Bild, um es auf der aktiven Seite zu platzieren
- Elemente. Kuratierte Vektor-Grafiken: Icons, Illustrationen, Formen, dekorative Ressourcen. Klicke darauf, um sie auf der aktiven Seite zu platzieren
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
Ziehe die Datei
Ziehe eine Datei aus deinem Dateimanager (Finder auf macOS, Datei-Explorer auf Windows) auf die Leinwand
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:
- Bildformate. Gängige Rasterformate (PNG, JPEG, WebP)
- HEIC / HEIF. Werden beim Import automatisch in ein Standardformat konvertiert. Du musst nichts weiter tun
- Vektorformate. SVG und andere Vektorformate werden zu anpassbaren Grafikelementen
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:
- Bild aus der Zwischenablage. Füge einen Screenshot oder ein Bild ein, das du aus einer anderen App kopiert hast. Designer erstellt ein neues Bildelement.
- Text. Füge einfachen Text ein. Designer erstellt ein neues Textelement mit dem eingefügten Text.
- Designer-Fragment. Füge Inhalte ein, die du aus einem anderen Designer-Dokument oder einer anderen Seite kopiert hast. Designer rekonstruiert die ursprünglichen Elemente (Text, Bilder, Formen, Gruppen) und behält dabei alle ihre Eigenschaften (Typografie, Farbe, Effekte, Layout) bei.
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:
| Tastenkombination | Aktion |
|---|---|
| Cmd/Ctrl+C | Kopiert die ausgewählten Elemente |
| Cmd/Ctrl+X | Schneidet aus (kopieren + entfernen) |
| Cmd/Ctrl+V | Einfügen. Eingefügte Elemente erscheinen mit einem kleinen Versatz zum Original |
| Cmd/Ctrl+D | Duplizieren. Entspricht Kopieren + Einfügen, greift jedoch nicht auf die Zwischenablage zu |
| Cmd/Ctrl+Alt+C | Kopiert Stile vom ausgewählten Element |
| Cmd/Ctrl+Alt+V | Fü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:
- Ein Bildelement. Ersetzt die Bitmap durch das abgelegte Bild. Der Rahmen, die Maske, der Größenmodus, die Anpassungen und die Effekte bleiben alle erhalten
- Ein dynamischer Inhalt. Wenn der dynamische Inhalt ein Bild ist und der abgelegte Inhalt ebenfalls ein Bild ist, füllt Designer den dynamischen Inhalt. Wenn er aktuell mit einer Workflow-Verbindung verknüpft ist, unterbricht das Ablegen eines statischen Bildes die Verknüpfung (mit Bestätigung)
So tauschst du schnell ein Hero-Bild in einem fast fertigen Design aus, ohne das Element neu aufbauen zu müssen
Deep-Links von anderen Stellen in Magnific
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:
- Vom Media-Viewer aus, nach dem Generieren eines Bildes. Aktionen wie „In Designer öffnen“ und „Auto-Ebenen“ senden das Bild an Designer und öffnen das entsprechende Tool
- Von einer Magnific-Erstellungskarte aus. Ähnliche Einstiegspunkte
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:
- Hintergrund entfernen. Entferne den Hintergrund von einem bestehenden Bild und behalte das Motiv auf einer transparenten Ebene.
- Auto-Ebenen. Verwandle ein bestehendes Bild in anpassbare Ebenen.
- Agent fragen bei einem bestehenden Bild. Beschreibe eine Änderung und generiere eine neue Version.
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:
- Verknüpfung mit einer Verbindung aus dem Workflow
- Ein Bild oder Text direkt auf den dynamischen Inhalt ziehen
- Inhalte einfügen, während der dynamische Inhalt ausgewählt ist (das Einfügen erfolgt auf dem ausgewählten Element)
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
- Bilder werden in ihrer Originalauflösung hochgeladen. Designer reduziert die Auflösung beim Import nicht
- Bevorzuge Quelldateien gegenüber Screenshots. Ein PNG von einem Logo ist schärfer als ein Screenshot des Logos auf dem Bildschirm
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:
- Seiten. Ganze Seiten des Dokuments, die jeweils als eine Datei exportiert werden. Verwende dies, wenn das Design das Endprodukt ist: ein Poster, eine Social-Media-Karte, ein Slide
- Ressourcen. Spezifische Elemente, die du auf der Leinwand markiert hast und die als einzelne Dateien exportiert werden. Verwende dies, wenn nur Teile deines Designs das Endprodukt sind, zum Beispiel ein Logo und ein paar Icons, die aus einem größeren Layout extrahiert wurden
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:
- Eine Kopfzeile mit dem Titel, dem Pages/Assets-Segment-Steuerelement und einem Schließen-Button
- Eine Beschreibung für den aktiven Tab
- Einen Inhaltsbereich mit den Elementen, die im aktiven Tab verfügbar sind
- Eine Fußzeile mit den Aktionsbuttons

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:
- Einer Miniaturansicht der Seite
- Einer Beschriftung: die Seitennummer oder der Seitenname (zum Beispiel „Seite 1“)
- Einem Auswahl-Checkbox, um festzulegen, ob die Seite in diesen Export einbezogen werden soll
Ü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
- Klicke auf eine Karte, um die Auswahl umzuschalten
- Verwende den Schalter Alle Seiten auswählen in der Fußzeile, um alles auszuwählen oder die Auswahl aufzuheben
- Die Aktionsschaltflächen in der Fußzeile bleiben deaktiviert, bis mindestens eine Seite ausgewählt ist. Fahre bei deaktivierter Aktion mit der Maus darüber, um „Wähle mindestens eine Seite aus“ zu sehen
Seiten exportieren
Die Fußzeile im Tab „Seiten“ bietet bis zu drei Aktionen:
- Abbrechen. Schließe das Panel ohne Exportieren
- PDF exportieren. Kombiniere die ausgewählten Seiten zu einem einzigen PDF und lade es herunter
- Exportieren. Exportiere die ausgewählten Seiten einzeln im Standardformat des Dokuments
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:
- Einer Vorschau nur dieses Elements (nicht der gesamten Seite)
- Einem Label: dem Namen des Elements oder einem Fallback wie „Element 3“
- Den Dateinamen, die erstellt werden. Jede Exportkonfiguration für dieses Element erzeugt eine eigene Datei mit dem sichtbaren Muster
- Einem Auswahl-Checkbox
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

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
- Klicke auf eine Karte, um die Auswahl umzuschalten
- Der Umschalter Alle Ressourcen auswählen in der Fußzeile wählt alles aus oder ab
- Die Aktion Exportieren ist deaktiviert, bis mindestens eine Ressource ausgewählt wurde. Fahre mit der Maus darüber, um „Wähle mindestens eine Ressource aus“ zu sehen
Ressourcen exportieren
Die Fußzeile im Tab Ressourcen bietet:
- Abbrechen: das Panel schließen
- Exportieren: jede ausgewählte Ressource gemäß ihrer eigenen elementbezogenen Konfiguration exportieren (was mehrere Formate und Skalierungen umfassen kann. Eine Ressource kann mehrere Dateien erzeugen)
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
Erstelle dein Design
Erstelle das Design wie gewohnt auf der Leinwand
Lege das Ausgabeformat fest
Seiten (das gesamte Design als Dateien) oder Ressourcen (bestimmte Elemente)
Für Ressourcen: Markiere jedes Element
Wähle das Element aus und aktiviere dann „In Export einbeziehen“ im Inspektor
Öffne das Export-Panel
Klicke in der Kopfzeile auf Export. Wähle den richtigen Tab: Seiten oder Ressourcen
Wähle aus, was exportiert werden soll
Klicke auf die Karten, um sie auszuwählen, oder verwende „Alle auswählen“
Wähle die Aktion
Exportieren (pro Element) oder PDF exportieren (nur Tab Seiten)
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:
| Toast | Bedeutung |
|---|---|
| Export abgeschlossen | Alles erfolgreich. Die Dateien werden heruntergeladen |
| Export mit Fehlern beendet · {n} exportiert · {m} fehlgeschlagen | Teilerfolg. Einige Dateien wurden erfolgreich verarbeitet, einige sind fehlgeschlagen |
| Export fehlgeschlagen | Der gesamte Export ist fehlgeschlagen. Es wurden keine Dateien bereitgestellt |
| Download fehlgeschlagen | Die Dateien wurden gerendert, konnten aber nicht für den Download gepackt werden. Erneut versuchen |
| Export abgebrochen | Du 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:
- Markiere das Element als exportierbar. Dies geschieht im Inspektor mit dem Schalter In Export einbeziehen
- 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
Wähle das Element aus
Klicke auf ein Bild, einen Text, eine Form, eine Grafik oder eine Gruppe auf der Leinwand
Öffne den Export-Bereich
Scrolle im Inspektor zum Export-Bereich
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:
- Format. PNG, JPEG, WebP oder PDF
- Skalierung. Der Größenmultiplikator oder die absolute Dimension
- Affix. Ein optionales Präfix oder Suffix, das dem Dateinamen hinzugefügt wird
- Transparenter Hintergrund. Für Formate, die Transparenz unterstützen (PNG, WebP). Nur verfügbar, wenn eine Seite ausgewählt ist; wenn ein einzelnes Element ausgewählt ist, erscheint der Schalter nicht
Ein einfaches Element könnte eine Konfiguration haben (PNG bei 1x). Ein komplexeres Element könnte drei haben:
- PNG bei 1x, transparenter Hintergrund, Suffix logo
- PNG bei 2x, transparenter Hintergrund, Suffix logo@2x
- JPEG in 1x, Suffix-Vorschau
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:
- Format-Auswahl. Dropdown-Menü mit PNG, JPEG, WebP, PDF. Jede Option zeigt ihr Label in der Auswahl an
- Skalierungs-Eingabe. Die Größenangabe. Gängige Werte: 1x, 2x, 4x. Breiten- und höhenbasierte Werte werden ebenfalls unterstützt (500w für '500px breit', 300h für '300px hoch')
- Affix-Eingabe. Eine optionale Zeichenfolge, die dem Dateinamen hinzugefügt wird. Kombiniere sie mit einem Präfix- (erscheint am Anfang des Elementnamens) oder Suffix-Selektor (erscheint am Ende des Elementnamens), um die Position festzulegen
- Transparenter Hintergrund. Für PNG und WebP der Schalter, der steuert, ob der Hintergrund transparent ist oder mit der tatsächlichen Hintergrundfarbe des Elements gefüllt wird
Ä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:
| Anwendungsfall | Konfigurationen |
|---|---|
| Logo für Social-Pack | PNG 1x transparent (logo.png), PNG 2x transparent (logo@2x.png), PNG 4x transparent (logo@4x.png) |
| Hero-Bild für Web + Print | WebP 1x (hero.webp), JPEG 1x (hero.jpg), PDF 1x (hero.pdf) |
| Icon-Export für eine App | PNG 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
Alles abwählen
Klicke auf die leere Leinwand oder drücke Escape
Dokumenteinstellungen öffnen
Der Inspektor wechselt zu den Dokumenteinstellungen
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.
| Format | Kompression | Transparenz | Am besten geeignet für |
|---|---|---|---|
| PNG | Verlustfrei | Ja | Logos, Icons, Designs mit transparentem Hintergrund, alles, bei dem es auf pixelgenaue Wiedergabetreue ankommt |
| JPEG | Verlustbehaftet | Nein | Fotos, Web-Hero-Bilder, Inhalte, bei denen eine kleine Dateigröße wichtiger ist als perfekte Wiedergabetreue |
| WebP | Konfigurierbar (verlustfrei oder verlustbehaftet) | Ja | Moderne 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:
- Verlustfreie Komprimierung. Jeder exportierte Pixel ist derselbe Pixel, der im Editor angezeigt wurde
- Volle Alpha-Transparenz. Bereiche, die auf der Leinwand transparent sind, bleiben in der Datei transparent
- Universeller Support. Jeder Browser, jedes Betriebssystem, jedes Design-Tool liest PNG
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:
- Exzellente Komprimierung für fotografische Inhalte. Kleine Dateigrößen bei hoher visueller Wiedergabetreue
- Universeller Support
Kompromisse:
- Verlustbehaftete Komprimierung. Jeder JPEG-Export führt zu leichten Artefakten auf Pixelebene. Sie sind bei normaler Betrachtung meist unsichtbar, summieren sich jedoch, wenn du die Datei mehrmals neu exportierst
- Keine Transparenz. JPEG hat keinen Alphakanal. Alles Transparente wird deckend (typischerweise weiß)
- Scharfe Kanten und Text lassen sich nicht gut komprimieren. Kanten mit hohem Kontrast erzeugen bei typischer JPEG-Qualität sichtbare Halos.
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:
- Eine Komprimierung, die PNG bei Grafiken und JPEG bei Fotos übertrifft.
- Optionale Transparenz (verlustfreies WebP unterstützt Alpha).
- Ein einziges Format, das sowohl verlustbehaftete als auch verlustfreie Anwendungsfälle abdeckt.
Kompromisse:
- Wird nicht universell von alter Software unterstützt. Die meisten modernen Browser und Betriebssysteme unterstützen WebP, aber einige ältere Desktop-Tools (ältere Adobe-Versionen, älteres Microsoft Office) tun dies nicht.
- Für nicht-technische Empfänger weniger erkennbar. Wenn du eine .webp-Datei per E-Mail an eine Kundschaft sendest, könnte sie verwirrt sein, wenn sie eine .jpg-Datei erwartet.
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
- Druckausgabe. Druckereien erwarten in der Regel PDF
- Mehrseitige Ergebnisse. Eine 4-seitige Broschüre als einzelne Datei ist viel einfacher zu verwalten als vier separate PNGs
- Gemischte Inhalte (Raster + Vektor + Text). PDF bewahrt Vektorelemente als Vektoren und Rasterelemente als Raster, beides in voller Qualität. Text in PDF ist auswählbar und durchsuchbar
- Verteilung an Empfänger mit unbekannten Tools. Jede Person hat einen PDF-Reader. Das Format kommt einem universellen Artefakt für Design am nächsten
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
Seiten auswählen
Wähle im Seiten-Tab des Export-Panels die Seiten aus, die im PDF enthalten sein sollen
Klicke auf PDF exportieren
Verwende die Aktion PDF exportieren in der Fußzeile
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
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
- 1x: gleiche Größe wie die Leinwand
- 2x: doppelte Abmessungen (4x Pixel)
- 4x: vierfache Abmessungen (16x Pixel)
- 0,5x: halbe Abmessungen
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:
- Benutzer-Affix-Präfix (wenn du die Affix-Position auf Präfix eingestellt hast)
- Auto-Präfix für die Skalierung (zum Beispiel @2x, jpg-2)
- Elementname (zum Beispiel Logo oder asset-3, falls das Element keinen Namen hat)
- Benutzer-Affix-Suffix (wenn du die Affix-Position auf Suffix festlegst)
- 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:
- Bei Raster-Skalierungen außer 1x lautet das Präfix @{scale}: zum Beispiel @2x, @4x, @500w, @300h
- Bei mehreren PDF-Konfigurationen für dasselbe Element erhalten das zweite und alle weiteren PDFs das Präfix pdf-{N}: zum Beispiel pdf-2, pdf-3
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)
| Konfiguration | Automatisch Präfix | Benutzer-Affix | Resultierende 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) | dark | logo-dark.png |
| 2x, Suffix dark | @2x (überschrieben) | dark | logo-dark-2.png |
| 2x, Präfix pretty | @2x (überschrieben) | pretty | pretty-logo.png |
| 500w, kein Affix | @500w | (keines) | logo@500w.png |
| 300h, Suffix thumb | (überschrieben) | thumb | Logo-thumb.png |
| Erstes PDF, 1x, kein Affix | (keines) | (keines) | Logo.pdf |
| Zweites PDF, 1x, kein Affix | pdf-2 | (keines) | pdf-2-Logo.pdf |
| Drittes PDF, 1x, Suffix print | (überschrieben) | Logo-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
- Designer legt Exporte standardmäßig nicht in Unterordnern ab. Jede Datei landet mit dem Namen, der durch die oben genannten Regeln erzeugt wurde, im Download-Ordner des Nutzers. Wenn du eine Ordnerstruktur benötigst, organisiere diese nach dem Download oder verwende das Nutzer-Affix, um „Ordner“-Präfixe manuell zu kodieren
- Designer bereinigt keine ungewöhnlichen Zeichen in Affixen. Vermeide /, \, :, ?, ", <, >, | in Nutzer-Affixen, da diese auf einigen Betriebssystemen Dateinamen beschädigen
- Spaces sind erlaubt, erzeugen aber „my logo.png“. Erwäge Unterstriche oder Bindestriche für sauberere Namen, falls du die Dateien programmatisch verarbeiten möchtest
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
| Toast | Bedeutung | Was zu tun ist |
|---|---|---|
| Export abgeschlossen | Alles hat geklappt | Dateien werden heruntergeladen. Fertig |
| Export mit Fehlern beendet · {n} exportiert · {m} fehlgeschlagen | Teilweiser Erfolg. Einige Dateien wurden erfolgreich verarbeitet, andere sind fehlgeschlagen | Öffne das Export-Panel erneut; die fehlgeschlagenen Elemente können einzeln erneut versucht werden |
| Export fehlgeschlagen | Der gesamte Export ist fehlgeschlagen. Es wurden keine Dateien geliefert | Untersuche das Problem (siehe unten) |
| Download fehlgeschlagen | Die Dateien wurden korrekt gerendert, aber der Download wurde nicht gepackt | Versuche den Export erneut. Dies ist meist nur ein vorübergehendes Problem |
| Export abgebrochen | Du hast den Export mittendrin gestoppt | Starte 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:
- Viele ausgewählte Seiten in einem einzigen PDF-Export
- Hohe Skalierungswerte (4x oder höher) auf großen Seiten
- Viele hochauflösende Bilder auf einer Seite
- Starke Weichzeichner, Schlagschatten oder Filtereffekte auf großen Elementen
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:
- Seitenzuschnitt wird beim Export berücksichtigt. Wenn der Zuschnitt deaktiviert ist und Elemente über die Seite hinausragen, wird dieser Überstand im Rendering exportiert. Um dies zu verhindern, aktiviere den Seitenzuschnitt oder verschiebe die Elemente innerhalb der Seite.
- Ausgeblendete Elemente werden nicht exportiert. Wenn ein Element über das Ebene-Panel ausgeblendet ist, ist es auf der Leinwand unsichtbar und fehlt im Export. Blende es bei Bedarf wieder ein.
- Gesperrte Elemente werden trotzdem exportiert. Das Sperren verhindert nur die Auswahl; es hat keine Auswirkungen auf das Rendering.
- Schwere Effekte werden beim Export als Rendering verarbeitet. Was du siehst, ist das, was du bekommst. Wenn ein starker Weichzeichner beim Export leicht anders aussieht, liegt das normalerweise an der Precision während des Renderings und nicht an einem grundlegenden Unterschied.
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:
- Der Name oder die URL des Designs
- Die ausgewählten Seiten oder Ressourcen und deren Konfigurationen
- Der genaue Text der Benachrichtigung oder Fehlermeldung
- Details zu Browser und Betriebssystem, falls der Fehler plattformspezifisch sein könnte
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