Kostenlos PNG Trim — Transparente Ränder zuschneiden
Entfernen Sie transparente Ränder von PNG-Bildern, einzeln oder im Stapel — kostenlos, online, ohne Registrierung.
Legen Sie Ihre PNG-Dateien hier ab oder klicken Sie zum Auswählen
Max. 100 Dateien, 5 MB pro Datei, 60 MB insgesamt
3 kostenlose Konvertierungen verbleibend
Verwenden Sie die PNG Trim API
Integrieren Sie automatisches PNG-Zuschneiden in Ihre Anwendungen mit der Easy PNG to Sprites API.
Laden Sie eine oder mehrere PNG-Dateien hoch, um transparente Ränder automatisch zu entfernen, perfekt zum Vorbereiten von Spielsprites und UI-Assets.
API-Highlights
- POST /trim: einzelnes PNG oder Stapel-ZIP-Ausgabe
- Laden Sie bis zu 100 PNG-Dateien pro Anfrage hoch
- Alpha-Schwelle und Abstands-Kontrolle
- 5 MB pro Datei, 60 MB insgesamt
- PNG-Eingabe; PNG (einzeln) oder ZIP (Stapel) Ausgabe
- Schnelle Antwort mit Cloud Run Auto-Scaling
Was ist PNG Trim?
PNG-Zuschneiden ist der Prozess des automatischen Abschneidens der transparenten Pixel an den Rändern eines PNG-Bildes, wobei die Leinwand auf das kleinste Rechteck verkleinert wird, das immer noch alle undurchsichtigen (oder teilweise undurchsichtigen) Inhalte enthält. Die meisten Design- und Animations-Tools — Photoshop, Aseprite, Spine, Game Engine Exporter — erzeugen PNG-Dateien mit großen transparenten Rändern, da der Export-Canvas typischerweise auf das Kunstbrett oder den größten Frame in einer Sequenz dimensioniert wird, nicht auf den tatsächlichen Sprite.
Diese extra transparente Polsterung ist für das Auge unsichtbar, aber sehr real auf der Festplatte und im Speicher. Sie bläht Dateigröße auf, verschwendet VRAM, wenn der Sprite als Textur hochgeladen wird, und verwirrt Bounding-Box-Logik in Spiel-Engines, die auf Sprite-Dimensionen für Kollision, Layout oder Hit-Testing angewiesen sind. Ein Zuschnitt-Pass behebt alle diese Probleme in einem Schritt, indem er für jeden Sprite seinen wahren Bounding-Box neu berechnet und nur die sinnvolle Pixel-Region exportiert.
Dieses Tool führt diesen Zuschnitt-Pass für Sie in Ihrem Browser aus. Laden Sie eine einzelne PNG oder einen ganzen Stapel hoch, stellen Sie einen optionalen Alpha-Schwellwert und Abstands-Wert ein, und laden Sie entweder eine einzelne zugeschnittene PNG oder eine ZIP zugeschnittener Dateien herunter. Der ursprüngliche visuelle Inhalt und die Transparenz werden genau bewahrt — das Tool entfernt nur leere Rand-Pixel.
Warum transparente Ränder zuschneiden?
Der unmittelbare Vorteil des Zuschneidens ist eine kleinere Dateigröße. Transparente Polsterung nimmt immer noch Pixel-Zeilen und -Spalten in der PNG ein, und während Kompression große Bereiche der Transparenz effizient behandelt, bei Elimination erzielen sie merklich kleinere Dateien — oft 30-70% Reduktionen für Sprites auf überdimensionierte Leinwände exportiert. Kleinere Dateien laden schneller, passen bequemer in Mobile-Memory-Budgets und übertragen schneller über das Netzwerk.
Der zweite Vorteil ist akkurate Bounding Boxes. Game Engines verwenden typischerweise Sprite-PNG-Dimensionen als ihre Standard-Hitbox, Pivot-Origin-Referenz und Render-Umfang. Ein Sprite, das 128×128 Pixel ist, aber einen 40×60 Charakter in der Mitte einer ansonsten transparenten Leinwand enthält, erzeugt Kollisions- und Ausrichtungs-Bugs, da die Engine ein 128×128 Hitbox sieht. Durch Zuschneiden der PNG auf ihren wahren Inhalt sieht Ihre Engine die echte Sprite-Größe und alles Downstream — Kollisionen, UI-Layouts, Klick-Ziele, Tooltip-Verankerung — funktioniert korrekt ohne manuelle Offsets.
Das Zuschneiden erzeugt auch sauberere Sprite-Atlanten, wenn Sie später Sprites in ein Spritesheet packen. Bin-Packing-Algorithmen können nur die endgültige Atlas-Größe minimieren, wenn jede Eingabe bereits eng ist. Wenn jeder Sprite einen 20-Pixel-transparenten Rand trägt, verschwendet der Packer diese Pixel in jeder Zelle. Schneiden Sie zuerst, packen Sie zweitens, und Sie erhalten einen dramatisch kleineren und effizienteren Textur-Atlas.
Wie der Alpha-Schwellwert funktioniert
Der Zuschnitt-Algorithmus scannt jedes PNG-Pixel für Pixel, um das engste Bounding-Box zu finden, das alle nicht-leeren Pixel umschließt. Die Frage, was als leer zählt, wird durch den Alpha-Schwellwert-Parameter kontrolliert. Alpha-Werte reichen von 0 (vollständig transparent) bis 255 (vollständig undurchsichtig). Mit einer Schwelle von 0 werden nur vollständig transparente Pixel (Alpha = 0) als leer behandelt und zugeschnitten; jedes Pixel mit Alpha ≥ 1 wird als Inhalt angesehen und erhalten.
Ein Erhöhen des Schwellwerts macht den Algorithmus aggressiver. Eine Schwelle von 10 behandelt Pixel mit Alpha 0-10 als leer — nützlich, wenn Ihre PNG schwache Anti-Aliasing-Geister oder nahezu unsichtbare Rausch-Pixel an den Rändern hat, die Sie abgezogen sehen möchten. Schwellwerte von 30-50 sind angemessen, wenn Sprites weiche Fading-Schatten oder Glow-Ränder haben, die Sie eher als dekorativ statt sinnvoll betrachten. Höher als 100 gehen tendiert dazu, sichtbare halbtransparente Effekte zu zuschneiden, daher mit Vorsicht verwenden.
Nach dem Finden des Bounding-Box addiert das Tool optional einen konfigurierbaren Abstand — einen transparenten Rand von N Pixeln um den zugeschnittenen Inhalt. Abstände sind nützlich, wenn Sie planen, den zugeschnittenen Sprite später in ein Spritesheet zu packen oder bilineare Filterung im Engine anwenden, da es Textur-Blutung am Sprite-Rand verhindert. Ein Abstand von 1-2 Pixeln ist normalerweise für die meisten Rendering-Pipelines ausreichend.
Wie man PNG-Transparente Ränder zuschneidet
1. PNG-Dateien hochladen
Ziehen Sie eine oder mehrere PNG-Dateien per Drag & Drop in den Upload-Bereich, oder klicken Sie, um die Datei-Auswahl zu öffnen. Der Single-File-Modus erzeugt eine zugeschnittene PNG; Batch-Modus (zwei oder mehr Dateien) erzeugt eine ZIP mit jeder zugeschnittenen Datei, bei Erhaltung ursprünglicher Dateinamen. Sie können bis zu 100 PNGs pro Batch hochladen, mit jeder Datei bis zu 5 MB und einer kombinierten Gesamtgröße von 60 MB.
2. Alpha-Schwelle und Abstände einstellen
Öffnen Sie das Trim Options Panel, um den Alpha-Schwellwert (Standard 0) und Abstände (Standard 0 Pixel) zu konfigurieren. Halten Sie die Schwelle bei 0, wenn Ihre PNGs saubere, vollständig transparente Ränder haben; erhöhen Sie sie auf 10-30, wenn Anti-Aliasing oder Kompression-Artefakte schwache Ghost-Pixel an den Rändern hinterlassen. Legen Sie Abstände auf 1-2 Pixel fest, wenn Sie planen, die Ausgabe in ein Spritesheet zu packen oder wenn Ihre Spiel-Engine bilineare Textur-Filterung verwendet und Sie Edge-Blutungs-Artefakte vermeiden möchten, andernfalls lassen Sie es bei 0.
3. Führen Sie den Zuschnitt aus
Klicken Sie auf die Trim-Schaltfläche. Der Server berechnet für jede PNG den Inhalts-Bounding-Box, schneidet das Bild auf dieses Rechteck zu (plus jeden Abstand, den Sie angefordert haben), und gibt das Ergebnis zurück. Die Verarbeitung ist schnell — typischerweise unter einer Sekunde für eine einzelne Datei, ein paar Sekunden für einen vollständigen 100-Datei-Batch — da der Algorithmus nur Alpha-Werte liest und einen einfachen rechteckigen Zuschnitt durchführt.
4. Laden Sie das Ergebnis herunter
Single-File-Uploads geben eine zugeschnittene PNG mit Vorschau zurück, sodass Sie das Ergebnis vor dem Herunterladen überprüfen können. Batch-Uploads geben eine ZIP mit jeder zugeschnittenen Datei zurück, mit Dateinamen aus den Originalen erhalten für einfachen Drop-in-Ersatz in Ihrem Asset-Ordner. Klicken Sie Download, um die Datei zu speichern, oder Trim Another, um den Workspace zu löschen und von vorne zu beginnen.
Funktionen
Single und Batch-Modus
Legen Sie eine PNG ein, um eine einzelne zugeschnittene PNG zurück zu bekommen, oder legen Sie bis zu 100 PNGs ein, um eine ZIP mit jeder zugeschnittenen Datei zurück zu bekommen. Batch-Modus erhält ursprüngliche Dateinamen, sodass Sie die extrahierten Dateien direkt zurück in Ihren Asset-Ordner legen können, um die Originale zu ersetzen.
Konfigurierbarer Alpha-Schwellwert
Kontrollieren Sie genau, welche Pixel als leer zählen, mit einem Alpha-Schwellwert von 0 bis 255. Halten Sie es bei 0 für striktes Zuschneiden, das nur vollständig transparente Pixel entfernt, oder erhöhen Sie es, um Anti-Aliasing-Geister, schwache Schatten und Kompression-Artefakte zu entfernen, die Sie eher als Polsterung statt Inhalt betrachten.
Optionale Abstands-Bewahrung
Addieren Sie einen konfigurierbaren Pixel-Rand aus transparenter Polsterung um den zugeschnittenen Inhalt. Dies ist nützlich, wenn Sie planen, den Sprite später in einen Atlas zu packen, oder wenn Sie einen kleinen Sicherheitsabstand gegen bilineare Filterungs-Artefakte in einer Spiel-Engine wünschen. Ein Abstand von 1-2 Pixeln ist typisch für die meisten Rendering-Pipelines.
Vollständige Alpha-Bewahrung
Jede Alpha-Ebene in Ihrer Quell-PNG wird genau in der Ausgabe erhalten. Der Zuschnitt-Betrieb entfernt nur leere Rand-Pixel — er sampelt nie, komprimiert nicht neu und ändert den sichtbaren Inhalt Ihres Sprites nicht. Halbdurchsichtige Ränder, weiche Schatten und teilweise transparente Overlays kommen unberührt durch.
Keine Registrierung, schnelle Verarbeitung
Keine Anmeldung, keine Kontoerzeugung, kein Tracking. Öffnen Sie die Seite, laden Sie PNGs hoch, laden Sie Ergebnisse herunter. Das Zuschneiden ist algorithmisch einfach — der Server findet das Bounding-Box und schneidet zu — daher sogar große Batches beenden sich in Sekunden.
Datenschutz an erster Stelle
Ihre PNG-Dateien werden auf dem Server verarbeitet und sofort nach der Antwort verworfen. Nichts wird gespeichert, geloggt oder aufbewahrt. Kein Konto ist erforderlich, und keine Cookies werden für Tracking Ihrer Uploads verwendet.
Anwendungsfälle
Vorbereitung von Spielsprites zum Packen
Exportieren Sie Ihre Character- und Prop-Sprites aus Aseprite, Photoshop oder Spine mit ihren vollständigen Artboards intakt, dann führen Sie dieses Tool aus, um jede Datei auf ihre wahre Inhaltsgröße zu zuschneiden. Zugeschnittene Sprites packen sich in dramatisch kleinere Atlanten — Bin-Packer können nur Platz minimieren, wenn jede Eingabe bereits eng ist, daher kann die Entfernung von transparenten Rändern zuerst Ihre endgültige Atlas-Größe halbieren oder mehr.
Reinigung UI-Icon-Exporte
Design-Apps exportieren oft Icons in festen Canvas-Größen (256×256, 512×512) unabhängig von den tatsächlichen Icon-Dimensionen. Führen Sie Ihre Icon-Exporte durch das Zuschneid-Tool aus, um knackige, korrekt große Assets zu bekommen, wo das Icon die PNG füllt. Bounding-Box-betriebene UI-Systeme werden dann Icons korrekt dimensionieren und positionieren, ohne dass manuelle Abstands-Offsets in Code benötigt werden.
Batch-Zuschneiden von Animations-Frames
Legen Sie einen ganzen Ordner von Animations-Frames, der aus Ihrem Animations-Tool exportiert wurde — ein Walk-Zyklus, eine Explosions-Sequenz, ein Zauber-Effekt — ein und bekommen Sie eine ZIP aller Frames in einem Pass zugeschnitten. Dies ist der notwendige erste Schritt, bevor Sie Frames in ein Spritesheet mit gepacktem Layout zusammenstellen, da gepackte Layouts auf engen Bounding Boxes für effizientes Packen angewiesen sind.
Reduktion Sprite-Atlas-Größe
Wenn Ihre bestehenden Sprite-Atlanten größer als sie sollten sind, zuschneiden der einzelnen Quell-PNGs vor erneutem Packen offenbaren oft signifikante Einsparungen. Projekte, die aggressiv vor dem Atlasing zuschneiden, sehen routinemäßig 40-60% kleinere Atlas-Texturen, die direkt in schnellere Asset-Loads und niedrigere VRAM-Nutzung übersetzen — besonders wertvoll für Mobile- und Web-Builds.