Redimensionar píxeles de imagen en Mac: 3 métodos

La plantilla de blog muestra los héroes a 960 px de ancho CSS, pero las exportaciones de diseño suelen llegar a 2880 px. Los lectores nunca ven esos píxeles extra, pero los descargan en cada carga de página. Redimensiona al tamaño real de visualización antes de comprimir o convertir el formato.

La regla del tamaño de visualización

Exporta a aproximadamente 2x el ancho CSS para pantallas de alta densidad de píxeles, no al tamaño de captura crudo de tu monitor o cámara. Las dimensiones en píxeles no son lo mismo que los metadatos de DPI. Una imagen de 1920 px de ancho etiquetada a 72 o 300 DPI sigue ocupando 1920 px cuando el diseño utiliza el ancho en píxeles.

Comprueba el marco en Figma, la plantilla del CMS o el constructor de correos electrónicos antes de procesar en lote. Para la elección de formato después del tamaño, consulta cómo comprimir imágenes en Mac .

Método 1: GetCompress

Ideal para: Carpetas mixtas, anchos reutilizables y conversión más redimensionamiento en un solo paso.

1. Arrastra una imagen o una carpeta a GetCompress .
2. Establece el ancho máximo o la altura máxima (por ejemplo, 1920 px para héroes de blog).
3. Elige el formato de salida si el CMS espera JPEG o WebP.
4. Previsualiza una captura de pantalla de la interfaz al nuevo ancho, luego exporta junto a los originales.
5. Guarda un preajuste como “blog 1920px” para poder reutilizarlo la próxima vez.

El procesamiento se mantiene en tu Mac. Para flujos de trabajo de carpetas en lote, consulta redimensionar imágenes en lote en Mac .

Método 2: Redimensionar en Vista Previa

Ideal para: Uno o unos pocos archivos con herramientas integradas.

1. Abre la imagen en Vista Previa.
2. Herramientas → Ajustar tamaño…
3. Establece Ancho o Alto en píxeles; deja Escala proporcionalmente marcado a menos que quieras recortar intencionadamente.
4. Archivo → Exportar… y elige JPEG, PNG o mantén el formato actual.
5. Guarda como un nuevo archivo y confirma las dimensiones en Herramientas → Mostrar inspector.

Haz zoom en el texto y las líneas finas después de redimensionar. Reducir una captura de pantalla por debajo de su ancho de visualización hace que el tipo sea ilegible.

Limitación: No hay preajustes guardados para decenas de archivos.

Método 3: Lote con sips

Ideal para: Bucles de Terminal en una carpeta de JPEG o PNG.

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

Ancho exacto (la altura escala):

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

Limitación: Las carpetas mixtas de PNG, JPEG y HEIC aún necesitan comandos separados o una aplicación dedicada. Las herramientas de redimensionamiento en línea suben tus activos; para maquetas no publicadas, mantén el procesamiento local. Consulta son seguros los compresores de archivos en línea .

Relación de aspecto y ampliación

Nunca amplíes un JPEG y vuelvas a comprimir esperando obtener detalles más nítidos. Añades artefactos sin recuperar información que nunca estuvo en el archivo.

Cuándo Vista Previa es suficiente

Vista Previa puede terminar un único activo cuando el nuevo ancho ya coincide con el diseño.

GetCompress también ayuda cuando el mismo ancho se repite en decenas de archivos, o cuando también conviertes el formato en el mismo paso. Documenta el ancho de píxeles elegido en el README del proyecto para que la siguiente persona no reintroduzca exportaciones de 4000 px. Para la entrega de WebP después del redimensionamiento, consulta PNG a WebP en Mac .