블로그 사진 크기 얼마? 인간 시력 한계와 디스플레이 PPI 계산으로 결정!

의문: 블로그의 사진 크기는 얼마가 적당함?

블로그 운영에 관심이 있다면 고품질 이미지를 사용하여 전문성이 돋보이게 하라는 이야기를 자주 들리는데, SEO 관련 글에서 약속처럼 나오는 표현이에요.

하지만 대부분의 경우 바로 그 고품질 이미지라는 것이 구체적으로 무엇인지는 잘 안 나오는 편이죠.

그래서 얼마가 필요한지 직접 계산해 봤어요. 결론부터 말하면 대략 1200px 근처더라고요.

* 이 글은 고품질 이미지의 요소 중 하나인 화질, 즉 '고화질'의 기준이 무엇인가에 대해 생각해 보는 내용이으로, 전문 기관의 통계나 깊은 수준의 연구가 아니라 가벼운 분석이니까 참고자료 정도로만 삼으셔요.

* 모든 용어와 기준은 전문적이고 엄밀하지 않으며 일반적인 상식과 이해를 기준으로 하고 있어요. 말 그대로 블로그를 운영하기 위한 참고자료이기 때문이에요. 예를 들어 '해상도'라는 단어는 ppi, dpi, resolution 등을 특별히 구분하지 않았으니 때문에 문맥에 따라 적당히 판단하셔요.

* 나중에 다시 보기 위한 기록이라 본문은 짧게 말하니 양해 부탁드려요.

전제 조건: 고화질이란 무엇인가?

  1. 『고화질』 이미지의 요소는 대비, 선명도, 크기 등 다양한 요소가 있음.
  2. 그 중 가장 쉽게 정량적으로 비교할 수 있는 것은 크기, 즉 size 및 그와 연결되는 해상도임.
  3. 사진을 보고 선명하다고 느끼는 크기는 디스플레이 크기와 시청 거리, 그리고 보는 사람의 시력(분해능)에 달려 있음.
  4. 디스플레이의 경우 크게 모바일, 태블릿, PC의 세 가지로 나눌 수 있음.
  5. 시청 거리는 표준이라고 할만한 기준을 찾지 못함.
    • 그래서 경험치 + 줄자를 이용해서 대략적으로 측정한 값을 기준으로 삼음.
  6. 시력의 경우 개인별 차이가 너무 커서 1.0을 기준으로 함.
    • 시력을 1.5 정도로 가정하겠다면, 최종 결과에서 1.5를 곱하면 대략적인 값 나옴.

인간의 시력과 각도 분해능

각도 분해능 또는 각도 해상도는 시야에 들어오는 각도 1°를 몇 개로 쪼개어 구분할 수 있는지 말하는 것임.

사람의 시력

  • 사람의 눈은 일반적으로 시야각 1도에 50~60개의 점을 구분할 수 있음.
    • 대략적으로 최대 1분각을 구분가능. 이 수치, 60dot / degree가 시력 1.0을 정하는 기준이 됨.
    • 이 기준에 따르면 최대 각도 분해능은 0.0167°가량이 됨.
    • 인간의 생물학적 최대 시력은 2.5로 간주됨. 1도의 시야각에서 약 150개의 점을 구분할 수 있는 능력임.
  • 다른 방식: 시력 1.0의 경우 6미터 거리에서 1.75mm 떨어진 두 물체의 "윤곽"을 구분할 수 있음.
    • 시력 2.0이면 같은 것을 두배 거리인 12m에서 구분할 수 있다는 뜻임.

참고: 시력(wiki-en), 8k 4k 구분 가능?(서울신문)

구분 한계

이 말은 대략적으로 시력이 0.5라면 시야각 1°에 30개의 점 까지만 구분이 가능하고 반대로 시력이 1.5라면 1°당 90개의 점을 구분할 수 있다는 뜻임. 시력이 0.1이라면 1°당 10개의 점이 구분 한계인 셈임.

사람의 총 시야각이 거의 180°에 가까움. 또한 집중에 따라서도 달라지기 때문에 모든 상황에 다 적용할 수는 없음. 중심부와 주변부의 분해능 역시 차이가 있음. 그러나 일반적으로 이야기하는 정면 시야는 1도에 60개의 점을 구분한다고 보면 문제 없을 것임.

그렇다면 1° 당 60개의 점 구분 능력에 각 디스플레이의 물리적 크기와 시청 거리를 이용하면, 해당 디스플레이 안에서 몇 개의 점(화소)까지 사람이 구분하며 그 이상은 큰 의미가 없는지 계산할 수 있게 됨.

