PDF zuschneiden & drehen — Seitenränder online anpassen

Ein Scan ist seitwärts gelandet, eine Seite kam auf dem Kopf an, ein Dokument hat breite leere Ränder oder einen zusätzlichen Rahmen an der Kante. Das Werkzeug „Zuschneiden & Drehen" in pdfredX behebt das direkt im Browser: Sie drehen die Seite in 90°-Schritten und legen den Beschnittbereich mit einem visuellen Rahmen fest. Nichts wird auf einen Server hochgeladen.

Schritt 01. Die Seite im Editor öffnen

Laden Sie ein PDF oder ein Foto auf pdfredx.com — die Seiten werden als Galerie ausgelegt. Drücken Sie die Schaltfläche ✎ auf der Karte der gewünschten Seite: Der Zuschneide- und Dreh-Editor öffnet sich. Alles wird lokal berechnet, die Datei geht nicht an einen Server.

Schritt 02. Drehen und/oder zuschneiden

Drehung. Die Schaltflächen ↺ −90° und ↻ +90° drehen die Seite in 90°-Schritten: So korrigieren Sie einen seitwärts liegenden Scan oder ein auf dem Kopf stehendes Blatt. Zwei Klicks ergeben 180°. Beim Drehen passt sich das Canvas automatisch an die neue Größe an, mit weißem Hintergrund.

Zuschneiden. Ziehen Sie den Beschnittrahmen, um Ränder, den Scannerrahmen oder eine überflüssige Kante abzuschneiden. Es stehen Seitenverhältnis-Vorgaben zur Verfügung:

• Auto-A4 — passt den Bereich an A4-Proportionen an.
• A4 / A3 / Letter / Legal — feste Verhältnisse für Standardformate.
• Frei — ein beliebiger Rahmen ohne Verhältnisvorgabe.

Ein Skalierungs-Badge zeigt den aktuellen Prozentsatz — praktisch, damit Sie nicht zu klein beschneiden.

Schritt 03. Anwenden und speichern

Klicken Sie auf „Anwenden" — Beschnitt und Drehung werden in die Seite eingebrannt (das editUrl wird aktualisiert). Das Ergebnis ist sofort in der Galerie zu sehen. Wenn alle Seiten fertig sind, baut „PDF erstellen" die finale Datei zusammen. Der Download erfolgt direkt aus dem Browser. Kostenlos, ohne Registrierung, ohne Server-Warteschlange.

Wie es technisch funktioniert

Drehung und Beschnitt arbeiten über dem Seitenbild. Die Dreh-Schaltflächen rufen doRot(±90) auf, und die Funktion rotCanvas zeichnet die Seite auf ein neues Canvas im erforderlichen Winkel neu (die Abmessungen werden neu berechnet, der Hintergrund weiß gefüllt). Nach einer Drehung startet der Cropper.js-Beschnitt-Editor mit dem bereits gedrehten Bild neu.

Der Beschnitt wird über getCroppedCanvas angewendet: Der vom Rahmen gewählte Bereich wird in ein neues Canvas geschnitten, und das Ergebnis wird das neue editUrl der Seite. Das Original (origUrl) wird dabei nicht verändert — Änderungen gehen immer in ein separates Feld, sodass Sie den Editor erneut öffnen und fortfahren können.

Bekannte Einschränkungen

Drehung in 90°-Schritten. Das Werkzeug wendet seitwärts liegende und umgedrehte Seiten (90°/180°/270°). Einen feinen „um ein paar Grad geraderücken"-Regler gibt es hier nicht — für einen leicht schiefen Scan richten Sie den Rahmen mit dem Beschnittrahmen an der Kante aus.

Das Ergebnis ist ein Raster. Angewendete Änderungen werden in das Seitenbild eingebrannt; Text in der fertigen Datei lässt sich nicht markieren, und Links und Lesezeichen werden nicht übernommen (eine allgemeine Eigenschaft des Exports).

