이미지 크기 조절: 픽셀, 가로세로 비율, DPI

픽셀, 가로세로 크기, 파일 크기

디지털 이미지는 픽셀이 격자 모양으로 늘어선 것입니다. 4000 × 3000 같은 크기는 가로와 세로의 픽셀 수를 나타내며, 둘을 곱하면 전체 픽셀 수가 나옵니다. 이 예에서는 1,200만 픽셀(12메가픽셀)입니다. 크기 조절은 이 격자를 새 격자로 바꾸고 새 픽셀 하나하나를 기존 픽셀로부터 계산하는데, 이를 리샘플링이라고 합니다.

픽셀 수는 변 길이의 제곱에 비례해 늘어납니다. 너비와 높이를 절반으로 줄이면 픽셀은 4분의 1만 남습니다. 그래서 형식, 품질 설정, 세밀한 디테일의 양도 영향을 주기는 하지만, 가로세로 크기를 줄이는 것이 파일을 가장 크게 줄이는 경우가 많습니다. 프로그램은 이미지를 표시하거나 편집할 때 압축되지 않은 픽셀로 디코딩하며, 보통 픽셀당 4바이트를 씁니다. 그래서 파일이 아무리 작아도 1,200만 픽셀 사진에는 약 48MB의 메모리가 필요합니다.

가로세로 비율을 유지하거나 먼저 자르기

가로세로 비율은 너비와 높이의 관계입니다. 4000 × 3000은 4:3이고 1920 × 1080은 16:9입니다. 비율을 유지하면 한 변만 정하면 나머지 변이 따라오므로, 4000 × 3000 사진을 너비 1,200픽셀로 조절하면 1200 × 900이 됩니다. 두 변을 자유롭게 정하면 비율이 다른 이미지는 늘어나거나 찌그러져 원이 타원으로 바뀝니다.

모양이 다른 정확한 크기를 왜곡 없이 얻으려면 먼저 목표 가로세로 비율로 자른 다음 크기를 조절하세요. 세로 사진과 가로 사진이 섞여 있을 때 너비를 고정하면 세로 이미지는 길쭉해집니다. 3000 × 4000 사진을 너비 1,200픽셀로 맞추면 1200 × 1600이 됩니다.

이미지 축소와 확대

이미지를 줄일 때는 새 픽셀 하나가 원본 픽셀 여러 개를 요약해야 합니다. 가까운 픽셀 몇 개만 샘플링하는 빠른 방식은 크게 축소할 때 디테일을 건너뛰며, 이는 옷감, 가는 선, 글자에서 들쭉날쭉한 가장자리와 아른거리는 무늬(앨리어싱 또는 모아레)로 나타납니다. 더 나은 리샘플링은 더 많은 원본 픽셀을 반영합니다. LeedyBox 크기 조절 도구는 절반씩 여러 단계에 걸쳐 줄이고 단계마다 이웃 픽셀의 평균을 내므로, 브라우저의 크기 조절 기능으로도 더 매끄러운 결과를 얻을 수 있습니다. 그래도 크게 축소한 이미지는 약간 흐릿해 보일 수 있으며, LeedyBox는 선명화(샤프닝)를 적용하지 않습니다.

확대할 때는 새 픽셀을 이웃 픽셀로부터 추정하므로 가장자리가 흐려지거나 계단처럼 보이고, 새로운 디테일은 생기지 않습니다. 전문 업스케일링 소프트웨어는 그럴듯해 보이는 디테일을 더할 수 있지만, 이는 복원된 것이 아니라 생성된 것입니다. 더 큰 이미지가 필요하다면 가능한 한 더 큰 원본을 사용하세요.

DPI, PPI와 인쇄 크기

DPI(dots per inch), 더 정확히는 PPI(pixels per inch)는 일부 이미지 파일에 저장되는 숫자입니다. 이 값은 인쇄·레이아웃 소프트웨어에 픽셀을 얼마나 크게 인쇄할지 알려 줄 뿐, 픽셀 자체를 바꾸지는 않습니다. 인쇄 크기(인치) = 픽셀 ÷ PPI(센티미터로 바꾸려면 2.54를 곱합니다).

DPI 값만 바꾸면 인쇄 크기는 달라지지만 픽셀은 그대로이므로 화면에서는 똑같아 보입니다. 선명하게 인쇄하려면 픽셀이 충분해야 합니다. 6 × 4인치 사진을 300 PPI로 인쇄하려면 1800 × 1200픽셀이 필요합니다. 가까이에서 보는 사진에는 300 PPI 안팎이 흔히 권장되며, 멀리서 보는 큰 인쇄물은 그보다 낮아도 됩니다. LeedyBox는 원본의 DPI 값을 유지하지 않으므로 인쇄할 때 인쇄 크기를 지정하세요.

웹 페이지와 화면에 맞는 크기 고르기

웹 페이지에서 중요한 것은 이미지가 표시되는 너비입니다. 레이아웃은 CSS 픽셀 단위로 측정하며, 고밀도 화면은 가로와 세로 방향 각각 CSS 픽셀 하나에 기기 픽셀을 두 개 이상 사용합니다. 따라서 너비 600 CSS 픽셀로 표시되는 이미지가 "2×" 디스플레이에서 완전히 선명하게 보이려면 약 1,200픽셀이 필요하고, 같은 자리에 4,000픽셀짜리 사진을 쓰면 대역폭과 메모리가 낭비됩니다.

브라우저 개발자 도구 등으로 레이아웃에서 이미지가 표시되는 가장 큰 너비를 측정하세요. srcset과 sizes 속성을 쓰면 같은 그림을 600, 1200, 1800픽셀처럼 여러 너비로 제공할 수 있고, 브라우저가 화면에 맞는 것을 내려받습니다. 업로드 양식, 쇼핑몰, 소셜 네트워크에서 특정 크기를 요구한다면 해당 서비스의 최신 안내를 확인하세요. 이런 요구 사항은 서비스마다 다르고 바뀌기도 합니다.

형식 선택과 LeedyBox로 여러 이미지 크기 조절하기

크기를 조절한 뒤에는 내용에 따라 형식을 고르세요. 사진은 보통 JPG나 WebP일 때 가장 작습니다. 스크린샷, 로고, 투명한 부분이 있는 이미지에는 PNG나, 투명도를 지원하는 WebP가 알맞습니다. JPG는 투명도를 저장할 수 없어 투명한 영역이 흰색이 되며, PNG로 저장한 사진은 원본 JPG보다 커질 수 있습니다. 자세한 내용은 JPG vs PNG vs WebP vs AVIF를 참고하세요.

LeedyBox 이미지 크기 조절 도구는 여러 이미지를 업로드하지 않고 브라우저에서 한 번에 조절합니다.

• 픽셀 또는 퍼센트(1~400%)를 선택합니다. "가로세로 비율 유지"를 켜 두면 각 이미지가 자신의 비율을 유지합니다.
• 목표보다 작은 이미지는 해당 옵션을 끄지 않는 한 확대되지 않습니다.
• "원본과 같은 형식"을 선택하면 JPG, PNG, WebP는 같은 형식으로 저장하고 GIF, BMP, AVIF는 PNG로 저장합니다. JPG와 WebP는 따로 바꾸지 않으면 품질 90을 사용합니다.
• 카메라 방향 정보가 적용되고, 메타데이터는 복사되지 않으며, 결과가 둘 이상이면 ZIP 파일로 내려받을 수 있습니다.

파일을 더 작게 만들려면 이미지 압축 도구를 사용하고 이미지 압축 설정 알아보기를 읽어 보세요.

자주 묻는 질문