리사이즈 vs 크롭: 차이를 알아
둘 다 이미지를 작게 만들어. 완전히 다른 일을 해.
"이 이미지 작게 만들어"는 두 가지 다른 의미일 수 있어.
리사이즈: 치수를 바꿔. 1000x1000 이미지가 500x500이 돼.
크롭: 일부를 잘라내. 1000x1000 이미지가 콘텐츠 절반을 제거해서 500x500이 돼.
혼동하면 이미지를 망쳐.
리사이즈할 때
전체 이미지를 다른 치수로 필요해.
- 완전한 이미지를 보여주는 썸네일
- 다른 화면 크기를 위한 반응형 이미지
- 모든 게 보이는 상태로 파일 크기 줄이기
리사이징은 비례적으로 스케일해 (강제하지 않으면). 50%의 1600x900 이미지가 800x450이 돼. 같은 콘텐츠, 작은 픽셀.
크롭할 때
전체 해상도의 이미지 일부가 필요해.
- 단체 사진에서 헤드샷
- 산만한 배경 제거
- 특정 종횡비에 맞추기
크로핑은 콘텐츠를 제거해. 중앙 800x450으로 크롭된 1600x900 이미지는 가장자리를 완전히 버려.
종횡비 문제
이미지가 16:9야. 프로필 사진을 위해 1:1이 필요해.
옵션 1: 크롭. 양쪽을 자르고 가운데를 유지. 콘텐츠를 잃어.
옵션 2: 리사이즈하고 레터박스. 맞게 스케일하고 빈 공간 추가. 모든 걸 유지하지만 패딩을 추가해.
옵션 3: 크롭 후 리사이즈. 1:1로 자르고, 타겟 크기로 스케일. 가장 흔한 접근.
리사이즈만으로도 크롭만으로도 종횡비 불일치를 우아하게 해결 못 해.
압축은 또 달라
리사이즈랑 크롭은 치수를 바꿔. 압축은 치수를 바꾸지 않고 파일 크기를 줄여.
1000x1000 이미지는:
- 압축 안 됨 5MB
- 85% JPEG 품질 200KB
- 60% 품질 50KB
같은 치수, 극적으로 다른 파일 크기.
흔한 실수
종횡비를 유지하지 않고 리사이즈. 이미지가 늘어나거나 찌그러져. 특별히 왜곡이 필요하지 않으면 항상 비율 잠궈.
크롭하고 콘텐츠가 어디 갔는지 궁금해해. 크롭은 콘텐츠를 제거해. 모든 게 보여야 하면 대신 리사이즈해.
너무 많이 업스케일. 작은 이미지를 크게 만들면 흐려져. 없던 디테일을 추가할 수 없어. 2배 업스케일이 보통 품질이 눈에 띄게 저하되기 전 한계야.
DPI 고려 안 함. 웹 이미지는 보통 72 DPI 써. 인쇄는 300 DPI가 필요해. 같은 픽셀 치수가 각 맥락에서 다르게 보여.
실전 워크플로
- 가장 높은 해상도 소스로 시작
- 적절한 종횡비랑 콘텐츠 영역으로 크롭
- 타겟 치수로 리사이즈
- 허용 가능한 파일 크기로 압축
순서가 중요해. 먼저 크롭, 두 번째 리사이즈. 크롭 전 리사이징은 불필요하게 해상도를 잃어.
스케일링엔 리사이즈. 콘텐츠 선택엔 크롭. 파일 크기엔 압축. 각 도구가 다른 문제를 해결해—올바른 걸 써.