Header - live

Support FAQ Category-Create designs-jle

support-vector-and-pixel-graphics-introduction-jle

Vektor- und Pixelgrafiken: Einführung

Deine Designs kannst du bei Spreadshop auf zwei grundlegend verschiedene Arten zum Ausdruck bringen: Durch eine Pixel- oder eine Vektorgrafik. Hier zeigen wir dir, wie du die unterschiedlichen Grafiksysteme optimal für deine Designs nutzen kannst.

### Auf den Punkt gebracht: Pixelgrafiken

Pixelgrafiken stecken heute in jedem Smartphone, Digitalkamera oder Computer. Nahezu jedes digitale Foto ist eine Pixelgrafik. Dabei werden die Bildinformationen des Fotos als einzelne Farbpunkte (Pixel) gespeichert. Umso kleiner und detaillierter die einzelnen Pixel, desto schärfer das Foto. Sind die einzelnen Pixel jedoch zu groß und damit die Auflösung zu gering wirkt das Foto “verpixelt”.

Deswegen ist die Dateigröße von hochauflösenden Fotos auch recht groß – weil es sich aus Millionen einzelnen Bildpunkt zusammensetzt. Dafür ist der herausragende Vorteil von Pixelgrafiken, dass sie sich schnell, einfach und ohne viel Vorwissen mit jedem Smartphone, Tablet oder Computer bearbeiten lassen. Die gängigen Programme dafür sind [Adobe Photoshop](https://www.adobe.com/de/products/photoshop.html) (kommerziell) oder [Gimp](https://www.gimp.org/) (Open Source).

### Werde Pixel-Nerd

| Gut geeignet für Pixelgrafiken: | Fotos oder Designs mit hohem Detailgrad sowie Zeichnungen, Illustrationen und Designs mit Farbverläufen. |
|----------|----------|
| **Druckarten:** | [Digitaldruck](3f3dddc3-7f5b-4aef-851d-a4b70c06ad73), Laser Transfer, Thermosublimation |
| **Aufbau/Struktur:** | Jede Grafik besteht aus einzelnen Bildpunkten (Pixel). |
| **Speichern/Dateigröße:** | Jeder Bildpunkt hat seine individuelle Farbinformationen. Ein Beispiel: In einen roten Kreis mit 1.000 Pixeln werden für jedes einzelne Pixel die Position und seine Farbwerte gespeichert. |
| **Auflösung:** | Die Auflösung eines Designs wird meist in dpi (dots per inch) angegeben. 200 dpi bedeutet, dass sich 200 Bildpunkte auf einem Inch (= 2,54 cm) befinden. |
| **Qualitätsverlust:** | Je geringer die Auflösung eines Designs (je weniger Bildpunkte pro Inch) desto eher sind die einzelnen Pixel mit bloßem Augen zu erkennen. Ein Vergrößern des Designs ist dann nur mit Qualitätsverlust möglich. Auch hochauflösende Bilder, die zu klein angelegt wurden, zeigen beim Vergrößern Qualitätsverluste. |

Optimiere jetzt deine Pixelgrafiken. In diesem **[FAQ](9380ecd1-ed76-43ef-a4c2-7e2e89eaa9bb)** zeigen wir dir, wie’s geht.

### Eine Linie sagt mehr als tausend Pixel: Vektorgrafiken

Während Pixelgrafiken allgegenwärtig sind, besetzen Vektorgrafiken eine eher kleine aber feine Nische. Denn bei Vektorgrafiken wird das Design nicht in Form von Pixeln, sondern durch geometrische Formen beschrieben, die sich wiederum als mathematische Formeln speichern lassen. Dadurch können Vektorgrafiken ohne Qualitätsverluste beliebig skaliert werden und bleiben trotzdem gestochen scharf. Die Bildinformationen werden einfach für jede Größe neu berechnet (“Rendern”).

Da Vektorgrafiken nur geometrische Formen enthalten, sind sie im Vergleich zu Pixelgrafiken sehr klein. Dafür ist ihre Bearbeitung deutlich anspruchsvoller und benötigt spezielle Grafikprogramme. Die bekanntesten heißen [Adobe Illustrator](https://www.adobe.com/de/products/illustrator.html) (kommerziell) und [Inkscape](https://inkscape.org/de/) (Open Source). Wie unsere Beispiele jedoch zeigen, kann es sich durchaus lohnen Designs als Vektorgrafik anzulegen.

### Werde Vektor-Nerd

| **Gut geeignet für Vektorgrafiken:** | Weniger komplexe Designs und geometrische Formen wie Schriften, Logos oder Comic-Style mit maximal 3 Farben. |
|----------|----------|
| **Druckarten:** | [Flex- und Flockdruck](563c7904-c8b3-4b58-94a8-7af56bca4903), [Digital Direkt](3f3dddc3-7f5b-4aef-851d-a4b70c06ad73), Thermosublimation |
| **Aufbau/Struktur:** | Die Bildinhalte bestehen aus geometrischen Formen, die mathematisch berechnet werden (“Rendern”). |
| **Speichern/Dateigröße:** | Es werden nur die Informationen gespeichert, die nötig sind, um das Bildobjekt mathematisch zu beschreiben. Im Fall eines roten Kreises also lediglich die Position seines Mittelpunktes, sein Radius und die Füllfarbe. |
| **Skalierung:** | Eine Vektorgrafik wird nicht vergrößert, sondern auf die gewünschte Größe skaliert. Der Bildinhalt wird also quasi mathematisch neu berechnet. |
| **Qualitätsverlust:** | Gibt es nicht. Eine Vektorgrafik lässt sich theoretisch ohne Qualitätsverluste unendlich skalieren. |

Optimiere jetzt deine Vektorgrafiken. In diesem **[FAQ](c55f055e-9a68-444a-886e-1a78c279f09e)** zeigen wir dir, wie’s geht.

Support-Optimizing pixel graphics-jle

Pixelgrafiken optimieren

Pixelgrafiken sind Fotos oder Bilder, die aus einzelnen [Bildpunkten (Pixel)](2d3256c2-09b9-43db-933e-b64e0f6d57f7) bestehen. Jedem Pixel sind Farbinformationen zugeordnet, aus deren Summe sich das digitale Bild zusammensetzt. Bei Spreadshop kommen Pixelgrafiken beim [Digitaldruck, Laser Transfer und bei der Thermosublimation](85a67a57-fc85-4942-adfe-fb3e64133dc3) zum Einsatz. Im Folgenden geben wir dir Tipps für ein perfektes Druckergebnis und das optimale Anlegen von Pixelgrafiken.

### Entscheidend für den perfekten Druck: Dateiformat und Auflösung

Deine Designs werden von uns gedruckt, wenn sie diese Anforderungen erfüllen:

* Dateiformat: **PNG, JPG, BMP** oder **GIF**

* Dateigröße: max. **10 MB**

* Auflösung: min. **1000 Pixel** auf der kürzeren Seite oder min. **4000 Pixel** auf der längeren Seite

* Design ist freigestellt

Obwohl wir mehrere Dateiformate akzeptieren, empfehlen wir dir deine Designs im **PNG** Format anzulegen. Der große Vorteil: Nur dieses Format unterstützt transparente Hintergründe.

Für ein optimales Druckergebnis ist eine ausreichend hohe Auflösung und Größe deines Designs entscheidend. Unsere konkrete Empfehlung lautet: Leg die längste Seite deines Designs mit mindestens **4000 Pixel** an. Damit kann dein Design auf jedem Druckbereich – egal auf welchem Produkt – ohne Qualitätsverluste gestochen scharf skaliert werden.

### Designs richtig freistellen

Fotos auf T-Shirts zu drucken ist extrem beliebt. Am besten kommen Fotos zur Geltung, wenn störende Bildelemente im Hintergrund entfernt werden – das eigentliche Motiv also freigestellt wird. Dafür reicht es nicht aus, den Hintergrund einfach weiß anzulegen, weil sonst eine weiße Fläche mitgedruckt wird, die sowohl auf farbigen als auch auf weißen Produkten zu sehen sein wird. Hintergründe müssen transparent sein, damit sie von unseren Druckern ignoriert werden. Deswegen ist es wichtig, dein freigestelltes Motiv unbedingt als PNG zu speichern.

### Keine Farbübergänge mit Transparenzen

Damit dein Design auf allen Produktfarben in voller Brillanz strahlen kann, sprühen unsere Drucker zuerst eine weiße Deckschicht auf das Produkt. Auf diese Schicht wird dann dein eigentliches Design gedruckt. Deswegen darf dein Design keine Transparenzübergänge – also Farbübergänge von transparent zu deckend – enthalten. Denn in den halbtransparenten Bereichen würde nicht nur die Produktfarbe, sondern auch die weiße Schicht durchscheinen. Unser Tipp für Fortgeschrittene: Um trotzdem einen Effekt wie bei Transparenzübergängen zu erzeugen, verwende in deinem Grafikprogramm entsprechende Raster- und Halbton-Effekte wie „Sprenkeln" oder die "Dither”-Funktion. 

### Farbunterschiede im CMYK- und RGB-Modus berücksichtigen

Am Bildschirm wirken Farben oft leuchtender als auf dem fertig bedruckten Shirt. Damit die [Farben deines bedruckten Shirts](f044271f-3b9f-48c3-8371-aec629ec5569) ähnlich intensiv wirken wie am Monitor, versuche folgendes:

* Erhöhe die Helligkeit deines Designs. Das bedruckte Produkt wird niemals so hell strahlen wie das gleiche Bild am Monitor. Denke immer daran: Der Monitor hat seine eigene Lichtquelle, wogegen der Druck das Licht nur reflektiert.

* Stelle die Kontraste deiner Grafik besonders hoch ein und erhöhe die Farbsättigung. Du wirst sehen, das "Zuviel" relativiert sich im Druckergebnis wieder.

* Lade deine Grafik immer im RGB-Modus hoch. Unsere Softwaresysteme arbeiten mit diesem Farbraum, daher sind mit RGB-Dateien geringere Farbabweichungen zu erwarten als mit CMYK-Dateien.

### Dateivorlagen

Um dir das Anlegen deiner Designs in einer druckfähigen Datei besonders einfach zu machen, stellen wir dir für eine Vielzahl von Produkten Vorlagen zur Verfügung. Weitere Hinweise findest du in den Dateivorlagen selbst.

| Format | Produktbeispiele | Illustrator template | Photoshop template |
|----------|----------|----------|----------|
| ![](https://image.spreadshirtmedia.net/content/v1520524977/FAQ/article/1-1.png) | Männer Premium Bio T-Shirt Tasse zweifarbig Baby Bio-T-Shirt Schürzen Stoffbeutel Kissenbezüge Sticker | [![](https://image.spreadshirtmedia.net/content/v1520524977/FAQ/article/Ai.svg) Download](https://image.spreadshirtmedia.net/content/v1607689379/FAQ/assets/Templates/Pixel%20Graphics/Illustrator_Design_Template_Spreadshirt.ai) | [![](https://image.spreadshirtmedia.net/content/v1520524977/FAQ/article/Ps.svg) Download](https://image.spreadshirtmedia.net/content/v1607689283/FAQ/assets/Templates/Pixel%20Graphics/Design_Template_Spreadshirt.psd) |
| ![](https://image.spreadshirtmedia.net/content/v1520524977/FAQ/article/3-2.png) | Snapback Cap Panoramatasse Brotdose | [![](https://image.spreadshirtmedia.net/content/v1520524977/FAQ/article/Ai.svg) Download](https://image.spreadshirtmedia.net/content/v1607689379/FAQ/assets/Templates/Pixel%20Graphics/Illustrator_Design_Template_Spreadshirt_panoramic.ai) | [![](https://image.spreadshirtmedia.net/content/v1520524977/FAQ/article/Ps.svg) Download](https://image.spreadshirtmedia.net/content/v1607689286/FAQ/assets/Templates/Pixel%20Graphics/Design_Template_Spreadshirt_panoramic.psd) |

### Hilfe zur Selbsthilfe

Du hast weitergehende Fragen oder konkrete Probleme bei einem bestimmten Detail – kein Problem, gemeinsam finden wir eine Lösung. In unserem [Forum](https://forum.spreadshop.support/c/deutsch/7) bekommst du Hilfe von anderen Designer\*innen und unseren erfahrenen Moderator\*innen sowie Tipps und Tricks aus und für die Praxis. Und ein paar Inspirationen für neue Design-Ideen sind bestimmt auch dabei.

Support-Optimize vector-jle

Vektorgrafiken optimieren

Vektorgrafiken sind die Voraussetzung für unsere [Plottdruckarten](85a67a57-fc85-4942-adfe-fb3e64133dc3), die sich wiederum in [Flex- und Flockdruck ](563c7904-c8b3-4b58-94a8-7af56bca4903)unterscheiden lassen. Dabei wird dein Design zunächst von einem Plotter aus farbigen Druckfolien ausgestanzt. Anschließend „entgittern" unsere Spreadshop-Mitarbeiter\*innen das Design, d.h. sie ziehen die überflüssigen Folienteile ab. Das entgitterte Design wird anschließend auf dem T-Shirt ausgerichtet und unter Hitze und Druck aufgepresst. Die Trägerfolie wird abgezogen und das T-Shirt ist fertig.

Vektorgrafiken bieten sich vor allem für Designer\*innen an, die Wert auf maximale Flexibilität bei der Produktgestaltung legen. Denn bei einer Vektorgrafik lässt sich auch nach dem Hochladen im Partnerbereich die Farbe des Designs ändern. Das ist relevant, wenn du beispielsweise Wert auf einen hohen Farbkontrast zwischen Produkt- und Designfarbe legst oder helle Designs auf weißen Produkten und dunkle Designs auf schwarzen Produkten vermeiden möchtest.

### Mindestanforderungen für den Plottdruck

Deine Vektorgrafiken werden von uns gedruckt, wenn sie diese Anforderungen erfüllen:

* Dateiformat: **.ai** oder **.svg**

* Mindestgröße: **10x10 cm**

* Maximalgröße: **38x38 cm**

* Mindestdurchmesser für Linien oder Designdetails: 1,5 mm

* Maximal 3 Farben, separat angelegt auf einer Ebene

* Keine Farbverläufe

* Texte und Formen sind in vollständig geschlossene Pfade umgewandelt

**Tipp**: Deine Datei erfüllt alle Anforderungen und der Upload klappt trotzdem nicht? Dann speichere deine .ai-Datei als .svg-Datei mit diesen Einstellungen: Öffne die SVG-Optionen, gehe zu „Erweiterte Optionen“ und wähle unter CSS-Eigenschaften „Präsentationsattribute“.

Derzeit verarbeiten unsere Drucker **.ai-Dateien** nur bis zur Version **C18** und **.svg-Dateien** nur ohne CSS-Styles. Wenn du deine Designs in einer neueren Illustrator-Version erstellt hast, speichere die fertige Datei einfach als ältere **.ai-Version** ab. Bei **.svg-Dateien** stellst du in den Speicheroptionen einfach die CSS-Eigenschaften auf **Präsentationsattribute** um. Wir arbeiten bereits an einem verbesserten Upload von Vektordateien.

### Linienstärke messen und anpassen

Damit die Flex- oder Flockfolie mit deinem Design beim Entgittern nicht reißt, müssen die kleinsten Elemente mindestens **1,5 mm** groß sein – man spricht auch von “Linienstärke”. Zusätzlich sollte der Abstand zwischen den einzelnen Elementen mindestens **1 mm** betragen, damit die überschüssige Folie problemlos entfernt werden kann.

**Linienstärke messen:** Um zu überprüfen, ob die Linien deines Motivs dick genug sind, erstelle einen Kreis mit dem Durchmesser **1,5 mm** und lege ihn über die dünnste Linie deines Motivs. Passt der Kreis in die Linie ohne überzustehen, ist diese dick genug. Dasselbe wiederholst du mit einem Kreis von **1 mm** Durchmesser, um die Zwischenräume Deines Designs zu messen. Passt der Kreis in den schmalsten Zwischenraum, ist dieser groß genug.

### Kurven schließen

Wenn die Plottermaschine dein Design ausstanzt, schneidet sie es entlang der Kurven aus der Druckfolie aus. Erreicht die Plottermaschine ein offenes Ende einer Kurve, versucht sie diese zu schließen. Dabei sucht sie sich einen beliebigen Ankerpunkt in der Nähe und schneidet eine gerade Linie zu diesem Punkt hin. Ist die Kurve nicht geschlossen, kommt es zu Fehlern im Design.

### Alles in Pfade umwandeln

Dein Design kann nur fehlerfrei gedruckt werden, wenn alle Objekte in Pfade umgewandelt sind. Das ist jedoch nicht immer der Fall. Ein typisches Beispiel sind Schriften, die zunächst nur als Textfeld gespeichert werden. Achte deswegen beim Anlegen darauf, dass alle Elemente als Pfade eingebettet sind. Nutze dafür die Funktionen “Kombinieren”, “Verschmelzen” oder “Umwandeln” in deinem Grafikprogramm.

### Hilfe zur Selbsthilfe

Du hast weitergehende Fragen oder konkrete Probleme bei einem bestimmten Detail – kein Problem, gemeinsam finden wir eine Lösung. In unserem [Forum](https://forum.spreadshop.support/c/deutsch/7) bekommst Du Hilfe von anderen Designer\*innen und unseren erfahrenen Moderator\*innen sowie Tipps und Tricks aus und für die Praxis. Und ein paar Inspirationen für neue Design-Ideen sind bestimmt auch dabei.

Support-Optimize Designs for Poster Print-jle

Designs für den Posterdruck optimieren

Das Gestalten und Hochladen von Posterdesigns ist ganz einfach, wenn du ein paar Kleinigkeiten beachtest. Gern helfen wir dir dabei: Das Wichtigste und ein paar hilfreiche Druckvorlagen haben wir im Folgenden für dich zusammengestellt.

### Verfügbare Formate

Du kannst deine Poster in den folgenden Formaten auf seidenmattes Fotopapier mit einer Stärke von 250 g/m² drucken.

* Hochformat: 20 × 30 cm, 40 × 60 cm, 60 × 90 cm

* Querformat: 30 × 20 cm, 60 × 40 cm, 90 × 60 cm

* Quadrat: 20 × 20 cm, 40 × 40 cm, 60 × 60 cm

### Anforderungen an Dein Design

Nur wenn folgende Anforderungen erfüllt sind, stehen Poster nach dem Design-Upload zur Verfügung:

* Hochformat (2:3), Querformat (3:2) oder quadratisch

* Größe: max. 100 Megapixel

* Auflösung: mind. 200 dpi

* Mindestgröße (200 dpi):

  * Hochformat: 4724 × 7087 px

  * Querformat: 7087 × 4724 px

  * Quadrat: 4724 × 4724 px

* Dateiformate: JPG, PNG

* Dateigröße: max. 100 MB

* Farbprofil RGB oder CMYK

* Keine weißen Designs, da wir nur weiße Hintergründe für Poster anbieten

* Zusätzlich 2 mm an allen Seiten (Beschnittzugabe zur Vermeidung von Blitzern)

**Hinweis**: Platziere keinen Text oder andere wichtige Elemente in den äußeren 4 mm. Aufgrund der Beschnittzugabe könnten diese näher am Rand erscheinen als gewünscht.

Bitte beachte zudem unsere Qualitätskriterien für Designs und insbesondere folgende Punkte:

* Dein Design ist gestochen scharf

* Kontraste und Helligkeit sind optimal eingestellt

* Auf Fotos ist kein Gesicht zu sehen, da dies bestehende Persönlichkeitsrechte verletzen könnte

### Templates zum Download

Mit unseren Templates kannst du dein Design ganz einfach für den Posterdruck vorbereiten. Jedes Template enthält

* eine Ebene, um dir die richtige Größe anzuzeigen,

* einen rot markierten Rand von 2 mm um anzuzeigen, welcher Bereich abgeschnitten werden könnte.

Öffne das Template mit Photoshop oder einem anderen Grafikprogramm, das .psd-Dateien verarbeiten kann. Anschließend folgst du der Checkliste für den Posterdruck (s. unten).

|          |
|----------|

\*Falls du auch unter unserer nordamerikanischen Domain Poster verkaufen möchtest, nutze bitte die mit Nordamerika gekennzeichneten Templates. Die Größen sind an die Standards in den USA angepasst (inch).

### Checkliste für den Posterdruck

Nachdem du dir das passende Template runtergeladen und geöffnet hast, ziehst du dein Design in die Arbeitsoberfläche der Datei und geht’s wie folgt vor:

1. Dein Design liegt im Ordner „Dein Design“

2. Dein Design füllt die Ebene exakt aus (die Ränder verschwinden unter der roten Linie)

3. Der rote Rand verdeckt keine wichtigen Elemente

4. Die Ebene „Anleitung“ ist deaktiviert

5. Die Ebene "Beschnittzugabe" is deaktiviert (kein roter Rand mehr sichtbar)

6. Als Farbprofil ist RGB ausgewählt

7. Wenn alles zutrifft, speichere dein Design unter „Datei &gt; Speichern unter“ im Format PNG.

### Poster im Partnerbereich gestalten

Nachdem du deine Datei für den Posterdruck optimiert hast, folgst Du dem gewohnten Prozess für das Erstellen von Produkten:

* Lade dein Design im Partnerbereich hoch

* Klicke auf das Design, um die die gewünschten Produktgruppen auszuwählen

* Wenn das Format stimmt, ist die Produktgruppe „Poster“ für dich schon vorausgewählt

* Alle anderen Produkte sind deaktiviert, weil sich die Formatvorgaben und Anforderungen an die Auflösung zu stark von denen für Kleidungsstücke und anderen Artikel unterscheiden

Wird dir die Produktgruppe „Poster“ in der Produktauswahl nicht angeboten, ist dein Design noch nicht optimal für den Posterdruck vorbereitet. Überprüfe in diesem Fall noch einmal die Designanforderungen und nimm dir unser Template zu Hilfe.

### Versand und Verpackung von Postern

Für Poster bieten wir **keinen Express- oder Premiumversand** und keine Geschenkoption an. Die Formate 20 × 20 und 20 × 30 versenden wir im stabilen Umschlag als Briefsendung, die Formate 40 × 60 und 60 × 90 gerollt per Faltkarton.

### Schau dir auch unser Video an (Englisch)

Support-Differences in Colors-monitor-vs-shirt-anig

Farbunterschiede auf Monitor und Shirt

Auf dem bedruckten Artikel wirken die Farben deines Design manchmal anders als auf deinem Monitor. Dafür kann es verschiedene Gründe geben:

* Um dein Pixeldesign drucken zu können, wandeln wir es vom RGB- ins CMYK-Farbschema und führen weitere Farbwertkorrekturen durch. Dies kann leichte Farbabweichungen zur Folge haben.

* Jeder Bildschirm zeigt Farben unterschiedlich an. Die Kombination aus Helligkeit, Kontrast und Intensität kann die Farbwirkung erheblich verändern.

* Die Textilfarbe beeinflusst das Druckergebnis. Wie unterschiedlich Farben auf weißen, schwarzen oder andersfarbigen Textilien wirken, siehst du im Beispiel unten.

**Tipp:** Stelle die Farben deiner Pixelgrafik kräftiger und die Kontraste höher ein. Wenn das Bild auf deinem Monitor etwas zu grell und die Farben zu intensiv wirken, wird das Ergebnis deinen Vorstellungen am ehesten entsprechen.

### Farbtabelle (Kornit)

Designs erstellen

Vektor- und Pixelgrafiken: Einführung

Pixelgrafiken optimieren

Vektorgrafiken optimieren

Designs für den Posterdruck optimieren

Farbunterschiede auf Monitor und Shirt