이미지 크기 조정 도구(너비・높이 지정)

이미지를 업로드하고 너비와 높이를 픽셀(px) 또는 퍼센트(%)로 입력하면 손쉽게 크기를 조정할 수 있습니다. 종횡비를 고정한 채 비율에 맞게 확대・축소할 수 있으며, PNG・JPEG・WebP 형식으로 다운로드할 수 있습니다. 모든 처리는 브라우저 내에서 완료되며 이미지는 서버로 전송되지 않습니다.

이미지 리사이즈 도구란

이미지 리사이즈 도구는 올리신 이미지의 너비·높이를 픽셀(px)이나 퍼센트(%)로 지정해 바꾸고, 브라우저 안에서 끝맺어 내보내는 도구입니다. 가로세로 비를 고정한 채 확대·축소하실 수도 있고, 고정을 풀어 자유로운 비율로 바꾸실 수도 있습니다.

크기를 바꾼 이미지는 PNG·JPEG·WebP 가운데 한 형식으로 저장하실 수 있으며, JPEG·WebP를 고르시면 품질(압축률)도 조정하실 수 있습니다. 블로그의 대표 이미지를 규정된 크기에 맞추거나, 올리실 곳의 파일 크기 상한 안에 담으려는 쓰임에 알맞습니다. 이미지가 서버로 전송되는 일은 없습니다.

사용 방법

  1. 이미지를 고릅니다 드롭 영역에 이미지를 끌어다 놓으시거나, 클릭해 파일을 선택합니다.
  2. 단위를 고릅니다 px(픽셀) 지정인지 %(원본 이미지에 대한 비율) 지정인지를 전환합니다.
  3. 너비·높이를 입력합니다 원하시는 크기를 입력합니다. ‘가로세로 비 고정’이 켜져 있으면, 한쪽을 바꾸면 다른 쪽이 자동으로 따라옵니다.
  4. 출력 형식을 고릅니다 PNG·JPEG·WebP 가운데 고릅니다. JPEG·WebP는 품질 슬라이더로 압축률을 조정하실 수 있습니다.
  5. 내려받습니다 ‘리사이즈해 내려받기’를 누르시면, 지정하신 크기·형식으로 이미지가 저장됩니다.

더 잘 활용하기 위한 팁

  • 이미지를 확대하면 화질이 거칠어지기 쉬우므로 가능한 한 축소 방향으로 사용하는 것을 권장합니다.
  • JPEG・WebP는 손실 압축 방식이므로 품질 값을 낮출수록 파일 크기는 작아지지만 화질도 함께 저하됩니다. 로고나 스크린샷처럼 텍스트가 포함된 이미지는 PNG를 사용하는 것이 좋습니다.
  • “원본의 절반 크기로 만들고 싶다”와 같은 상대적인 크기 조정에는 퍼센트(%) 지정이 편리합니다.
  • 종횡비를 고정하지 않은 상태에서 너비・높이를 각각 입력하면 이미지가 의도적으로 늘어나거나 눌린 형태가 됩니다.
  • 여러 이미지를 같은 크기로 맞추고 싶다면 각 이미지에 동일한 너비・높이 값을 입력해 주세요.

활용 상황

블로그·SNS용 이미지 크기 조정

대표 이미지나 게시물의 권장 크기에 맞추어 너비·높이를 가지런히 하실 수 있습니다.

업로드처의 파일 크기 상한 대응

해상도를 줄여 파일 크기를 억제함으로써, 업로드 양식의 상한을 넘지 않도록 하실 수 있습니다.

썸네일 이미지의 작성

원본 이미지를 한결같이 작은 크기로 바꾸어, 목록 표시용 썸네일로 쓰실 수 있습니다.

메일 첨부용 경량화

고해상도 사진을 메일 첨부에 알맞은 크기로 줄여, 보내는 용량을 억제하실 수 있습니다.

용어집

가로세로 비(종횡비)
이미지의 너비와 높이의 비율을 말합니다. 예컨대 16:9나 4:3 등입니다. 고정한 채 확대·축소하면 이미지의 생김새를 지킨 채 크기만 바꿀 수 있습니다.
px(픽셀)
이미지를 이루는 가장 작은 단위의 칸을 말합니다. ‘너비 800px’은 가로 방향으로 800개의 픽셀이 늘어서 있음을 뜻합니다.
비가역 압축(손실 압축)
JPEG나 WebP처럼 화질을 다소 희생해 파일 크기를 줄이는 압축 방식입니다. 품질 값을 낮출수록 파일은 작아지지만 화질도 떨어집니다.
업스케일
원본 이미지보다 큰 크기로 확대하는 것입니다. 픽셀 정보를 보간해 늘리므로, 확대율이 클수록 화질의 거친 느낌이 두드러지기 쉽습니다.

자주 묻는 질문

아니요, 업로드되지 않습니다. 이미지 불러오기・크기 조정 처리・다운로드는 모두 사용자의 브라우저 내(클라이언트 사이드)에서 완료되며, 이미지 데이터가 외부 서버로 전송되는 일은 전혀 없습니다.

가능합니다. 다만 기존 픽셀 정보를 보간하여 새로운 픽셀을 만들어내는 방식이므로 확대 비율이 클수록 화질이 거칠어 보이기 쉽습니다. 가능하면 축소 방향으로 사용하는 것을 권장합니다.

“너비를 정확히 800px로 하고 싶다”처럼 정확한 크기가 정해져 있는 경우에는 px 지정을, “절반 크기로 하고 싶다”처럼 원본에 대한 상대적인 변화량으로 지정하고 싶은 경우에는 % 지정을 사용하면 편리합니다.

투명 배경이나 텍스트・도형이 선명해야 하는 이미지는 PNG를, 사진이며 파일 크기를 줄이고 싶은 경우에는 JPEG 또는 WebP를 추천합니다. WebP는 비슷한 화질에서 JPEG보다 압축률이 높은 경우가 많습니다.
툴군

여담 ― “픽셀”이라는 단어의 유래

“픽셀(pixel)”이라는 단어는 “picture(사진)”와 “element(요소)”를 합친 조어로, 1965년경 이미지 처리 연구 논문에서 처음 사용되기 시작했다고 합니다. 디지털 이미지는 색상 정보를 담은 작은 정사각형 격자들이 늘어선 형태로 표현되며, 이 한 칸이 바로 하나의 픽셀입니다.

이미지 크기를 조정한다는 것은 이 격자의 칸 수를 늘리거나 줄이는 처리입니다. 축소할 때는 여러 픽셀을 평균화하여 더 적은 픽셀로 합치고, 확대할 때는 주변 픽셀의 색상을 보간하여 새로운 픽셀을 만들어냅니다. 확대했을 때 화질이 거칠어 보이기 쉬운 이유는 존재하지 않는 정보를 추정으로 채우기 때문입니다.

웹사이트나 앱에서 사용되는 이미지 크기의 “관례”(대표 이미지는 1200×630px, SNS 아이콘은 정사각형 등)는 각 서비스의 화면 구성 방식에 따라 정해진 것입니다. 크기를 조정하기 전에 미리 권장 크기를 확인해 두면 게시 후 의도치 않게 잘리거나 화질이 저하되는 실수를 방지할 수 있습니다.