블로그
페이지와 공유 속도를 함께 챙기는 이미지 용량 줄이기 워크플로
이미지 품질·로딩·모바일 미리보기를 함께 보는 압축 순서
발행: 2026-05-23 · 수정: 2026-10-01
핵심 정리
- 압축 전 표시 크기부터 조정
- 글자가 있는 이미지는 모바일 폭으로 확인
- 고화질 원본은 따로 보관
이미지 용량을 줄일 때는 실제 표시 크기부터 정해 봐. 500픽셀 영역에 쓸 사진이라면 4000픽셀 원본 해상도를 그대로 유지할 필요가 있는지 살펴봐. 사진·도표·글자에 맞춰 출력 형식과 압축 품질을 비교하고, 원본은 따로 보관해. 줄어드는 용량은 파일마다 다르니 글자와 윤곽을 확인한 뒤 결과를 골라.
압축보다 표시 크기를 먼저 줄여
본문 폭이 800픽셀인 블로그에 4000픽셀 사진은 필요 없어. 실제 표시 폭의 두 배 정도, 즉 1600픽셀 안쪽으로 크기를 먼저 줄이고 나서 압축을 걸어. 이 한 단계만으로 용량이 크게 떨어지고 남은 압축은 훨씬 약하게 걸어도 돼. 순서를 반대로 하면 이미 뭉개진 픽셀을 다시 줄이는 셈이라 화질만 손해야. 표시 폭을 모르면 실제 화면에서 이미지가 차지하는 자리를 눈으로 재 봐. 본문 절반을 차지한다면 본문 폭의 절반이 그 이미지의 표시 폭이야.
휴대폰으로 찍은 사진은 특히 차이가 커. 요즘 기기는 기본 촬영 해상도가 높아서 채팅으로 한 장 보내는 데도 원본이면 몇 메가씩 나가. 게시용으로 쓸 사진은 촬영 직후에 크기를 한 번 줄여 두면 나중에 다시 손댈 일이 없어. 카메라 설정에서 저장 형식을 바꿀 수 있는 기기도 있어. 공유가 주목적이면 처음부터 널리 열리는 형식으로 찍는 편이 편해.
사진과 글자 이미지는 다르게 다뤄
색이 복잡한 사진은 JPG 계열이 유리하고, 글자와 선과 단색 배경이 많은 화면 캡처는 PNG 계열이 덜 망가져. 캡처 이미지를 강하게 압축하면 글자 테두리에 지저분한 얼룩이 생겨. 품질 값을 조절할 수 있는 도구라면 중간대에서 시작해 한 칸씩 내리면서 글자가 흐려지기 직전 지점을 찾는 편이 좋아. 형식을 정할 때 파일 크기만 비교하지 말고 두 결과를 같은 화면에 나란히 올려 봐. 사진은 조금 뭉개져도 티가 안 나지만 도표는 선 하나가 흐려져도 바로 보여.
투명 배경이 필요한 로고나 아이콘을 JPG처럼 투명도를 지원하지 않는 형식으로 바꾸면 배경색이 채워져. 저장한 결과를 어두운 배경 위에 올려 보면 바로 드러나니, 내보내기 전에 그 확인을 한 번 넣어. 반대로 배경이 필요 없는 사진에 무거운 형식을 쓸 이유도 없어. 인물이나 풍경을 캡처용 형식으로 저장하면 용량만 몇 배가 돼.
확인은 좁은 화면에서 해
데스크톱에서 멀쩡해 보이던 표 캡처가 휴대폰에서는 읽히지 않아. 저장한 이미지를 실제로 휴대폰으로 열어, 확대하지 않고 읽을 수 있는지 봐. 안 읽히면 압축을 되돌리는 대신 이미지를 잘라 필요한 부분만 남기거나 두 장으로 나눠. 좁은 화면에서는 가로로 긴 이미지가 특히 불리해. 표나 넓은 화면 캡처는 세로로 자르거나 중요한 열만 남기는 편이 읽기에 나아.
여러 장을 한꺼번에 처리했다면 전부 열어 보는 대신 가장 복잡한 한 장과 글자가 가장 작은 한 장만 확인해. 이 둘을 먼저 확인한 뒤, 제출할 파일은 각각 빠진 내용이나 잘린 부분이 없는지 확인해. 확인은 실제로 올릴 화면에서 해. 편집 프로그램 안에서 보는 것과 웹 화면에 얹힌 것은 밝기와 선명도가 다르게 보여.
원본은 압축본과 다른 곳에 둬
압축한 파일을 원본 위에 덮어쓰면 나중에 인쇄나 큰 화면용으로 다시 뽑을 방법이 없어. 원본 폴더와 게시용 폴더를 나누고, 게시용 파일명에는 가로 폭을 적어 둬. 같은 사진을 여러 곳에 쓸 때 어떤 게 어느 용도였는지 헷갈리지 않아. 폴더는 날짜보다 용도로 나누는 게 찾기 쉬워. 같은 사진이 게시용과 인쇄용으로 각각 필요해지는 일이 자주 생겨.
여러 곳에 올린 뒤에는 어디에 어떤 폭으로 올렸는지 한 줄 적어 둬. 나중에 그 자료를 고칠 때 같은 크기로 다시 만들어야 바뀐 티가 안 나. 원본을 외장 저장소로 옮길 계획이면 옮기기 전에 목록을 한 번 뽑아 둬. 목록에 파일 이름과 보관 위치를 남기면 다시 찾기 쉬워.
떠나기 전 확인
- 압축 전 표시 크기부터 조정
- 글자가 있는 이미지는 모바일 폭으로 확인
- 고화질 원본은 따로 보관
크기 축소, 형식 선택, 좁은 화면 확인, 원본 분리. 이 순서로 두세 번 돌려 보면 자기 자료에 맞는 기준값이 잡혀. 그다음부터는 같은 값으로 빠르게 처리하면 돼.