이미지 사이즈 조절

이미지 리사이즈란?

리사이즈는 이미지의 가로·세로 픽셀 크기를 변경하는 작업입니다. 예를 들어 4000×3000 크기의 큰 사진을 800×600으로 줄이면, 화면에 표시되는 크기도 작아지고 파일 용량 역시 대폭 감소합니다. 사용자가 원하는 정확한 픽셀 값을 직접 지정할 수도 있고, 가로세로 비율을 고정한 채 한쪽 길이만 입력해 맞출 수도 있습니다. 웹사이트, SNS, 제출 서류처럼 등록 크기가 명확하게 정해져 있을 때 가장 요긴하게 쓰이는 기본 기능입니다.

이럴 때 필요합니다

이미지를 보여줄 공간의 크기가 지정되어 있거나, 특정 규격에 맞춰야 할 때 리사이즈를 사용합니다.

• SNS 프로필 및 썸네일: 정사각형 등 각 플랫폼이 권장하는 픽셀 크기에 맞춰 깔끔하게 등록하고 싶을 때
• 블로그 및 온라인 쇼핑몰 본문: 레이아웃 가로폭에 이미지를 최적화하여 페이지 로딩을 빠르게 만들고 싶을 때
• 증명사진 및 공적 서류: '가로 413px' 등 명시된 규정 규격을 정확하게 적용해야 할 때
• 여러 이미지의 크기 통일: 갤러리나 상품 목록 화면을 정돈되고 일관성 있게 보여주고 싶을 때

가로세로 비율을 꼭 유지해야 하는 이유

가로와 세로 비율을 무작정 다르게 입력하면 사진이 길쭉해지거나 넙데데해져서 인물나 사물이 어색하게 왜곡됩니다. 따라서 특별한 이유가 없다면 '비율 유지' 옵션을 켜둔 뒤 한쪽 값만 수정하여 반대쪽 값이 자동으로 계산되도록 하는 것이 좋습니다. 만약 특정 비율(예: 1:1 정사각형)로 강제 조정해야 한다면, 원본 사진을 해당 비율에 맞게 크롭(자르기)한 다음 리사이즈를 해야 찌그러짐을 예방할 수 있습니다.

작은 이미지를 크게 늘리면 선명해진다는 오해

종종 작은 크기의 이미지를 리사이즈로 늘리면 더 뚜렷하게 보일 것으로 생각하기도 하지만, 실제 결과는 정반대입니다. 리사이즈 기술은 촬영 당시 존재하지 않았던 세밀한 시각 정보를 무에서 유로 창조하지 못합니다. 이미 해상도가 낮은 파일을 억지로 키우면 기존 픽셀들이 억지로 잡아 늘어나면서 화면이 뿌옇게 흐려지거나 경계선이 계단 모양으로 깨집니다. 고해상도 이미지가 필요하다면 처음부터 충분히 큰 고화질 원본을 준비해야 합니다.

가로를 절반으로 줄이면 용량은 얼마나 줄까 — 실측

직관적으로는 '가로를 절반으로 줄이면 용량도 절반'일 것 같지만 실제로는 훨씬 많이 줄어듭니다. 같은 사진을 가로 비율만 바꿔가며 JPG 품질 80으로 저장하고 실제 바이트를 재봤습니다.

먼저 가로를 절반으로 줄이면 세로도 함께 절반이 되므로 픽셀 수는 절반이 아니라 25%, 즉 4분의 1이 됩니다. 그런데 실제 용량은 그보다도 더 줄어 12%까지 떨어졌습니다. 축소 과정에서 인접한 픽셀들이 평균값으로 합쳐지며 미세한 노이즈와 잔디테일이 사라지는데, 바로 그 부분이 JPG가 저장하기 가장 어려워하는 정보이기 때문입니다.

그래서 용량을 줄여야 할 때 품질을 먼저 깎는 것은 순서가 뒤바뀐 접근일 때가 많습니다. 실제로 필요한 표시 크기보다 이미지가 크다면, 품질을 건드리기 전에 리사이즈부터 하는 편이 훨씬 유리합니다. 화면에서 800px 폭으로 보여줄 이미지를 1600px 원본 그대로 올리면서 품질만 낮추면, 화질은 눈에 띄게 나빠지는데 용량은 리사이즈만큼 줄지 않습니다.

리사이즈와 압축은 목적이 다른 손잡이입니다. 리사이즈는 '화면에서 어느 크기로 보일지'를, 압축은 '같은 크기에서 몇 바이트를 쓸지'를 정합니다. 표시 크기에 맞춰 리사이즈를 먼저 하고, 그래도 용량이 남으면 압축을 더하는 순서를 권합니다.

용도별 알맞은 이미지 크기 팁

• 프로필 사진: 정사각형(예: 400×400px)으로 먼저 영역을 자른 후 맞춰야 가장자리가 잘려 나가지 않습니다.
• 블로그 본문 이미지: 콘텐츠가 표시되는 폭(일반적으로 가로 800~1200px) 수준이면 충분히 고화질로 보입니다.
• 쇼핑몰 상품 썸네일: 상품 목록 그리드 크기에 맞춰 여러 장의 규격을 동일하게 일괄 조정합니다.
• 인쇄 및 출력물: 종이에 선명하게 인쇄하려면 화면 표시용보다 훨씬 많은 픽셀이 필요하므로 리사이즈로 크기를 많이 줄여서는 안 됩니다.