Bearbeitung Seite für Seite. Beschnitt und Drehung werden über die Schaltfläche ✎ auf eine Seite nach der anderen angewendet. Ein Massen-Drehen aller Seiten auf einmal ist noch nicht verfügbar.

Müssen Sie Seiten umordnen statt sie zu drehen? Das ist das Werkzeug Seiten neu anordnen. Und um mehrere Dateien zu einer zu verbinden — PDFs zusammenführen.

Probieren Sie es gleich aus — pdfredx.com, ohne Registrierung, Ihre Dateien bleiben bei Ihnen.

Der Scanner hat die Seiten seitwärts ausgegeben, das Telefon hat das Dokument auf dem Kopf fotografiert, und an den Rändern sind ein schwarzer Rahmen und überschüssige Ränder von der Glasplatte. Ein solches PDF ist unangenehm zu lesen und peinlich zu versenden. Ein gewöhnlicher Online-Dienst zum Drehen und Zuschneiden verlangt, das Dokument auf seinen Server zu laden, obwohl dies eine rein visuelle Bearbeitung ist. Und handelt es sich um den Scan eines Ausweises, eines Vertrags oder einer ärztlichen Bescheinigung, wandert ein vertrauliches Dokument nur für eine 90°-Drehung auf eine fremde Maschine. Sehen wir uns an, wie man die Seiten lokal repariert.

Was mit Scans üblicherweise nicht stimmt

• Seitliche Ausrichtung. Scanner oder Kamera haben das Blatt um 90° gedreht — der Text läuft senkrecht.
• Auf dem Kopf. Die Seite wurde falsch herum eingelegt — eine 180°-Drehung ist nötig.
• Überschüssige Ränder und ein Rahmen. An den Kanten sind der Rand der Scannerglasplatte, ein Schatten oder ein schwarzer Rahmen, die man abschneiden möchte.

All das wird durch Drehen in 90°-Schritten und Zuschneiden mit einem Rahmen behoben — ganz ohne Serververarbeitung.

Der DSGVO-Blickwinkel

Sobald der Scan auf den Server eines Dienstes hochgeladen wird, findet im Sinne der DSGVO eine Übermittlung personenbezogener Daten an einen Dritten statt — für eine simple 90°-Drehung. Bei Ausweis-, Vertrags- oder Gesundheitsscans zieht das eine ganze Pflichtenkette nach sich (AVV, Serverstandort, Rechtsgrundlage). Die lokale Bearbeitung dreht die Logik um: Verlässt die Datei das Gerät nicht, gibt es keine Übermittlung an einen Dritten — und die Pflichtenkette entfällt.

Lokale Bearbeitung: das Dokument verlässt den Tab nicht

pdfredX dreht und beschneidet Seiten, ohne die Datei irgendwohin hochzuladen. Das ist eine Folge der Architektur und lässt sich überprüfen.

Die Datei wird lokal gelesen. Die Seite öffnet sich im Editor im Tab; es gibt keine Netzwerkanfrage mit Ihrem Dokument.

Drehung und Beschnitt geschehen im Speicher des Tabs. 90°/180°-Drehungen, die Wahl des Beschnittbereichs, das Anwenden — all das sind Operationen auf bereits geladenen Daten. Nichts wird versendet.

Heruntergeladen wird nur die korrigierte Datei. Das fertige PDF wird auf dem Client zusammengebaut und landet in „Downloads", statt zu einem Server und zurück zu fliegen.

Es funktioniert offline. Laden Sie den Scan, trennen Sie die Internetverbindung und korrigieren Sie die Seiten — alles läuft weiter. Das Netz wird nur benötigt, um die App einmal zu laden.

In der Praxis: Drücken Sie ✎ auf der schiefen Seite, richten Sie sie mit den Schaltflächen ↺ −90° / ↻ +90° gerade, beschneiden Sie die Ränder und den Scannerrahmen mit dem Rahmen, dann „Anwenden." Das Dokument bleibt die ganze Zeit bei Ihnen.

