Afbeeldingspixels op Mac resizen: 3 methoden

De blogtemplate toont heroes met een CSS-breedte van 960 px, maar designexports komen vaak binnen op 2880 px. Lezers zien die extra pixels niet, maar downloaden ze bij elke paginalaadbeurt. Resizer naar de werkelijke weergavegrootte voordat je comprimeert of het formaat converteert.

De weergavegrootte-regel

Exporteer op ongeveer 2x de CSS-breedte voor high-DPI-schermen, niet op de ruwe opnamegrootte van je monitor of camera. Pixelafmetingen zijn niet hetzelfde als DPI-metadata. Een afbeelding van 1920 px breed, gelabeld met 72 of 300 DPI, neemt nog steeds 1920 px in beslag wanneer de lay-out pixelbreedte gebruikt.

Controleer het frame in Figma, de CMS-template of de e-mailbuilder voordat je een batch verwerkt. Voor de formaatkeuze na het resizen, zie hoe je afbeeldingen comprimeert op Mac .

Methode 1: GetCompress

Geschikt voor: Gemengde mappen, herbruikbare breedtes, en convert-plus-resize in één doorgang.

1. Sleep één afbeelding of een map naar GetCompress .
2. Stel de maximale breedte of maximale hoogte in (bijvoorbeeld 1920 px voor blogheroes).
3. Kies het uitvoerformaat als de CMS JPEG of WebP verwacht.
4. Bekijk een UI-screenshot op de nieuwe breedte en exporteer naast de originele bestanden.
5. Sla een voorinstelling op zoals “blog 1920px” zodat je deze de volgende keer kunt hergebruiken.

De verwerking blijft op je Mac. Voor bulkmapwerkstromen, zie afbeeldingen batchsgewijs resizen op Mac .

Methode 2: Resizen in Preview

Geschikt voor: Eén of een paar bestanden met ingebouwde hulpmiddelen.

1. Open de afbeelding in Preview.
2. Hulpmiddelen → Grootte aanpassen…
3. Stel Breedte of Hoogte in in pixels; laat Verhouding behouden aangevinkt tenzij je bewust wilt bijsnijden.
4. Bestand → Exporteren… en kies JPEG, PNG of behoud het huidige formaat.
5. Sla op als nieuw bestand en bevestig de afmetingen in Hulpmiddelen → Inspector tonen.

Zoom op tekst en fijne lijnen na het resizen. Het verkleinen van een screenshot onder de weergavebreedte maakt de tekst onleesbaar.

Beperking: Geen opgeslagen voorinstellingen voor tientallen bestanden.

Methode 3: Batch met sips

Geschikt voor: Terminal-lussen op een map met JPEG of PNG.

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

Exacte breedte (hoogte schaalt mee):

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

Beperking: Gemengde mappen met PNG, JPEG en HEIC vereisen nog steeds aparte commando’s of een speciale app. Online resizetools uploaden je assets; bewaar de verwerking lokaal voor nog niet vrijgegeven mockups. Zie zijn online bestandcomprimeerders veilig .

Beeldverhouding en upscalen

Upscale nooit een JPEG en comprimeer opnieuw in de hoop op scherpere details. Je voegt artefacten toe zonder informatie te herstellen die nooit in het bestand zat.

Wanneer Preview voldoende is

Preview kan een enkel asset afronden wanneer de nieuwe breedte al overeenkomt met de lay-out.

GetCompress helpt ook wanneer dezelfde breedte terugkomt bij tientallen bestanden, of wanneer je ook het formaat converteert in dezelfde doorgang. Documenteer de gekozen pixelbreedte in de project-README, zodat de volgende persoon geen exports van 4000 px opnieuw invoert. Voor WebP-levering na het resizen, zie PNG naar WebP op Mac .