Ridimensiona i pixel delle immagini su Mac: 3 metodi

Il template del blog visualizza le immagini principali a 960 px di larghezza CSS, mentre le esportazioni di design arrivano spesso a 2880 px. I pixel in eccesso restano invisibili ai lettori e vengono comunque scaricati a ogni caricamento della pagina. Ridimensiona l’immagine alle dimensioni effettive di visualizzazione prima di comprimerla o convertirla.

La regola della dimensione di visualizzazione

Esporta a circa 2x la larghezza CSS per gli schermi ad alta densità di pixel, non alla dimensione grezza di cattura del monitor o della fotocamera. Le dimensioni in pixel non sono uguali ai metadati DPI. Un’immagine larga 1920 px etichettata a 72 o 300 DPI occupa comunque 1920 px quando il layout utilizza la larghezza in pixel.

Controlla il frame in Figma, il template del CMS o il builder di email prima di eseguire il batch. Per la scelta del formato dopo il ridimensionamento, vedi come comprimere le immagini su Mac .

Metodo 1: GetCompress

Ideale per: Cartelle miste, larghezze riutilizzabili e converti-ridimensiona in un’unica passata.

1. Trascina una singola immagine o una cartella in GetCompress .
2. Imposta la larghezza massima o l’altezza massima (ad esempio 1920 px per le hero del blog).
3. Scegli il formato di output se il CMS richiede JPEG o WebP.
4. Anteprima uno screenshot dell’interfaccia alla nuova larghezza, poi esporta accanto agli originali.
5. Salva un preset come “blog 1920px” per riutilizzarlo la volta successiva.

L’elaborazione avviene sul tuo Mac. Per i flussi di lavoro su cartelle intere, vedi ridimensionamento batch delle immagini su Mac .

Metodo 2: Ridimensiona in Anteprima

Ideale per: Uno o pochi file con strumenti integrati.

1. Apri l’immagine in Anteprima.
2. Strumenti → Regola dimensioni…
3. Imposta Larghezza o Altezza in pixel; lascia Scala proporzionalmente selezionato a meno che tu non voglia ritagliare intenzionalmente.
4. File → Esporta… e scegli JPEG, PNG o mantieni il formato corrente.
5. Salva come nuovo file e conferma le dimensioni in Strumenti → Mostra ispettore.

Controlla il testo e le linee sottili dopo il ridimensionamento. Ridurre uno screenshot al di sotto della sua larghezza di visualizzazione rende il tipo illeggibile.

Limite: Nessun preset salvato per decine di file.

Metodo 3: Batch con sips

Ideale per: Loop del terminale su una cartella di JPEG o PNG.

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

Larghezza esatta (l’altezza scala):

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

Limite: Cartelle miste di PNG, JPEG e HEIC richiedono ancora comandi separati o un’app dedicata. Gli strumenti di ridimensionamento online caricano le tue risorse; per i mockup non rilasciati, mantieni l’elaborazione locale. Vedi i compressori di file online sono sicuri .

Rapporto d’aspetto e upscaling

Non fare mai upscaling di un JPEG e ricomprimere sperando in dettagli più nitidi. Aggiungi artefatti senza recuperare informazioni che non erano mai presenti nel file.

Quando Anteprima è sufficiente

Anteprima può completare un singolo asset quando la nuova larghezza corrisponde già al layout.

GetCompress è utile anche quando la stessa larghezza si ripete per decine di file, o quando converti anche il formato nella stessa passata. Documenta la larghezza in pixel scelta nel README del progetto in modo che la persona successiva non reintroduca esportazioni a 4000 px. Per la consegna WebP dopo il ridimensionamento, vedi PNG a WebP su Mac .