Ehrlich zu den Grenzen des Werkzeugs

Drehung in 90°-Schritten. Seitwärts liegende und umgedrehte Scans werden perfekt geradegerückt. Wurde das Blatt jedoch mit einer leichten Neigung von ein paar Grad eingelegt, gibt es hier keinen separaten „um 3° nachjustieren"-Regler — eine solche Schieflage wird teilweise durch das Beschneiden des Rahmens an der Kante kaschiert.

Bearbeitung Seite für Seite. Jede Seite wird über ihre eigene Schaltfläche ✎ korrigiert; ein Massen-Drehen aller Seiten mit einem Klick ist noch nicht verfügbar.

Was wir nicht garantieren können — ein ehrlicher Hinweis

Die clientseitige Verarbeitung schützt ein Dokument davor, auf externe Server zu gelangen, doch sie ist kein Schild gegen jede Bedrohung.

Schadsoftware oder ein Keylogger auf dem Gerät. Ist die Maschine kompromittiert, kann ein Programm Dateien am Browser vorbei direkt von der Festplatte lesen.

Browser-Erweiterungen mit weitreichenden Rechten. Eine Erweiterung mit der Berechtigung „Daten auf allen Websites lesen" kann theoretisch den Inhalt des Tabs sehen. Arbeiten Sie für sensible Dokumente in einem Profil ohne Fremd-Erweiterungen oder in einem privaten Fenster.

Die gespeicherte Datei bleibt auf Ihrer Festplatte. Ist das Gerät nicht durch Verschlüsselung geschützt, können Dateien bei physischem Zugriff von Dritten gelesen werden.

Wir gewährleisten die Isolation auf Ebene des Browser-Tabs. Der Rest liegt beim Nutzer.

Richten Sie einen Scan gerade und beschneiden Sie ihn, ohne ihn auf einen Server zu laden — pdfredx.com, kostenlos, ohne Registrierung.

Eine PDF-Seite lässt sich auf einem Server über die Transformationsmatrix (CTM) direkt in der Dateistruktur drehen und zuschneiden, ohne den Inhalt zu rastern. Im Browser, innerhalb der gemeinsamen Raster-Pipeline der App, in der eine Seite bereits zu einem Bild reduziert ist, wurde ein anderer Weg gewählt. Sehen wir uns an, wie das Werkzeug „Zuschneiden & Drehen" (crop) in pdfredX aufgebaut ist: warum die Drehung auf Canvas gezeichnet wird, wie Cropper.js nur den Beschnitt übernimmt und warum die Änderungen in ein separates Feld editUrl eingebrannt werden.

Die architektonische Wahl: CTM in der Struktur gegen Canvas-Rasterung

Die Transformationsmatrix (CTM). Der „Server"-Weg ist, Drehung und Beschnitt als Transformation in der PDF-Struktur zu schreiben: Der Inhalt bleibt vektorbasiert und scharf. Das erfordert aber einen PDF-Parser und sorgfältige Arbeit mit Koordinatenräumen.

Canvas-Rasterung (der pdfredX-Weg). Die Seite ist bereits von PDF.js in ein Bild gerendert. Die Drehung erfolgt durch Neuzeichnen dieses Bildes auf ein neues Canvas, der Beschnitt durch Ausschneiden des Bereichs in ein weiteres Canvas. Der Preis ist ein Raster-Ergebnis; der Gewinn ist Vorhersehbarkeit und Privatsphäre (alles im Tab, die Datei geht nirgendwohin).

Die Umsetzung im Einzelnen

Drehung: doRot → rotCanvas

Die Dreh-Schaltflächen akkumulieren den Winkel und zeichnen die Seite neu:

async function doRot(deg) {
  eRot = (eRot + deg + 360) % 360;      // Winkel akkumulieren (Schaltflächen geben ±90)
  const rotated = await rotCanvas(eBase, eRot);
  loadCropper(rotated);                 // Beschnitt-Editor mit dem gedrehten Bild neu starten
}

