So setzen Sie einen Screenshot auf dem Mac in einen iPhone-Rahmen

Ein gerahmter Screenshot ist auf einen Blick als Handy erkennbar. Im Feed zeigt das, dass man eine App sieht und kein beliebiges Bild, noch bevor jemand ein Wort liest. Dieser Ratgeber zeigt drei Wege, vom schnellsten bis zum aufwendigsten.

Vorab: der richtige Screenshot

Ein Rahmen passt nur sauber, wenn der Screenshot den ganzen Bildschirm in der Auflösung des Geräts zeigt. Genau das bekommen Sie, wenn Sie ihn auf dem Handy oder im Simulator aufnehmen:

Senden Sie ihn per AirDrop, Fotos oder iCloud an Ihren Mac. Schneiden Sie ihn vorher nicht zu und ändern Sie nicht die Größe. Ein Screenshot vom iPhone 18 Pro hat zum Beispiel 1206 × 2622 Pixel, und genau diese Größe verrät einem Tool, von welchem Handy er stammt. Wenn Sie nicht sicher sind, von welchem Gerät ein Screenshot kommt, ordnet der Ratgeber zu Screenshot-Größen Größen den Geräten zu.

Weg 1: in FeatureFrame ziehen

FeatureFrame ist eine Mac-App genau für diese Aufgabe. Sie liest die Pixelgröße des Screenshots, erkennt das Gerät, von dem er stammt, und rahmt ihn in einem 3D-Modell dieses Handys ein.

  1. Öffnen Sie FeatureFrame und ziehen Sie den Screenshot auf das Fenster oder fügen Sie ihn mit ⌘ V ein.
  2. Die App wählt das passende iPhone oder iPad für Sie, vom iPhone 11 Pro bis zum iPhone 18 Pro Max, iPhone Air, iPhone Duo und iPad Pro, Air und mini. Gerät und Farbe können Sie im rechten Bereich ändern.
  3. Neigen Sie das Handy durch Ziehen im Winkel-Editor oder wählen Sie eine der Winkelvorgaben.
  4. Wählen Sie ein Format für den Zielort, etwa 4:5 für einen Instagram-Post oder 16:9 für X, und einen Hintergrund: eine Farbe, einen Verlauf, ein macOS-Hintergrundbild oder ein eigenes Bild.
  5. Kopieren Sie das Bild mit ⌘ C und fügen Sie es direkt in einen Post ein, ziehen Sie es aus dem Fenster oder exportieren Sie es mit ⌘ E in 720p, 1080p oder 4K.

Bis zu drei Screenshots passen auf eine Fläche, in einer Reihe, einer Spalte oder überlappend, mit gemeinsamer Größe und gemeinsamem Abstand. Kostenlos erhalten Sie die Rahmen Clay-Smartphone und Clay-Tablet in Weiß oder Schwarz, und Exporte tragen ein kleines FeatureFrame-Abzeichen. FeatureFrame Pro schaltet alle echten Geräterahmen frei, Ihr eigenes Wasserzeichen oder keines sowie den PNG-Export.

Weg 2: einen kostenlosen PNG-Rahmen verwenden

Wenn Sie ohnehin in Keynote, Figma oder Pixelmator Pro arbeiten, reicht ein PNG-Rahmen. Die Bibliothek der Geräterahmen bietet für jedes iPhone- und iPad-Modell ein kostenloses PNG mit durchsichtigem Bildschirm, so bemessen, dass die Screenshots des Modells pixelgenau passen. Jede Geräteseite, etwa der iPhone 18 Pro-Rahmen, nennt die passende Screenshot-Größe und die genaue x- und y-Position.

In jeder App gilt dieselbe Regel: Der Screenshot liegt auf einer Ebene unter dem Rahmen. Gehäuse und abgerundete Ecken des Rahmens verdecken dann die Kanten des Screenshots.

In Keynote

  1. Erstellen Sie eine neue Präsentation und stellen Sie in der Seitenleiste „Dokument“ die Foliengröße auf Ihr Format ein, etwa 1080 × 1350.
  2. Ziehen Sie Ihren Screenshot hinein, danach den PNG-Rahmen.
  3. Wählen Sie bei ausgewähltem Rahmen „Anordnen“ > „Ganz nach vorne“. Keynote behält die Transparenz des PNG.
  4. Wählen Sie beide aus, skalieren Sie sie gemeinsam mit gedrückter Shift-Taste und richten Sie den Screenshot an der Bildschirmöffnung aus. Gruppieren Sie beide, damit sie sich zusammen bewegen.
  5. Wählen Sie „Ablage“ > „Exportieren“ > „Bilder“ und dann PNG.

In Figma

  1. Legen Sie einen Frame in Ihrer Flächengröße an und geben Sie ihm eine Hintergrundfüllung.
  2. Ziehen Sie den PNG-Rahmen und den Screenshot hinein. Ziehen Sie den Screenshot im Ebenenbereich unter den Rahmen.
  3. Setzen Sie beide bei 100 % auf die Größe und Position von der Geräteseite, gruppieren Sie sie und skalieren Sie die Gruppe passend zur Fläche.
  4. Exportieren Sie den Frame als PNG oder JPEG.

In Pixelmator Pro

  1. Öffnen Sie den PNG-Rahmen. Seine Arbeitsfläche hat bereits die richtige Größe.
  2. Ziehen Sie den Screenshot hinein, schieben Sie seine Ebene in der Seitenleiste „Ebenen“ unter den Rahmen und setzen Sie seine Position auf x und y von der Geräteseite.
  3. Führen Sie die beiden Ebenen zusammen oder gruppieren Sie sie, ändern Sie dann die Größe der Arbeitsfläche und fügen Sie ganz unten eine Hintergrundebene hinzu.
  4. Exportieren Sie mit „Ablage“ > „Exportieren“.

Weg 3: Apples Product Bezels

Apple veröffentlicht offizielle Gerätebilder auf der Seite Design Resources unter Product Bezels, als Photoshop-Dateien und PNGs für aktuelle iPhone- und iPad-Modelle. Das Schichten funktioniert genauso: Screenshot unten, Rahmen oben. Apple bittet darum, bei der Nutzung der Rahmen im Marketing die Marketing-Ressourcen und Identity Guidelines zu beachten. Lesen Sie diese also, bevor Sie posten.

Die Details richtig machen

Und Mac-Screenshots?

Eine Mac-Fensteraufnahme braucht keinen Geräterahmen. Sie hat schon die Form eines Fensters. Nehmen Sie das Fenster auf und legen Sie es mit etwas Rand und Schatten auf einen Hintergrund. Hat die Aufnahme den Schlagschatten von macOS, lesen Sie Mac-Screenshot ohne Schatten aufnehmen. FeatureFrame erkennt eine Fensteraufnahme, entfernt den macOS-Schatten, behält die abgerundeten Ecken und setzt sie als schlichte Karte.

Nächste Schritte

Sobald Ihr Screenshot gerahmt ist, geht es um die Präsentation. So sehen Ihre Screenshots in sozialen Medien gut aus behandelt Hintergründe, Rand und Einheitlichkeit in einer Serie, und es gibt Ratgeber zum Teilen auf X und zu Instagram-Karussells. Ganz ohne Ebenen geht es mit FeatureFrame aus dem Mac App Store.

Weitere Ratgeber