이미지 크기 조절

무엇을 하나

크기 조절은 이미지가 몇 개의 픽셀로 이루어졌는지를 바꾸는 일입니다. 줄이면 정보를 버리게 되는데, 4000픽셀 사진을 800으로 보여 주는 페이지에 올릴 때는 그것이 바로 원하는 동작입니다. 키우면 무엇도 생겨나지 않습니다. 같은 세부가 더 많은 픽셀에 퍼질 뿐이고, 그래서 확대한 사진은 흐릿해 보입니다. 정말로 지킬 가치가 있는 것은 비율입니다. 틀에 맞추려고 눌린 이미지는 누가 이유를 설명하기 훨씬 전에 이미 어색해 보입니다. 그래서 이 페이지의 기본값은 틀 안에 맞추기입니다.

사용 방법

1. 기기에서 이미지를 고릅니다. 브라우저 안에서 읽히며 그 밖으로 나가지 않습니다.
2. 가로나 세로를 입력하거나, 자주 쓰는 크기를 고르거나, 백분율로 조절합니다.
3. 양쪽을 비교하고 결과를 내려받습니다.

자주 묻는 질문

가로만 입력했는데 왜 세로가 바뀌었나요?
기본적으로 비율을 유지하기 때문입니다. 세로의 두 배로 넓은 이미지는 그대로 남으므로 눌린 채 나오는 일이 없습니다. 두 숫자를 꼭 정확히 지정해야 한다면 정확한 치수로 바꾸세요. 원래 형태와 맞지 않으면 찌그러집니다.

작은 이미지를 크게 만들 수 있나요?
가능하고 이 페이지도 해 주지만, 무엇을 얻게 되는지도 함께 알려 드립니다. 확대는 기존 픽셀을 더 넓은 면적에 퍼뜨리는 일입니다. 촬영되지 않은 세부는 돌아오지 않으므로 결과는 원본보다 부드럽게 보입니다. 그 반대를 약속하는 도구는 빠진 픽셀을 추측하고 있을 뿐입니다.

여기 품질이 다른 곳보다 나은가요?
크게 줄일 때는 대체로 그렇습니다. 한 번에 줄이지 않고 단계적으로 줄이기 때문입니다. 4000px에서 곧장 400px로 가면 원본 픽셀을 너무 적게 표본화해 가장자리가 딱딱하고 거칠어집니다. 절반씩 반복해 줄이면 그때마다 평균이 취해집니다. 머리카락이나 글자 같은 가는 세부에서 차이가 드러납니다.

제 이미지가 어딘가로 업로드되나요?
아니요. 파일은 브라우저가 읽고, 캔버스에 다시 그린 뒤 그 자리에서 다시 부호화합니다. 업로드도 저장도 없으며, 페이지를 불러온 뒤에는 네트워크를 꺼도 계속 동작합니다.

어느 정도 크기를 목표로 해야 하나요?
이미지가 표시될 곳에 맞추세요. 페이지 전체 폭을 차지하는 사진도 가로 1600픽셀을 넘을 일은 드물고, 썸네일이라면 수백이면 충분합니다. 400으로 보여 주는 페이지에 4000픽셀 사진을 보내는 것은 방문자의 데이터를 낭비하고 아무 이득 없이 페이지를 느리게 만듭니다.

Wikipedia — Image scaling
Wikipedia — Aspect ratio
Wikipedia — Image resolution