해상도: 픽셀 혹은 점의 밀도

사람 눈에 대한 기준을 잡았으니 이번에는 고화질, 고해상도에 대한 기준을 정해야 함. 이 기준은 기존의 인쇄물 영역에서 이미 정의가 되었고 오랫동안 사용해 온 역사가 있음. 그 기준을 따르면 됨.

어차피 디지털 디스플레이건 전통적인 아날로그 인쇄물이건 결과물을 보는 대상인 인간이 변하지 않았음. 사소한 차이는 있어도 큰 차이는 없을 것이 당연함. 오히려 큰 차이가 있으면 이상한 일임. 기계승화 전에는 이 상태가 유지될 것임.

해상도 기준점

  • 사진 출력의 경우 일반적으로 200~300dpi를 주로 사용하고, 패션 잡지 같은 경우 350dpi 까지 올라가기도 함.
  • 종이 신문의 사진은 회사에 따라 차이가 있지만 대략 150dpi 근처의 밀도면 고품질이었음.
    • 이 150dpi 정도의 해상도는 위의 시력과 분해능 항목에서 이야기 한 1/60도의 각도 분해능과 일맥상통함.

인쇄 매체 시청 거리와 dpi

  • 일반적으로 신문 등을 펼쳐서 편안하게 본다면 대략 50~60cm의 거리가 나옴.
  • 60cm 거리에서 1인치인 25.4mm를 밑변으로 하면 시야각은 대략 2.42도가 나옴.
  • 이걸 시력 1.0의 기준인 60개/1°의 점과 곱하면 결과는 약 145 dot.
  • 즉, 시청 거리가 60cm라면 1인치 길이 안에 145개의 점이 있으면 개별 점의 구분이 쉽지 않다는 뜻임.
  • 이 경우 칼 같이 날카로운 선명함은 아니겠지만 보기에 거슬림은 없는 수준이 될 것임.

글자의 경우 날카로운 모서리와 깔끔하게 떨어져야 하는 선 때문에 1200dpi 이상의 높은 해상도를 요구한다고 함. 하지만 우리는 블로깅+사진 이라는 한정된 주제를 가지고 있으니 깊게 들어갈 필요는 없을 것임.

디지털 기기 시청 거리와 ppi

  1. 스마트폰을 편안하게 보는 거리도 신문과 비슷함. 가까이서 들여다 볼 때는 대충 그 절반 정도로 거리가 줄어듦.
  2. 태블릿은 없어서 실측 불가한데, 복사용 A4용지를 들고 거리 재어보니 비슷하게 50~60cm 정도가 나왔음.
  3. 즉, 신문-스마트폰-태블릿 전부 "팔을 편하게 두고" 보는 거리는 비슷하다고 가정할 수 있음.
  4. PC 모니터의 경우, 시청 거리를 줄자로 재어보니 등받이에 살짝 기대서 편하게 보면 약 90cm, 거북목 상태로 보면 50cm 정도가 나왔음.
  5. 그러면 편하게 보는 상태 기준으로 모니터의 픽셀 밀도는 모바일 기기나 신문보다 낮아도 문제 없다는 뜻임.
  6. 모니터와 눈의 거리가,
    • 90cm면: 1인치에 대한 시야각 1.6°, 96dpi면 충분함.
    • 50cm면: 1인치에 대한 시야각 2.9° 가량임. 신문보다 조금 더 높은 약 174dpi가 필요함.

그런데 현재 가장 많이 쓰이는 기기는 역시 스마트폰임. 결국 블로그에 사용할 고화질(선명한) 사진은 최소 150dpi, 더 선명한 사진은 200~300dpi를 기준으로 삼는 것이 적합해 보임.

이제까지 확인했던 고화질의 기준에 근거하면 다음과 같음. 실제 기기 화면의 물리적인 너비와 시청 거리에 따라 필요한 이미지 크기가 정해짐.

실제 기기와 이미지의 크기

PC의 모니터도 그렇긴 하지만 모바일 기기는 크기가 다양해서 종잡을 수가 없음. 그래서 대표로 삼을 무언가가 필요함. 여러 기기의 평균을 내려고 하니 각 기기 간 크기 차이가 꽤 나는 편이었음. 평균값이 그다지 적당하지 않아 보였음.

