Mac-Fenster-Mockup

Präsentieren Sie einen App-Screenshot in einem sauberen Fensterrahmen im macOS-Stil.

Läuft in Ihrem Browser
Keine Uploads
Kein Konto

Ihr Browser-Tool wird geladen…

Was Mac-Fenster-Mockup macht

Screenshots, die auf den Inhalt einer App zugeschnitten sind, verlieren das Fenster drumherum, und ein nacktes Rechteck kann auf einer Folie oder in einem Launch-Beitrag unfertig wirken. Dieses Mockup ergänzt eine Titelleiste im macOS-Stil mit den vertrauten roten, gelben und grünen Buttons sowie einen zentrierten, bearbeitbaren Fenstertitel, etwa den Namen Ihrer App und den aktuellen Bildschirm.

„Darstellung“ wechselt für Apps im Dark Mode zu einer dunklen Titelleiste. Das Fenster liegt auf einem Rosé-Verlauf mit 12 px abgerundeten Ecken und einem Schatten; Innenabstand und Schatten stehen unter „Weitere Optionen“. Bei einer Web-App zeigt ein Browserrahmen, dass sie im Browser läuft.

Beispiel

Ihre Auswahl

Ein App-Screenshot mit 1440 × 900 px
Fenstertitel: Lumen – Abrechnung (Vorgabe)

Download

screenshot-mac-window.png
1584 × 1084 px: eine 40 px hohe Titelleiste, 72 px Innenabstand in Rosé

Der Innenabstand beträgt auf jeder Seite 5 % der Breite. Die Titelleiste ist bei dieser Breite 40 px hoch.

Anleitung: Mac-Fenster-Mockup

Wählen Sie „Datei auswählen“ oder fügen Sie den App-Screenshot ein, zugeschnitten auf den Fensterinhalt.
Geben Sie den Fenstertitel ein und wählen Sie Darstellung und Hintergrund.
Passen Sie Innenabstand und Schatten unter „Weitere Optionen“ an und klicken Sie dann auf „.png herunterladen“.

Gut zu wissen

Die Titelleiste ist eine einfache, einzeilige Leiste. Sie hat keine Symbolleisten-Icons, keine Seitenleiste und keine Tabs.
Lange Titel werden mit Auslassungspunkten gekürzt, damit sie die Fenster-Buttons nie überlappen.
Die Fenster-Buttons haben immer den farbigen macOS-Stil; eine Windows-Titelleiste gibt es auf dieser Seite nicht.

Fragen zu Mac-Fenster-Mockup

Wie erstelle ich einen Mac-Fenster-Screenshot ohne Mac?

Nehmen Sie auf einem beliebigen System nur den Inhalt der App auf, laden Sie ihn hier, und die Titelleiste im macOS-Stil wird darüber gezeichnet. Passen Sie den Fenstertitel an Ihre App an, und das Ergebnis sieht aus wie ein natives Fenster.

Warum nicht den macOS-Fenster-Screenshot (Cmd+Shift+4, Leertaste) verwenden?

Das funktioniert auf einem Mac, erfasst aber einen großen transparenten Schatten und die echte Titelleiste mit all ihren Elementen. Dieses Tool liefert eine saubere, einheitliche Leiste und einen Hintergrund, sodass alle Screenshots in einer Präsentation zusammenpassen.

Welchen Titel sollte ich dem Fenster geben?

Ihren App-Namen gefolgt vom Bildschirm, etwa „Lumen – Abrechnung“, so wie echte Mac-Apps ihre Fenster beschriften. Lassen Sie ihn leer für eine schlichte Leiste nur mit den Buttons.