Bildpixel auf dem Mac skalieren: 3 Methoden

Das Blog-Template zeigt Hero-Bilder mit 960 px CSS-Breite, Design-Exports kommen jedoch oft mit 2880 px an. Leser sehen diese zusätzlichen Pixel nicht, laden sie aber bei jedem Seitenaufruf herunter. Skalieren Sie auf die tatsächliche Anzeigebreite, bevor Sie komprimieren oder das Format konvertieren.

Die Anzeigebreite-Regel

Exportieren Sie bei hochauflösenden Displays mit etwa dem 2-fachen der CSS-Breite, nicht in der Rohaufnahmegröße Ihres Monitors oder Ihrer Kamera. Pixelabmessungen sind nicht dasselbe wie DPI-Metadaten. Ein 1920 px breites Bild, das mit 72 oder 300 DPI markiert ist, nimmt im Layout weiterhin 1920 px ein.

Prüfen Sie den Rahmen in Figma, die CMS-Vorlage oder den E-Mail-Builder, bevor Sie die Stapelverarbeitung starten. Für die Formatwahl nach der Größenanpassung lesen Sie Bilder auf dem Mac komprimieren .

Methode 1: GetCompress

Am besten geeignet für: Gemischte Ordner, wiederverwendbare Breiten und Konvertierung plus Skalierung in einem Durchlauf.

1. Ziehen Sie ein einzelnes Bild oder einen Ordner in GetCompress .
2. Legen Sie die maximale Breite oder maximale Höhe fest (z. B. 1920 px für Blog-Hero-Bilder).
3. Wählen Sie das Ausgabeformat, wenn das CMS JPEG oder WebP erwartet.
4. Sehen Sie sich einen UI-Screenshot in der neuen Breite an und exportieren Sie neben den Originalen.
5. Speichern Sie eine Voreinstellung wie „Blog 1920px“, um sie beim nächsten Mal wiederzuverwenden.

Die Verarbeitung bleibt auf Ihrem Mac. Für Ordner-Stapelverarbeitung finden Sie weitere Informationen unter Bilder auf dem Mac stapelweise skalieren .

Methode 2: Skalieren in Vorschau

Am besten geeignet für: Ein oder wenige Dateien mit integrierten Tools.

1. Öffnen Sie das Bild in Vorschau.
2. Werkzeuge → Größe anpassen…
3. Legen Sie Breite oder Höhe in Pixel fest. Lassen Sie Proportional skalieren aktiviert, es sei denn, Sie möchten absichtlich zuschneiden.
4. Ablage → Exportieren… und wählen Sie JPEG, PNG oder behalten Sie das aktuelle Format bei.
5. Speichern Sie als neue Datei und bestätigen Sie die Abmessungen unter Werkzeuge → Inspektor anzeigen.

Zoomen Sie nach der Skalierung auf Text und feine Linien. Wird ein Screenshot unter seine Anzeigebreite verkleinert, wird die Schrift unleserlich.

Einschränkung: Keine gespeicherten Voreinstellungen für Dutzende von Dateien.

Methode 3: Stapelverarbeitung mit sips

Am besten geeignet für: Terminal-Schleifen in einem Ordner mit JPEG oder PNG.

mkdir out
for f in *.jpg; do sips -Z 1920 "$f" --out "out/$f"; done

Exakte Breite (Höhe skaliert mit):

sips --resampleWidth 1920 input.jpg --out output.jpg

Einschränkung: Gemischte Ordner mit PNG, JPEG und HEIC benötigen weiterhin separate Befehle oder eine dedizierte App. Online-Skalierungstools laden Ihre Assets hoch. Für unveröffentlichte Mockups behalten Sie die Verarbeitung lokal bei. Siehe Sind Online-Dateikomprimierer sicher .

Seitenverhältnis und Hochskalierung

Skalieren Sie ein JPEG nicht hoch und komprimieren Sie es erneut in der Hoffnung auf schärfere Details. Sie fügen Artefakte hinzu, ohne Informationen wiederherzustellen, die nie in der Datei waren.

Wann Vorschau ausreicht

Vorschau kann ein einzelnes Asset abschließen, wenn die neue Breite bereits mit dem Layout übereinstimmt.

GetCompress hilft auch, wenn dieselbe Breite bei Dutzenden von Dateien wiederkehrt oder wenn Sie das Format im selben Durchlauf konvertieren. Dokumentieren Sie die gewählte Pixelbreite in der Projekt-README, damit die nächste Person keine 4000 px-Exports wieder einführt. Für WebP-Übertragung nach der Skalierung lesen Sie PNG zu WebP auf dem Mac .