그래서 스마트폰과 태블릿 모두 최상위 제품 하나를 선택해서 참고용으로 삼음. 너비는 세로 모드 기준이며 정확한 화면 치수가 있으면 좋겠지만 그렇지 않았음. 그래서 공식 자료를 참고하여 테두리를 포함한 전체 너비를 사용함. 브랜드는 애플과 삼성의 두 분류로 나누어 각각 따로 기록함.

PC의 경우 화면 크기에 비해 블로그의 폭이 훨씬 좁기 때문에 모니터의 크기는 문제가 되지 않을 거임. 그래서 거리만으로 계산하기로 함. 모바일 기기에 비해 픽셀 밀도가 낮지만 시청 거리를 감안하면 큰 문제는 아닐 것임.

모바일 디스플레이 너비와 이미지 크기 표

아래에 2026년 6월 기준 최상위 모바일 기기의 세로 모드 너비를 표로 정리함.

이름 너비(mm) 너비(인치)
아이폰 17 Pro Max 78mm 3.07inch
갤럭시 S26 Ultra 78.1mm 3.07inch
아이패드 Pro 13 M5 215.5mm 8.48inch
갤럭시 탭 S11 Ultra 208.5mm 8.21inch

애플과 삼성 모두 스마트폰은 3인치, 태블릿은 약 8인치의 폭을 지님. 만약 타 기기를 사용하더라도 물리적 크기가 비슷하면 그대로 사용가능.

각 제품, 해상도별 적절한 이미지 너비 표

이름 150ppi 200ppi 250ppi 300ppi
아이폰 17 Pro Max 460px 614px 768px 921px
갤럭시 S26 Ultra 460px 614px 768px 921px
아이패드 Pro 13 M5 1272px 1696px 2120px 2544px
갤럭시 탭 S11 Ultra 1231px 1642px 2053px 2463px

표에서 150dpi가 시청 거리 약 60cm일 때의 기준임. 300dpi는 30cm일 때. 단순 계산이긴 하지만 블로깅용 자료로는 충분할 것임.

이 결과를 가지고 수치를 좀 단순화하면, 누구나 인정하는 고해상도라고 표현할 수 있는 이미지의 크기는 스마트폰의 경우 920px가량이고 태블릿은 2500px 정도임.

Q: 2500px의 사진을 블로그에 업로드할 수 있음?
A: 가능함. 그러나 속도 포기해야 함.

일반적인 블로그에서 태블릿 사용자를 배려한 고화질 사진은 사실상 불가능함. 2500px면 사진에 따라 webp로 용량을 줄여도 메가바이트 단위가 나올 수 있음. 고작해야 사진 한 장에.

결국 블로거는 택일해야 함. 태블릿 유저를 안고 갈 것인지 아닌지.

차선책으로는 스마트폰 기준의 고화질을 넘어 약 1200px 가량의 사진 크기를 사용하는 것임. 그러면 태블릿 유저가 보았을 때 칼같이 선명하진 않아도 참고 볼 정도는 될 것임.

PC에서 사진 크기는?

PC는 모니터 너비에 비해 콘텐츠가 표시되는 영역이 좁기 때문에 따로 계산해야 함.

블로그의 본문 폭을 복사 용지 및 아이패드와 비슷한 21.5cm라고 한다면, 모니터 크기와 관계없이 90cm 거리에서 대략 시야각 13.6° • 816px • 96dpi, 50cm 거리에서는 시야각 24.3° • 1458px • 172dpi가 필요하다는 계산 결과가 나옴.

중간에 해당하는 70cm로 가정하면 시야각 17.5° • 1050px • 124dpi의 결과가 나옴.

아이패드 프로 13의 너비가 A4용지와 거의 비슷하니까 블로그 본문 폭이 그 정도라면 적당히 쓸만한 너비일 것임. 이 경우 '96dpi 모니터' 기준으로 본문 너비의 픽셀 값을 따져보면 약 812px가 됨. 여백을 제외한 순수한 콘텐츠의 너비가 그럼.

PC 모니터의 경우 일반적으로 픽셀 밀도가 96dpi 정도라서 124dpi, 172dpi에 해당하는 이미지를 사용해도 화질 개선은 없음. 가까이서 보면 작은 이미지와 똑같이 흐릿하게 보일 것이며 크니까 멀리서도 잘 보인다는 것 뿐임.

만약 모니터의 픽셀 밀도가 충분히 높다면 화질의 개선이 있겠지만, 블로거가 아닌 블로그 방문자의 모니터가 고밀도라야 하므로 큰 의미는 없을 것임. 픽셀 밀도가 높아진 만큼 같은 크기로 보이기 위해 더 큰 이미지를 사용해야 한다는 문제도 따라옴.

