이미지 리사이저

이미지 크기 변경은 픽셀 단위의 가로세로 치수를 바꾸는 작업입니다. 새 크기를 지정하는 방법은 네 가지입니다. 가로와 세로를 픽셀로 정확히 입력하거나, 원본 대비 백분율로 확대·축소하거나, 특정 플랫폼에 맞춘 프리셋을 고르거나, 16:9나 1:1 같은 화면비를 지정하는 방식입니다. 다시 그리는 처리는 HTML5 Canvas가 담당하며, 결과물은 JPEG·PNG·WebP 중 하나로 다시 인코딩되어 용도에 맞는 파일로 내려받을 수 있습니다.

백분율 모드는 단순히 더 가벼운 사본이 필요할 때 알맞습니다. 4000px 사진을 40%로 줄이면 수 메가바이트를 짊어지지 않고도 메일에 첨부하거나 게시하기에 충분합니다. 픽셀 모드는 가로를 정확히 1200으로 맞춰야 하는 헤더처럼 엄격한 요건에 적합합니다. 프리셋은 프로필 사진, 썸네일, 커버 이미지처럼 플랫폼이 수시로 바꾸는 치수를 담고 있어 일일이 외울 필요가 없습니다. 화면비 모드는 16:9로 다듬거나 1:1 정사각형으로 만들 때 유용합니다.

예를 들어 양식이 세로 1080px까지만 허용하는데 손에는 3024×4032 휴대폰 사진이 있다고 해봅시다. 픽셀 모드로 바꾸고 가로세로 비율 고정에 체크한 채 세로에 1080을 넣으면 가로가 자동으로 810으로 채워져 어디도 늘어나지 않습니다. WebP를 고르고 품질을 80% 안팎으로 맞춘 뒤 크기 변경을 실행하면 내려받기 전에 새 치수, 줄어든 파일 크기, 확보한 압축률이 표시됩니다.

가로세로 비율 고정은 얼굴이 뭉개지거나 로고가 일그러지는 것을 막아 주는 스위치입니다. 원본을 무시하고 형태를 고정하고 싶을 때만 일부러 꺼 두세요. 원본 해상도를 넘겨 키워도 애초에 담기지 않은 디테일은 되살아나지 않으므로, 작은 이미지를 확대하면 흐릿해 보이고 축소야말로 이 도구가 잘하는 영역입니다. 품질 슬라이더는 주로 JPEG와 WebP에 작용해 파일 크기와 눈에 띄는 손상(아티팩트) 사이를 조절하며, PNG는 무손실을 유지해 스크린샷, 로고, 경계가 또렷하거나 투명도가 있는 이미지에 알맞습니다.