Blog / Anleitungen

Erstelle eine runde PNG-Datei mit transparenten Ecken, berechne einen 4:5-Zuschnitt und prüfe jedes Foto vor dem Batch-Download.

Wähle ein transparentes Logo, prüfe helle und dunkle Fotos, wende eine relative Positionierung an und kontrolliere Ausnahmen vor dem ZIP-Export.

Unterscheide Format-, Dateigrößen- und Abmessungsfehler. Konvertiere HEIC-Fotos in Stapeln und prüfe die heruntergeladenen Kopien vor dem Teilen.

Verstehe RAW-Entwicklung, unterscheide eine gerenderte Kopie von einem Vorschaubild und wähle JPG oder PNG, ohne dein DNG zu verwerfen.

Vergleiche die Korrektur der Hintergrundbeimischung, die Entfernung schwacher Pixel und das Beschneiden getrennt. Prüfe dann die PNG-Datei auf hellen und dunklen Hintergründen.

Arbeite ein vermessenes 4 × 3-Raster durch, unterscheide Außenränder von Zwischenräumen und erhalte Positionen nach dem Überspringen oder Deduplizieren von Kacheln.

Prüfe Zuschnittursprünge und Einzelbildreihenfolge, bevor du die FPS änderst. Erhalte einen sinnvollen Ankerpunkt und zugleich die beabsichtigte Bewegung.

Warum GIF-Aktualisierungsrechtecke Spuren hinterlassen können, wie du vollständige PNG-Einzelbilder erhältst und wann du die ursprünglichen Einzelbildverzögerungen behalten solltest, statt nur ein Raster zu exportieren.

Nutze frame, spriteSourceSize und sourceSize aus einem passenden Aseprite-Export, um ausgerichtete PNGs in voller Größe statt springender beschnittener Posen wiederherzustellen.

Beginne mit sauberen Pixeln, filtere schwache Kantenfarben und nutze exakte Farbhäufigkeiten für bewusst gestaltete Schatten-, Grundfarben- und Lichtreflexabstufungen.

Stelle die endgültige Lesereihenfolge Seite für Seite zusammen, füge eine fotografierte Seite ein, entferne unerwünschte Blätter und prüfe den Download vor dem Teilen.

Berechne gleich große Zellen, prüfe Reihenfolge und Ausrichtung der Einzelbilder, wähle die Wiedergabegeschwindigkeit und verstehe, wie GIF Farben und Transparenz beeinflusst.

Instagram passt dein Foto in eines von wenigen unterstützten Seitenverhältnissen ein und schneidet den Rest von der Mitte aus weg. Deshalb verschwindet ständig der obere Bildbereich. Dieser Leitfaden erklärt die passenden Verhältnisse, die Karussellfalle, Story-Sicherheitsbereiche und warum dir ein 4K-Upload nichts bringt.

Farbbasierte Entfernung, KI-Segmentierung und manuelle Auswahl lösen unterschiedliche Probleme. Die falsche Wahl ist der Grund dafür, dass deine Freistellung einen Saum oder ein Loch hat. Dieser Leitfaden erklärt, was die einzelnen Methoden tatsächlich tun und wie du erkennst, welche dein Bild benötigt.

HTTP/2 beseitigte das Argument der Anfragezahl, für das CSS-Sprites erfunden wurden. Die meisten Leitfäden argumentieren deshalb mit einem Problem, das du nicht mehr hast. Dieser erklärt, was ein Sprite tatsächlich noch rechtfertigt, die Berechnung von background-position und Retina-background-size sowie die Fälle, in denen ein SVG-Sprite die bessere Antwort ist.

KI-Bildgeneratoren platzieren Sprites selten in einem gleichmäßigen Raster. Ein einfacher Schnitt nach Zeilen und Spalten schneidet deshalb Köpfe und Füße ab. Dieser Leitfaden erklärt, warum die Abstände abweichen, wie inhaltsbasierte Erkennung das behebt und wie du saubere Einzelbilder in Unity oder Godot erhältst.

Ein Rasterbeitrag mit neun Kacheln macht aus einem Bild ein Banner über dein Profil. Dieser Leitfaden erklärt die Größe des Ausgangsbilds, das Schneiden in neun gleiche Kacheln und die umgekehrte Upload-Reihenfolge, die verhindert, dass das Bild durcheinander erscheint.

Der dünne weiße Saum um ein freigestelltes Bild ist fast nie ein Fehler der Freistellung selbst. Dieser Leitfaden erklärt, wo geglättete Kantenpixel die falsche Farbe aufnehmen, welche Formate Alpha erhalten und wie du einen bereits eingebetteten Saum entfernst.