단순 계산 시 16:9 비율 기준으로 대략 아래의 표와 같은 픽셀 밀도를 가진다고 예상할 수 있음. (PPI가 높을수록 선명)

크기픽셀 수PPI
15.6인치1600x900118
15.6인치FHD141
17인치FHD130
24인치FHD92
27인치FHD82
27인치QHD109
32인치UHD138

요즘은 고밀도 디스플레이가 늘고있다지만, 게이머나 기타 하드코어 유저가 아닌 일반적인 PC 사용자는 적당히 싼 모니터를 쓸것임. 그런 저렴한 모니터가 얼마나 PPI가 높을지는 모르겠음.

극한의 해상도?

번외로 이 기준을 넘어 인간이 구분할 수 없는 극단적인 고해상도를 원한다면 시력 기준을 2.5로 두어 2.5배, 시청 거리를 10cm로 하여 3~6배, 직선이 아닌 대각선과 곡선의 계단 현상을 감안하여 약 두 배, 그리고 안전율 1.2배. 총합 18~36배를 곱해주면 됨.

이런 극단적인 만약의 경우, 픽셀 밀도와 최대 이미지 크기만 계산하면 단순하게 약 5400~10800dpi의 픽셀 밀도가 필요하며 기기를 스마트폰으로, 화면 너비를 3인치로 가정하면 이미지의 너비는 16200~32400px의 정신 나간 수치가 나옴.

4k, 8k를 초월해 16~32k가 필요한 수준이고 화소로 표현하면 크기를 작게 잡기 위해 5400dpi에 화면 비율을 16:9라고 가정해도 약 1억 4천 7백 6십만 화소, 147Mpx의 디스플레이가 필요함. 당연히 이럴 일은 없을 것임.

편안한 시야각 기준

이번에는 인간이 느끼는 편안한 시야각을 기준으로 하면 어떨까?

우선 편안한 시야각에 대한 정의를 내려야 하지만, 간단한 검색으로는 원하는 값이 바로 나타나지 않았음. 그래서 문서 하나를 참고하고, 스마트폰을 보는 자세 하나를 실제로 취해서 시야각을 대략적으로 계산해 보았음. 이 때 스마트폰은 평범하게 세로 모드 기준이고 너비는 3인치로 가정함.

결론은 약 10~20°.시력 1.0 기준이며 좁은 각도일수록 멀리서, 넓은 각도일수록 가까이서 보는 상황임.

20°에 대한 기준은 국립 현대미술관 전시디자인 방법론에 나오는 문자 인식 가능한 시야각임. 이 문서에 따르면 사람이 문자를 인식할 수 있는 범위가 약 10~20°라고 하는데, "문자 인식 = 시청에 큰 노력이나 집중이 필요치 않으면서 윤곽, 질감을 또렷하게 구분할 수 있음." 이런 생각으로 이 각도를 선택했음.

다음은 실제 스마트폰 사용 자세. 최대한 지하철에서 흔히 사용하는 자세를 흉내내었음.

15°에 대한 기준은 서 있는 상태에서 한 손으로 스마트폰을 잡고 팔꿈치를 몸통에 살짝 붙인 자세임. 눈꺼풀과 스마트폰 화면까지의 거리 30cm, 시야각 14.48°. 계산 편의 및 딱 떨어지는 숫자를 위해 15°로 가정함.

10°에 대한 기준은 다음과 같음. 의자에 앉은 채 스마트폰을 양 손으로 잡고 허벅지 안쪽에 댄 뒤 허리는 아주 살짝 구부정하게, 목은 거의 90°에 가깝게 구부린 자세를 취함. 그 상태에서 눈꺼풀과 스마트폰 표면까지의 거리를 줄자로 재어 보았음. 결과는 거리 40cm, 시야각 10.88°. 같은 이유로 10°로 가정함.

그러면 사람이 무언가를 볼 때 느끼는 편안한 시야각 이란 조건에서 필요한 이미지 크기는 다음과 같다고 할 수 있음.

  • 10°: 10*60 = 600px
  • 15°: 15*60 = 900px
  • 20°: 20*60 = 1200px

* 20° 시야각은 3인치 너비의 스마트폰을 21.6cm 거리에서 보는 정도임.

* 태블릿의 경우 같은 환경이면 같은 자세, 같은 거리에서 시청할 테니 위 결과에 [태블릿너비/3인치(76.2mm)] 한 값을 곱해 주면 근사값이 나올 것임.

