Quadratisches Bild

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 ausschließlich als PNG, in vierfacher Auflösung der Arbeitsfläche, und es wird jeweils ein Bild bearbeitet. Für JPEG oder WebP nutze den Haupt-Konverter auf squareimage.dev. 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. Als PNG 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.

Warum wird nur PNG exportiert?

Dieses Werkzeug gibt ausschließlich PNG aus, und zwar in vierfacher Auflösung der Arbeitsfläche im Editor. Das hält weiche Verläufe im unscharfen Hintergrund frei von Kompressionsartefakten.

Brauchst du JPEG oder WebP, nutze den Haupt-Konverter auf der Startseite: Er bietet dieselben Modi mit mehr Exportformaten.

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?

Nur PNG, in vierfacher Auflösung der Arbeitsfläche. Für JPEG oder WebP nutze den Haupt-Konverter.

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