1. 원본을 복제해 macOS 미리보기로 열고 ‘도구 → 크기 조절’에서 픽셀 단위를 고른다.
2. ‘비율 유지’와 ‘이미지 리샘플’을 켜고 가로에 더 작은 값을 입력한다. [[이미지 비율 유지 확인하기|세로가 함께 바뀌는지 확인한다]].
3. 저장한 뒤 [[이미지 픽셀 크기 확인하기]]로 결과를 읽는다.
4. 픽셀 수를 줄이면 세부 정보를 일부 잃으므로 원본과 [[웹용 이미지의 별도 사본]]을 나눈다. 여러 파일을 같은 규칙으로 다루려면 [[이미지매직]]을 살펴보자.

- [애플의 이미지 크기 조절 안내](https://support.apple.com/guide/preview/crop-resize-or-rotate-an-image-prvw2015/mac)

## 기타 등등

- 웹에서 `object-fit: contain`을 쓰면 비율을 유지하며 이미지 전체를 상자 안에 넣는다. 비율이 다른 상자에는 빈 자리가 남을 수 있다. [출처](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/object-fit)
- `object-fit: cover`도 비율을 유지하지만 상자를 채우느라 이미지 일부가 잘릴 수 있다. 납작해지지 않았다는 것과 작품 전체가 보인다는 것은 다르다. [출처](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/object-fit)

#사소한기술