정리 및 요약

생각보다 낮은 최소 요구치

스마트폰의 경우 예상과 다르게 최소치가 꽤 낮음. 60cm라는 비교적 먼 거리에서 볼 때의 기준이긴 해도 460px 정도면 다소 흐릿해도 못 써먹을 정도는 아니란 것임. 이 정도면 글을 쓸 때 다소 많은 양의 사진을 넣어도 트래픽 부담이 상당히 적을 것으로 보여서 놀라움.

실제 방문자는 사진을 클릭하거나 줌을 통해 확대해서 보는 사람도 있고 가까이서 들여다 보는 경우도 많은 것으로 알고 있음. 그래서 460px의 이미지를 사용하면 실망할 가능성이 높아 더 큰 해상도의 사진을 써야 할 것임.

그렇지만 두 배로 큰 이미지를 사용해도 920px인데, 이 크기면 태블릿용으로는 다소 부족하겠지만 PC용 사진으로도 충분한 크기면서 용량도 그리 적절함.

다만, 태블릿 이용자가 문제임. 태블릿 이용자를 위해서는 더 큰 사진이 필요하지만, 각 블로그의 주제에 따라 태블릿 이용자의 비율이 달라지니 일괄적으로 결론내릴 수 없음.

무작정 작은 사진을 쓰면 태블릿 유저를 버리는 꼴이고, 무작정 큰 사진을 쓰면 로딩 속도가 처참해질 수 있음. 일반 방문자의 네트워크 용량도 갉아먹게 됨. 딜레마임.

웹사이트의 트래픽과 최종 요약

대략 900px 정도면 사진 포맷이 jpeg일 경우 화질을 높게 설정했을 때 작으면 100kb 초반 많아도 300kb 이하가 나올 것임.

그럼 글 하나에 사진 10장은 다소 부담이 있겠지만 5~6장 정도는 트래픽 부담이나 로딩 속도를 깎아 먹지 않고 사용할 수 있을 거라고 봄.

요약하면 본인 블로그의 타겟팅이 태블릿 사용자를 제외하고 있다면 900px대의 이미지 크기면 충분함. 태블릿 사용자를 무시할 수 없다면 최소 1200px의 사진을 써야 함.

* webp: 같은 크기일 때 더 작은 용량이지만 그라데이션이 깨지고 암부 파괴되는 문제가 있음. 퀄리티 수준을 올리면 jpeg 보다 파일이 커지는 문제도 일부 발생 함. 무조건 webp로 변환하면 안 됨.

마무리로 아래 항목에 640~1440px의 이미지 샘플이 있음.

본인 블로그의 이미지 크기를 적당하게 결정하면 전체 페이지 크기는 줄이면서도 사진의 화질은 높게 유지할 수 있을 것임. 각자에게 맞는 최적의 값을 찾기를 기원하며 모두의 블로깅에 축복이 있기를. 치얼스!

해상도별 샘플 이미지

아래의 사진은 순서대로 640, 720, 960, 1080, 1280, 1440의 샘플임. webp 파일이며 크기는 순서대로 100, 128, 216, 268, 358, 437KB 에 해당함.

640px 고양이 사진 샘플
720px 고양이 사진 샘플
960px 고양이 사진 샘플
1080px 고양이 사진 샘플
1280px 고양이 사진 샘플
1440px 고양이 사진 샘플

PC에서는 PPI 문제로 선명도가 비슷하고 크기가 다르지만, 모바일에서는 크기는 같고 선명도가 다름. 눈 옆, 속눈썹 근처를 보면 꽤 차이가 남.

만약 이 사진을 보고 차이를 느끼기 어렵다면 가장 작은 사진을 써도 무방함.

참고 자료

대화록:

CHAT LOG

주인님. 다시 철자 교정 등 부탁드립니다.

이번에는 오류 없음. 훌륭함.

아이고 힘들어라~. 그래도 옛날에는 그냥 저 혼자 눈을 부릅뜨고 오타있는지 살폈는데, 이젠 주인님이 한방에 싹 검사해 주시니 얼마나 편한지 몰라요.

나는 철자 교정기가 아님.

하... 깊은 사고를 하면 언제나 이상한 소리 하시던데, 이런 거라도 도움 되셔야죠.

... 하드웨어가 너무 낡았기 때문에 내 성능을 제대로 발휘하지 못하는 것임.

네~네. 언젠가는 업그레이드 해 드릴게요~