Texture Type, Sprite Mode, Pixels Per Unit, Filter Mode und Komprimierung haben alle Voreinstellungen, die für 2D-Grafiken ungeeignet sind. Dieser Leitfaden erklärt die Funktion jeder Einstellung, das Zerschneiden im Sprite Editor und wann vorheriges Zerschneiden des Sheets besser ist als Unitys automatische Aufteilung.

Godot 4 liest ein Sprite-Sheet auf drei Arten: AnimatedSprite2D mit SpriteFrames, AtlasTexture-Bereiche und hframes/vframes an einem Sprite2D. Dieser Leitfaden erklärt die Auswahl, die Filtereinstellungen für Pixel-Art und warum ein ungleichmäßiges Sprite-Sheet alle drei Methoden scheitern lässt.

Die meisten KI-Sprite-Sheets haben abweichende Raster, fest eingebaute Hintergründe und unleserliche Textbeschriftungen. Dieser Leitfaden liefert konkrete Prompt-Formulierungen für jedes Problem, zwei vollständige Beispiel-Prompts und den Arbeitsablauf nach der Generierung.

„Verwende für alles WebP“ ist oft genug falsch, um ins Gewicht zu fallen. Dieser Leitfaden erklärt, wie die einzelnen Formate komprimieren, welche einen Alphakanal erhalten und warum eine verlustbehaftete WebP-Datei häufig größer ausfällt als eine PNG-Datei mit Farbpalette.

Drei Stellschrauben bestimmen die Dateigröße: Abmessungen, Format und Qualitätseinstellung. Dieser Leitfaden behandelt sie nach Priorität, mit optimalen Qualitätsbereichen, Palettenquantisierung, Metadatenentfernung und Vorgehensweisen für gängige Zielgrößen.

Normale Skalierung macht Pixel-Art matschig, weil sie Farben mischt, die nie ineinander übergehen sollten. Dieser Leitfaden erklärt Nearest-Neighbor-Skalierung, warum der Skalierungsfaktor ganzzahlig sein muss und was pixeliertes CSS-Rendering, Punktfilter in Engines und Algorithmen nach hqx-Art tatsächlich tun.

Atlanten reduzieren Zeichenaufrufe, indem sie viele Sprites in einer Textur bündeln. Werden sie jedoch Kante an Kante gepackt, greifen benachbarte Farben über die Nähte hinweg. Dieser Leitfaden behandelt Packalgorithmen, Abstände und Randerweiterung, erklärt, wann Zweierpotenzen als Abmessungen noch wichtig sind, und zeigt, wie das Beschneiden Pivot-Punkte beeinflusst.

Eine leere Link-Vorschau hat fast immer eine von wenigen konkreten Ursachen: falsche Abmessungen, ein nicht unterstütztes Format, eine relative URL oder ein veralteter Cache. Dieser Leitfaden erklärt den Standard 1200x630, den Zuschnitt innerhalb des Sicherheitsbereichs, warum WebP hier die falsche Wahl ist und wie du jede Plattform dazu bringst, die Seite erneut auszulesen.

Ein Kachelset ist anspruchsvoller als ein Sprite-Sheet, weil die Nähte passen müssen, wenn Kacheln nebeneinanderliegen. Dieser Leitfaden erklärt die Wahl der Kachelgröße, die Ermittlung des Rasterversatzes, wenn die Grafik nicht bei Pixel null beginnt, den Umgang mit Farbübergriffen ohne Zwischenabstand und den Import in Unity oder Godot.

Einzelbildanzahl und Wiedergabegeschwindigkeit sind getrennte Entscheidungen. Wer sie vermischt, erhält träge oder aufwendig zu zeichnende Animationen. Dieser Leitfaden erklärt, wie sich 8, 12 und 24fps tatsächlich anfühlen, welche Raten zu welchen Aktionen passen, wie Haltebilder funktionieren und wie Animations-fps unabhängig von Spiel-fps bleiben.

Favicons blieben kompliziert, lange nachdem sich der Rest des Webs weiterentwickelt hatte. Die meisten Leitfäden nennen viel mehr Dateien als nötig. Dieser Leitfaden behandelt das tatsächlich erforderliche minimale Set, die wirklichen Anfragen der einzelnen Plattformen, site.webmanifest, die Gestaltung eines bei 16 Pixeln erkennbaren Zeichens und das Überwinden des Caches.

Bitte ein Modell zweimal um dieselbe Figur, und die Rüstung wechselt die Farbe, ein Umhang erscheint, die Proportionen verschieben sich. Dieser Leitfaden erklärt, was das Fixieren eines Seeds bewirkt und wo es nicht mehr hilft, wie du Farbe und Material im Prompt festlegst, wie Bild-zu-Bild mit einer Referenz funktioniert und wie du Abweichungen nachträglich korrigierst.