SquareImage

Unscharfer Bilderrahmen

Setze ein vollständiges Foto in ein festes Seitenverhältnis und fülle den Rest mit einer vergrößerten, unscharfen Kopie desselben Bildes. Nichts wird abgeschnitten, und die Datei verlässt deinen Browser nicht.

Kurz gesagt

Der Unscharfe Rahmen von SquareImage.dev passt ein ganzes Foto in ein festes Seitenverhältnis ein und füllt den übrigen Platz mit einer vergrößerten, unscharfen Kopie desselben Bildes, sodass nichts weggeschnitten wird. Vier Regler bestimmen das Ergebnis: Seitenverhältnis (1:1, 2:3, 16:9 oder ein eigenes), Skalierung des Hauptbildes, Skalierung des Hintergrunds und Unschärfegrad. Der Export erfolgt als PNG, JPEG oder WebP in Quellbreite, mit 1080 oder 2048 Pixeln oder in einer eigenen Breite; es wird jeweils ein Bild bearbeitet. Das Werkzeug ist kostenlos, verlangt kein Konto, und das Bild wird mit Canvas auf dem Gerät zusammengesetzt statt hochgeladen.

By · Verified

Wie erstelle ich einen unscharfen Rahmen?

  1. Foto laden. Klicken, auf die Seite ziehen oder aus der Zwischenablage einfügen.
  2. Seitenverhältnis wählen. 1:1, 2:3, 16:9 oder ein eigenes Verhältnis eingeben.
  3. Regler einstellen. Bildgröße, Hintergrundgröße und Unschärfe anpassen.
  4. PNG, JPEG oder WebP wählen und herunterladen.

Was machen die vier Regler?

  • Seitenverhältnis: bestimmt die Form der exportierten Fläche.
  • Skalierung Hauptbild: wie groß das scharfe Foto im Rahmen sitzt.
  • Skalierung Hintergrund: wie stark die unscharfe Kopie vergrößert wird.
  • Unschärfe: wie deutlich sich Vorder- und Hintergrund voneinander abheben.

Welche Exportformate und Größen gibt es?

Das Werkzeug exportiert PNG, JPEG oder WebP in Quellbreite, mit 1080 oder 2048 Pixeln oder in einer eigenen Breite.

PNG vermeidet verlustbehaftete Kompression; JPEG oder WebP erzeugen bei Fotos meist kleinere Dateien.

Wird mein Foto auf einen Server hochgeladen?

Nein. Das Bild wird mit den Datei-APIs des Browsers gelesen und auf einer lokalen Canvas-Fläche zusammengesetzt; es wird nicht an unseren Server gesendet.

Zwei Grenzen: Es wird jeweils ein Bild bearbeitet, und sehr große Exporte können den Speicher eines Mobilbrowsers überschreiten.

Häufig gestellte Fragen

Wird etwas vom Foto abgeschnitten?

Nein. Das vollständige Foto bleibt sichtbar; nur der leere Rand wird mit der unscharfen Kopie gefüllt.

Kann ich ein eigenes Seitenverhältnis eingeben?

Ja. Neben 1:1, 2:3 und 16:9 lässt sich ein beliebiges Verhältnis eintragen, etwa 4:5.

In welchem Format wird gespeichert?

Als PNG, JPEG oder WebP in Quellbreite, mit 1080 oder 2048 Pixeln oder in einer eigenen Breite.

Jedes Werkzeug auf dieser Seite zeichnet dein Foto auf ein HTML-Canvas und liest das Ergebnis wieder aus — das ist die gesamte Verarbeitung. Deshalb wird nichts hochgeladen. Die Dokumentation des Browsers beschreibt den Zeichenschritt so:

“drawImage() will always use the source element's intrinsic size in CSS pixels when drawing, cropping, and/or scaling.”
— MDN Web Docs, CanvasRenderingContext2D: drawImage() method

Quellen

Links geprüft am 2026-09-03.

Weitere Bildwerkzeuge auf dieser Seite