Bild zuschneiden & Größe ändern — lokal
Zuschneiden oder skalieren im Browser: freie Auswahl, Seitenverhältnisse (1:1, 16:9…) und gängige Ausgabegrößen. Schritte: Bild wählen, Rahmen oder Preset, Breite×Höhe setzen, JPEG/WebP/PNG laden. Beispiel: Quadrat 512×512 fürs Avatar — lokal; Export entfernt meist EXIF.
So funktioniert’s
Foto wählen, Seitenverhältnis sperren oder frei zeichnen, Breite×Höhe (oder Preset) setzen und exportieren. Der Bildschirmrahmen wird auf Quellpixel gemappt, auf ein Canvas gezeichnet und per toBlob kodiert. Nur-Skalieren nutzt contain/cover. Kein Upload; Re-Encode entfernt meist EXIF.
Erwartete Regeln
Zuschneiden und Skalieren teilen eine Pipeline. Lesen Sie dies, bevor Sie mehr Pixel als die Auswahl verlangen.
- Das Quellrechteck liegt in Originalpixeln, nicht in der skalierten Vorschau.
- drawImage zeichnet in die Ausgabegröße. v1 skaliert nicht hoch: zu groß → Clamp + Hinweis.
- Verhältnis-Presets ändern die Auswahl; Pixel-Presets füllen B×H. «Wie Auswahl» kopiert den Rahmen.
- Privatsphäre: kein Upload. Canvas entfernt oft EXIF. Für weniger KB danach den Kompressor nutzen.
Beispiel
Ein 1600×1000-Beispiel mit 1:1 exportiert JPEG 512×512 ~0,9. Wechsel zu 16:9 und 1920×1080 fürs Cover (begrenzt, wenn der Schnitt kleiner ist). Längste Seite 1200 verkleinert das ganze Foto.
Gute Einsätze
- Avatare: 1:1 auf 512 oder 256.
- Cover: 16:9 oder Größen wie 1200×630.
- Web: längste Seite 1200 oder Breite 800 vor dem Upload.
Frequently asked questions
Verlässt das Bild den Browser?
Nein. Alles lokal. In Network sollte kein POST des Bildes erscheinen.
Wird ein kleiner Schnitt vergrößert?
Nein. Übersteigt die Ausgabe die Auswahl, wird begrenzt und gewarnt.
Unterschied zum Kompressor?
Hier Framing und Pixel; der Kompressor zielt auf KB. Danach nutzen.
Brauche ich ein anderes Tool für Quadrat vs 16:9?
Nein. 1:1, 16:9 usw. sind Presets auf derselben Seite.
Bleibt EXIF erhalten?
Meist nicht. Canvas-Re-Encode entfernt Metadaten; vorher mit dem EXIF-Tool prüfen.
Bleiben animierte GIFs animiert?
Nein — nur das erste Frame.
Fragen oder Feedback
Unklar, kaputt oder etwas fehlt? Schreib unten eine Nachricht — wir lesen jede Notiz zu diesen Tools.