[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"blog-ko-image-dimensions-file-size-quality-explained":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":16,"readingTime":17,"html":18,"recommendedTools":19,"faqs":26},"image-dimensions-file-size-quality-explained","ko","이미지 크기·용량·선명도의 차이","픽셀 크기, 파일 용량, 선명도의 차이와 크기 변경·압축·자르기·표시 크기를 비교하고 요구에 맞는 이미지 처리 순서를 설명합니다.","2026-09-09","DocCrunch Team",[11,12,13,14],"이미지 픽셀 크기","이미지 파일 용량","이미지 선명도","크기 변경과 압축",[11,12,13,14],"이미지 크기, 파일 용량, 선명도: 혼동하기 쉬운 세 가지 개념",5,"\u003Cp>“이미지를 줄인다”는 말은 픽셀 수를 줄이거나, 파일 용량을 낮추거나, 페이지에서 차지하는 면적을 작게 한다는 뜻일 수 있습니다.\u003C\u002Fp>\n\u003Cp>이 작업들은 관련이 있지만 서로 대체할 수는 없습니다. 압축한 이미지도 플랫폼의 너비와 높이 제한을 넘을 수 있습니다. 화면에 작게 보이는 이미지가 다운로드할 때는 몇 MB를 차지할 수도 있습니다. 품질 설정을 반복해서 바꾸기 전에 요구 사항을 구분하는 편이 효율적입니다.\u003C\u002Fp>\n\u003Ch2>픽셀 크기는 이미지에 포함된 픽셀 수를 나타냄\u003C\u002Fh2>\n\u003Cp>보통 너비 × 높이로 표시합니다. 3000×2000픽셀이라면 가로 3,000개, 세로 2,000개로 전체 약 600만 픽셀입니다.\u003C\u002Fp>\n\u003Cp>비율을 유지해 1500×1000으로 줄이면 너비와 높이는 각각 절반, 전체 픽셀 수는 4분의 1이 됩니다.\u003C\u002Fp>\n\u003Cp>파일 용량도 반드시 4분의 1이 되는 것은 아닙니다. 형식, 인코딩 품질, 이미지 내용, 부가 정보도 영향을 줍니다. 단순한 삽화와 질감이 복잡한 사진은 픽셀 크기가 같아도 용량이 크게 다를 수 있습니다.\u003C\u002Fp>\n\u003Cp>너비와 높이를 조절하려면 \u003Ca href=\"\u002Fko\u002Fimage-resize\u002F\">이미지 크기 변경\u003C\u002Fa>을 사용합니다. 픽셀 크기를 바꾸는 도구이며 특정 KB나 MB 아래로 줄어든다는 보장은 아닙니다.\u003C\u002Fp>\n\u003Ch2>파일 용량은 저장과 전송에 필요한 데이터양\u003C\u002Fh2>\n\u003Cp>KB나 MB로 나타내는 파일 용량은 이미지를 저장하는 데 필요한 데이터양입니다.\u003C\u002Fp>\n\u003Cp>픽셀 크기가 같은 두 이미지도 용량은 다를 수 있습니다. 같은 이미지의 너비와 높이를 유지하면서 재인코딩만 해도 용량이 줄어들 수 있습니다. 압축과 크기 변경은 서로 다른 문제를 해결합니다.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>작업\u003C\u002Fth>\n\u003Cth>주로 바뀌는 것\u003C\u002Fth>\n\u003Cth>적합한 목적\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>크기 변경\u003C\u002Ftd>\n\u003Ctd>픽셀 너비와 높이\u003C\u002Ftd>\n\u003Ctd>요구 크기를 넘거나 실제 필요한 것보다 픽셀이 많을 때\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>압축\u003C\u002Ftd>\n\u003Ctd>인코딩, 품질 또는 색 수\u003C\u002Ftd>\n\u003Ctd>크기는 맞지만 파일 용량이 클 때\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>자르기\u003C\u002Ftd>\n\u003Ctd>남기는 화면 범위와 종횡비\u003C\u002Ftd>\n\u003Ctd>비율이나 구도를 조정할 때\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>표시 크기 변경\u003C\u002Ftd>\n\u003Ctd>페이지나 문서에서 차지하는 공간\u003C\u002Ftd>\n\u003Ctd>레이아웃 조정. 원본 파일은 바뀌지 않을 수 있음\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>\u003Ca href=\"\u002Fko\u002Fimage-compress\u002F\">DocCrunch 이미지 압축\u003C\u002Fa>은 원래 픽셀 크기를 유지하며 재인코딩 등의 방법으로 용량을 줄입니다. 크기는 맞지만 파일이 큰 경우에 적합합니다.\u003C\u002Fp>\n\u003Cp>이미 압축한 파일은 더 줄일 여지가 적을 수 있습니다. 품질을 계속 낮추는 대신 픽셀 크기가 실제 용도보다 지나치게 큰지도 확인할 수 있습니다.\u003C\u002Fp>\n\u003Ch2>픽셀 수만으로 선명도를 판단할 수 없음\u003C\u002Fh2>\n\u003Cp>픽셀이 많으면 정보를 기록할 자리가 늘어납니다. 하지만 그 자리에 선명하고 유용한 디테일이 들어 있다는 보장은 없습니다.\u003C\u002Fp>\n\u003Cp>초점이 맞지 않은 고해상도 사진보다 작아도 정확히 초점을 맞춘 사진이 더 또렷할 수 있습니다. 흔들림, 노이즈, 압축 손상도 너비와 높이 수치가 크다고 사라지지 않습니다.\u003C\u002Fp>\n\u003Cp>최종 용도를 기준으로 확인합니다.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>실제 표시 크기에서 피사체와 글자를 알아보기 쉬운가?\u003C\u002Fli>\n\u003Cli>100%로 보면 가장자리에 흐림이나 압축 블록이 나타나는가?\u003C\u002Fli>\n\u003Cli>작은 글씨, 가는 선, 질감에 필요한 디테일이 남아 있는가?\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>100% 보기는 문제를 찾는 데 유용하지만 일반적인 사용에서 보이지 않는 차이를 위해 용량을 계속 늘릴 필요는 없습니다. 반대로 글자를 읽어야 한다면 작은 미리보기가 괜찮다는 이유만으로 판단해서도 안 됩니다.\u003C\u002Fp>\n\u003Ch2>비율이 맞지 않을 때는 자를까, 크기를 바꿀까?\u003C\u002Fh2>\n\u003Cp>종횡비는 이미지의 형태를 나타냅니다. 3000×2000과 1500×1000은 모두 3:2이며 비례해서 크기를 바꾸면 이 비율이 유지됩니다.\u003C\u002Fp>\n\u003Cp>정사각형이 필요하다고 3:2 이미지의 너비와 높이를 같은 값으로 강제하면 물체의 모양이 변합니다. 원이 타원이 되고 인물이나 제품이 눌리거나 늘어날 수 있습니다.\u003C\u002Fp>\n\u003Cp>일반적으로 두 가지 방법이 있습니다.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>일부 화면을 버려도 된다면 목표 비율로 자릅니다.\u003C\u002Fstrong> \u003Ca href=\"\u002Fko\u002Fimage-crop\u002F\">이미지 자르기\u003C\u002Fa>에서 남길 영역을 고른 뒤 필요한 픽셀 크기로 조절합니다. 플랫폼의 자동 자르기에 맡기는 대신 제거할 내용을 직접 정할 수 있습니다.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>전체 화면을 유지해야 한다면 여백을 추가합니다.\u003C\u002Fstrong> 원래 비율을 유지한 이미지를 목표 크기의 캔버스에 배치하고 남는 공간을 여백으로 채웁니다. 캔버스나 레이아웃을 지원하는 편집 도구가 필요하며 너비와 높이를 강제로 바꾸는 것만으로는 되지 않습니다.\u003C\u002Fp>\n\u003Cp>선택은 목표 수치뿐 아니라 내용을 잘라 내도 되는지에 달려 있습니다.\u003C\u002Fp>\n\u003Ch2>페이지에서 작아 보여도 파일은 클 수 있음\u003C\u002Fh2>\n\u003Cp>웹페이지나 문서는 큰 원본을 작은 영역에 표시할 수 있습니다. 표시 너비가 줄었다고 원본이 재인코딩되거나 픽셀 수가 줄었다는 뜻은 아닙니다.\u003C\u002Fp>\n\u003Cp>업로드 전에는 편집기에서 차지하는 공간 대신 실제 출력 파일의 속성을 확인해야 합니다.\u003C\u002Fp>\n\u003Cp>웹 이미지에는 화면별 요구도 있습니다. 원본의 픽셀 너비와 표시 너비가 항상 일대일로 대응하지 않으며 고밀도 화면에는 더 큰 이미지가 유리할 수 있습니다. 가장 큰 원본 하나를 모든 위치에 쓰기보다 표시 위치에 맞는 버전을 제공하는 편이 합리적입니다.\u003C\u002Fp>\n\u003Ch2>결과를 확인하기 쉬운 처리 순서\u003C\u002Fh2>\n\u003Cp>비율, 픽셀 크기, 용량에 모두 조건이 있다면 다음 순서로 진행합니다.\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>요구를 확인합니다.\u003C\u002Fstrong> 허용 형식, 목표 비율, 픽셀 너비와 높이, 용량 상한을 따로 기록합니다.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>구도를 정합니다.\u003C\u002Fstrong> 자르기가 필요하면 남길 영역부터 고릅니다.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>크기를 조절합니다.\u003C\u002Fstrong> 왜곡 없이 최종 너비와 높이를 설정합니다.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>용량을 맞춥니다.\u003C\u002Fstrong> 여전히 크면 압축 품질이나 형식을 조정합니다.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>출력 파일을 확인합니다.\u003C\u002Fstrong> 실제 크기와 용량, 글자, 가장자리, 투명 배경을 검사합니다.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>모든 이미지에 모든 단계가 필요한 것은 아닙니다. 비율과 크기가 맞으면 바로 압축하고, 구도만 바꾼다면 품질을 낮출 필요가 없습니다.\u003C\u002Fp>\n\u003Cp>원본을 보관하고 가능한 한 원본에서 용도별 사본을 만듭니다. 목표는 모든 수치를 작게 만드는 것이 아니라 필요한 정보를 유지하면서 전달 조건을 맞추는 것입니다.\u003C\u002Fp>\n",[20,22,24],{"slug":21},"image-resize",{"slug":23},"image-compress",{"slug":25},"image-crop",[],1789443224848]