Die Drehung selbst erledigt rotCanvas: Es berechnet die Abmessungen des gedrehten Canvas über Sinus/Kosinus neu, füllt den Hintergrund weiß und zeichnet das Bild im erforderlichen Winkel:

const rad = degrees * Math.PI / 180;
const cw = Math.round(img.width*cos + img.height*sin);  // neue Bounding-Box-Abmessungen
const ch = Math.round(img.width*sin + img.height*cos);
ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, cw, ch);      // weißer Hintergrund unter den „Ecken"
ctx.translate(cw/2, ch/2); ctx.rotate(rad);
ctx.drawImage(img, -img.width/2, -img.height/2);

Ein wichtiges Detail: Die Abmessungsformel und die Hintergrundfüllung sind für jeden Winkel geschrieben, sodass die Funktion mathematisch auch eine beliebige Drehung bewältigen kann — im UI wird sie jedoch in 90°-Schritten aufgerufen (↺ −90° / ↻ +90°). Die weiße Füllung ist nötig, damit die bei einer Nicht-90°-Drehung entstehenden „Ecken" nicht schwarz werden.

Beschnitt: Cropper.js nur zum Zuschneiden

Der Cropper.js-Editor wird mit deaktivierter eigener Drehung initialisiert — die Drehung erledigt rotCanvas, und Cropper ist nur für den Beschnittrahmen zuständig:

cropper = new Cropper(img, {
  viewMode: 1, autoCropArea: 1,
  rotatable: false, scalable: false,   // Cropper-eigene Drehung und Skalierung aus
  cropBoxMovable: true, cropBoxResizable: true,
});

Seitenverhältnis-Vorgaben werden über setAspectRatio gesetzt (A4/A3/Letter/Legal aus der Tabelle PAGE_RATIOS, Modus auto-A4 oder NaN für einen freien Rahmen). Beim Neustart nach einer Drehung wird die aktive Vorgabe wiederhergestellt, damit der Rahmen nicht „verrutscht".

Einbrennen in editUrl

Das Anwenden schneidet den gewählten Bereich aus und speichert ihn als neues editUrl der Seite:

const croppedCanvas = cropper.getCroppedCanvas({ ... });
items[eId].editUrl = croppedCanvas.toDataURL();  // Änderungen gehen nur in editUrl

Der zentrale Invariant: origUrl (das Original) wird nie mutiert, Änderungen gehen nur in editUrl. So lässt sich der Editor erneut öffnen und aus dem aktuellen Zustand fortsetzen, und spätere Werkzeuge (Annotationen, Wasserzeichen) arbeiten mit der bereits beschnittenen/gedrehten Seite.

Kompromisse und Grenzen des Ansatzes

Ein Raster-Ergebnis. Bei starker Vergrößerung gibt es keine Vektorschärfe; für ein Bildschirmdokument und den Druck ist der Unterschied minimal.

Drehung in 90°-Schritten im UI. Die Engine (rotCanvas) unterstützt jeden Winkel, aber die Oberfläche bietet nur 90°-Schritte; ein feiner Deskew-Regler für einen beliebigen Grad ist noch nicht verfügbar.

Bearbeitung Seite für Seite. Ein Editor-Aufruf — eine Seite; ein Massen-Drehen aller Seiten auf einmal gibt es nicht.

Was als Nächstes kommt

Ein Feindrehungs-Regler — einen beliebigen Winkel einstellen (±15° in 0,5°-Schritten), um leicht schiefe Scans geradezurücken; die rotCanvas-Engine erlaubt das bereits, ein UI-Steuerelement fehlt.

Stapeldrehung — eine Drehung auf alle ausgewählten Seiten auf einmal anwenden.

Möchten Sie es testen — laden Sie einen schiefen Scan auf pdfredx.com, öffnen Sie ihn mit der Schaltfläche ✎, drehen und beschneiden Sie ihn. Ohne Registrierung, ohne Datei-Upload auf einen Server.