같은 이미지인데 컴퓨터에서는 선명하고 게시글에서는 흐릿하게 보일 때가 있습니다. 이때 파일 용량만 늘리면 해결된다고 생각하기 쉽지만, 원인은 픽셀 크기, 압축, 표시 크기, 서비스의 재처리 중 하나일 수 있습니다. 어느 단계에서 흐려졌는지 먼저 찾으면 불필요한 저장 반복을 줄일 수 있습니다.
픽셀 수와 파일 용량을 혼동하지 마세요
가로 800픽셀인 이미지와 가로 2400픽셀인 이미지는 담고 있는 점의 개수가 다릅니다. 반면 MB나 KB는 저장된 데이터의 양입니다. 같은 픽셀 크기라도 내용과 압축 방식에 따라 용량이 달라지므로 “1MB 이상이면 고화질” 같은 기준만으로 판단하기 어렵습니다.
가로 600픽셀의 안내 이미지를 넓은 화면에서 1200픽셀 너비로 늘려 보여 준다고 가정해 보세요. 원본에 없던 글자 세부 모양이 저절로 생기는 것은 아닙니다. 먼저 이미지 속성을 열어 픽셀 크기를 확인하고, 실제 게시 위치에서 얼마나 크게 표시하는지 비교합니다. 필요한 크기는 서비스와 화면에 따라 다르므로 무조건 특정 너비로 만드는 것보다 제출 규격을 우선해야 합니다.
사진과 글자가 많은 이미지는 출발점이 다릅니다
MDN의 이미지 형식 안내는 JPEG, PNG, WebP 등의 특성과 용도를 정리합니다. JPEG는 손실 압축을 사용하는 대표적인 사진 형식이고, PNG는 무손실 압축과 투명도를 지원합니다. WebP는 손실·무손실 방식을 모두 사용할 수 있습니다. 확장자만 보고 압축 설정까지 모두 알 수는 없습니다.
다음 표는 보편적인 작업 출발점입니다. 최종 선택은 올리는 서비스의 지원 형식과 파일 제한을 함께 보고 결정하세요.
| 이미지 내용 | 먼저 시도할 방식 | 확인할 부분 |
|---|---|---|
| 인물·풍경 등 사진 | 적절한 품질의 JPEG 또는 지원되는 WebP | 머리카락·나뭇잎처럼 세밀한 부분 |
| 작은 글자·표·화면 캡처 | PNG 또는 무손실 저장이 가능한 형식 | 글자 가장자리와 선 |
| 투명 배경의 로고 | 투명도를 지원하는 형식 | 흰색·어두운 배경에서 테두리 |
사진을 PNG로 바꾼다고 이미 잃어버린 세부 정보가 복원되지는 않습니다. 원본이 흐린지 먼저 확인하고, 가능하면 원본 파일에서 다시 작업하세요. 메신저로 여러 번 전달된 파일 대신 촬영 기기나 제작 앱의 원본을 찾는 이유도 여기에 있습니다.
문제 지점을 네 단계로 좁히세요
첫째, 원본을 이미지 앱에서 실제 크기에 가깝게 봅니다. 이 상태부터 글자가 깨져 있으면 업로드 설정보다 원본 제작을 고쳐야 합니다. 글자가 너무 작다면 그림 전체를 키우기보다 글자량을 줄이거나 표를 나누는 것이 읽기에 유리할 수 있습니다.
둘째, 내보낸 파일을 따로 열어 원본과 비교합니다. 디자인 앱의 작업 화면이 선명하더라도 저장 품질을 낮게 잡았거나 작은 크기로 내보냈다면 결과 파일은 달라집니다. 앱의 미리보기만 보지 말고 실제로 저장한 파일을 확인하세요.
셋째, 게시 편집기에서 이미지가 강제로 확대되어 있는지 봅니다. 썸네일을 본문 크기로 늘려 쓰고 있지는 않은지, 편집기의 작은 미리보기를 최종 결과로 착각하지 않았는지도 확인합니다.
넷째, 저장 후 공개 화면을 컴퓨터와 휴대전화에서 읽어 봅니다. 서비스가 업로드 이미지를 다시 처리할 수 있으므로 “올리기 전 정상”과 “게시 후 정상”은 각각 확인해야 합니다. 플랫폼별 정확한 규격은 해당 서비스의 현재 공식 안내를 따르세요.
비교 파일은 한 가지 조건씩 바꾸세요
같은 원본에서 비교_A.png와 비교_B.jpg를 만들었다면 두 파일의 픽셀 크기는 같게 두고 형식이나 압축만 바꿔 비교합니다. 너비와 형식과 글자 크기를 한꺼번에 바꾸면 무엇이 영향을 줬는지 알기 어렵습니다. 품질 수치가 있는 앱도 서로 같은 기준이라고 가정하지 마세요.
사진은 부드러운 영역만 보지 말고 경계선과 어두운 부분을, 글자 이미지는 가장 작은 본문과 얇은 선을 확대해서 살펴봅니다. 동시에 실제로 읽을 화면 크기에서도 확인해야 합니다. 지나친 확대에서만 보이는 차이보다 독자가 읽는 환경의 가독성이 중요합니다.
작업을 마치면 편집 가능한 원본과 게시용 결과물을 나눠 보관하세요. 다음 수정 때 이미 압축된 결과물을 다시 편집하는 대신 원본에서 새로 내보낼 수 있습니다. 이미지 안에 핵심 설명을 모두 넣기보다 게시글 본문에도 내용을 적어 두면, 작은 화면에서도 독자가 필요한 정보를 읽기 쉽습니다.