Redimensionner les pixels d'une image sur Mac : 3 méthodes

Le modèle de blog affiche les bannières à une largeur CSS de 960 px, mais les exports de design arrivent souvent à 2880 px. Les lecteurs ne voient pas ces pixels supplémentaires, mais ils les téléchargent à chaque chargement de page. Redimensionnez à la taille d’affichage réelle avant de compresser ou de convertir le format.

La règle de la taille d’affichage

Exportez à environ 2x la largeur CSS pour les écrans haute densité (Retina), et non à la taille brute de capture de votre moniteur ou appareil photo. Les dimensions en pixels ne sont pas identiques aux métadonnées DPI. Une image de 1920 px de large étiquetée à 72 ou 300 DPI occupe toujours 1920 px lorsque la mise en page utilise une largeur en pixels.

Vérifiez le cadre dans Figma, le modèle du CMS ou le constructeur d’emails avant de lancer un traitement par lots. Pour le choix du format après le redimensionnement, consultez comment compresser les images sur Mac .

Méthode 1 : GetCompress

Idéal pour : Dossiers mixtes, largeurs réutilisables et conversion plus redimensionnement en un seul passage.

1. Glissez-déposez une image ou un dossier dans GetCompress .
2. Définissez la largeur ou la hauteur maximale (par exemple 1920 px pour les bannières de blog).
3. Choisissez le format de sortie si le CMS attend du JPEG ou du WebP.
4. Prévisualisez une capture d’écran à la nouvelle largeur, puis exportez-la à côté des fichiers originaux.
5. Enregistrez un préréglage tel que “blog 1920px” pour le réutiliser la prochaine fois.

Le traitement reste sur votre Mac. Pour les flux de travail par lots de dossiers, consultez redimensionner par lots les images sur Mac .

Méthode 2 : Redimensionner dans Aperçu

Idéal pour : Un ou quelques fichiers avec les outils intégrés.

1. Ouvrez l’image dans Aperçu.
2. Outils → Ajuster la taille…
3. Définissez la Largeur ou la Hauteur en pixels. Laissez Échelle proportionnelle coché sauf si vous souhaitez recadrer intentionnellement.
4. Fichier → Exporter… et sélectionnez JPEG, PNG ou conservez le format actuel.
5. Enregistrez sous un nouveau fichier et vérifiez les dimensions dans Outils → Afficher l’inspecteur.

Zoomez sur le texte et les lignes fines après le redimensionnement. Réduire une capture d’écran en dessous de sa largeur d’affichage rend le texte illisible.

Limite : Pas de préréglages sauvegardés pour des dizaines de fichiers.

Méthode 3 : Traitement par lots avec sips

Idéal pour : Les boucles Terminal sur un dossier de JPEG ou PNG.

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

Largeur exacte (la hauteur s’adapte) :

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

Limite : Les dossiers mélangeant PNG, JPEG et HEIC nécessitent encore des commandes séparées ou une application dédiée. Les outils de redimensionnement en ligne téléchargent vos fichiers. Pour les maquettes non publiées, conservez le traitement local. Consultez les compresseurs de fichiers en ligne sont-ils sûrs .

Ratio d’aspect et suréchantillonnage

Ne suréchantillonnez jamais un JPEG et ne le recompilez pas en espérant des détails plus nets. Vous ajoutez des artefacts sans récupérer les informations qui n’étaient jamais dans le fichier.

Quand Aperçu suffit

Aperçu peut traiter un seul fichier lorsque la nouvelle largeur correspond déjà à la mise en page.

GetCompress est également utile lorsque la même largeur revient pour des dizaines de fichiers, ou lorsque vous convertissez également le format dans le même passage. Notez la largeur en pixels choisie dans le README du projet pour que la personne suivante ne réintroduise pas des exports de 4000 px. Pour la diffusion WebP après redimensionnement, consultez PNG vers WebP sur Mac .