새로운 질서 위키

이미지 비율을 유지하며 크기 줄이기

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

기타 등등

  • 웹에서 object-fit: contain을 쓰면 비율을 유지하며 이미지 전체를 상자 안에 넣는다. 비율이 다른 상자에는 빈 자리가 남을 수 있다. 출처
  • object-fit: cover도 비율을 유지하지만 상자를 채우느라 이미지 일부가 잘릴 수 있다. 납작해지지 않았다는 것과 작품 전체가 보인다는 것은 다르다. 출처

#사소한기술

검색