이미지 크기 조절

왜 이미지 크기를 조절하나요?

알맞은 크기의 이미지는 더 빨리 로드되고, 어떤 화면에도 표시되지 않을 픽셀을 보내는 일을 막아줍니다. OptImg는 고품질 리샘플링 필터로 크기를 조절하고 같은 포맷으로 다시 인코딩합니다. 전부 기기에서 이루어지며, 업로드도 대기열도 없고, 파일은 기기가 감당하는 크기까지 처리합니다.

자주 묻는 질문

제 이미지가 서버에 업로드되나요?

브라우저 안에서 네이티브 속도로 처리됩니다. 업로드되는 것이 없어 이미지가 기기를 벗어나지 않으며, 크기나 파일 개수 제한도 없습니다.

크기를 조절하면 가로세로 비율이 유지되나요?

기본적으로 유지됩니다. 너비를 바꾸면 높이가 따라옵니다(반대도 마찬가지). 잠금을 풀면 너비와 높이를 각각 정확히 지정할 수 있습니다.

작은 이미지를 확대하나요?

요청할 때만 확대합니다. “작으면 확대하지 않음”이 기본으로 켜져 있어, 원본보다 큰 목표 크기를 지정해도 흐릿하게 확대하지 않고 이미지를 그대로 둡니다.

웹에 올릴 때 몇 픽셀로 줄이면 되나요?

이미지가 실제로 차지할 영역에 맞추고, 고해상도 화면을 감안해 여유를 두면 됩니다. 데스크톱 전체 폭을 채우는 대표 이미지는 보통 가로 1600~2000픽셀이면 충분하고, 본문 중간 이미지는 800~1200, 썸네일이나 프로필 사진은 200~400이면 됩니다. 표시되는 크기의 두 배를 넘는 부분은 아무도 보지 못하는 용량입니다. 판단이 어렵다면 레이아웃에서 그 이미지가 가질 수 있는 가장 큰 가로 폭을 기준으로 두 배를 잡으세요.

크기를 줄였는데 파일이 오히려 커졌어요.

대부분 원본이 손실 포맷인데 결과를 무손실 포맷으로 저장했기 때문입니다. JPG를 더 작은 크기의 PNG로 다시 저장하면 파일이 더 커질 수 있습니다. PNG는 모든 픽셀을 그대로 저장하는데, 여기에는 JPG에 이미 박혀 있던 압축 잡티까지 포함되기 때문입니다. 원본 포맷을 유지하거나 WebP로 변환하면 기대한 대로 크기에 비례해 용량이 줄어듭니다.

크기를 줄이면 화질이 떨어지나요?

작게 만드는 방향은 대체로 안전합니다. 디테일을 지어내지 않고 평균 내어 줄이므로, 같은 크기로 보면 원본보다 오히려 깔끔해 보이는 경우가 많습니다. 화질을 조금 쓰는 쪽은 그 뒤에 이어지는 재인코딩입니다. 손실 포맷은 다시 저장해야 하기 때문입니다. 손실이 큰 방향은 반대쪽, 즉 확대입니다. 애초에 담기지 않은 디테일은 복원할 수 없어서 실수로 확대되는 것을 막는 옵션이 기본으로 켜져 있습니다. 정말 크게 만들어야 한다면 픽셀을 늘여 붙이는 대신 디테일을 복원하는 업스케일 도구를 쓰세요.

원본 비율과 다른 가로·세로를 지정할 수 있나요?

가능합니다. 비율 잠금을 해제하면 두 값을 따로 넣을 수 있고, 지정한 상자에 정확히 맞도록 이미지가 늘어나거나 눌립니다. 텍스처나 배경에는 필요할 때가 있지만 사진에서는 대개 어색해 보입니다. 사진이라면 원하는 비율로 먼저 자른 뒤 크기를 조절하는 편이 결과가 좋습니다.

애니메이션 GIF도 크기를 조절할 수 있나요?

네. 모든 프레임이 동일하게 조절되고 프레임 지연과 반복 설정이 보존되므로, 새 크기에서도 애니메이션이 이전과 똑같이 재생됩니다.