무료로 온라인 이미지 압축하고 화질은 지키는 법

대부분의 웹페이지에서 이미지는 전체 페이지 무게의 약 40%를 차지합니다. 모바일 페이지가 3초를 넘기면 방문자의 53%가 이탈할 수 있고, 현재 모바일 사이트 중 Core Web Vitals를 통과하는 비율도 48% 수준이라 이미지 최적화는 여전히 가장 즉각적인 개선 수단입니다.

이미지 압축이 중요한 이유

• 페이지 속도는 초당 약 3% 수준의 전환율 차이를 만들 수 있습니다.
• 이미지 검색은 일부 업종에서 전체 발견 트래픽의 22.6%까지 영향을 줄 수 있습니다.
• 한국은 최근 속도 지표에서 모바일 약 385 Mbps, 고정망 약 317 Mbps 수준으로 빠른 편이지만, 실제 사용 환경에서는 지하철, 저사양 기기, 절전 모드, 혼잡 시간대 때문에 큰 히어로 이미지는 여전히 체감 속도를 망칩니다.
• 즉, 네트워크가 빠른 시장에서도 이미지가 크면 첫 화면 체감은 쉽게 느려집니다.

이미지 압축이 LCP, INP, CLS에 미치는 영향

구글이 보는 핵심 기준은 LCP 2.5초 이하, INP 200ms 이하, CLS 0.1 이하입니다. 2025 Web Almanac에서는 데스크톱 페이지의 LCP 요소 85.3%가 이미지였기 때문에, 이미지 최적화는 가장 큰 체감 개선으로 이어질 가능성이 높습니다. 이 변화는 LCP를 개선하고 CLS를 더 안정적으로 만드는 데 도움이 됩니다.

• 첫 화면의 히어로 이미지나 대표 상품 이미지는 lazy loading을 걸면 안 됩니다.
• 히어로 이미지를 lazy loading하면 좋은 LCP 통과율이 약 27%포인트 낮아질 수 있다는 분석도 있습니다.
• 가장 먼저 해야 할 일은 히어로 이미지를 압축하고, width와 height를 지정해 CLS를 막는 것입니다.
• 아래쪽 콘텐츠에만 lazy loading을 적용해야 효과가 납니다.

JPEG, PNG, WebP, AVIF 선택 기준

사진은 JPEG보다 WebP나 AVIF가 더 효율적인 경우가 많고, 투명 배경이나 또렷한 선이 중요한 그래픽은 PNG가 잘 맞습니다. 중요한 페이지에서 직접 비교해 충분히 깨끗하게 보이는 가장 가벼운 형식을 고르세요. 실무에서는 WebP를 기본값으로 두고, 더 작은 용량이 필요하면 AVIF를 추가하는 방식이 가장 안정적입니다. WebP는 같은 품질 기준에서 JPEG보다 보통 25%에서 34% 작고 브라우저 지원도 약 95% 수준입니다. AVIF는 WebP보다도 20%에서 30% 더 작거나 JPEG 대비 약 50%까지 줄어드는 경우가 많고, 지원율도 약 94% 수준까지 올라왔습니다.

이미지 압축과 검색 노출

가벼운 이미지 파일은 페이지 표시를 앞당기고 이탈을 줄이며 중요한 내용을 더 빨리 보여 줍니다. 이런 사용성 개선은 검색 노출에도 대체로 도움이 됩니다.

이미지 압축 체크리스트

• 실제 표시될 최대 크기에 맞춰 이미지 크기를 먼저 줄이기
• 대부분의 사진은 WebP 또는 AVIF로 저장하기
• 투명 배경이나 또렷한 그래픽이 필요할 때만 PNG 유지하기
• 처음 화면에 보이는 큰 이미지는 작은 장식 이미지보다 더 신중하게 압축하기
• 레이아웃 밀림을 막기 위해 가로와 세로 값을 지정하기
• srcset과 sizes를 사용해 화면별로 알맞은 파일 제공하기

자주 하는 이미지 압축 실수

• 카메라 원본 파일을 그대로 올리기
• 모든 이미지에 같은 압축 강도를 적용하기
• 분명한 이유 없이 사진을 PNG로 저장하기
• 휴대폰에도 너무 큰 컴퓨터용 이미지를 그대로 보내기
• 가로와 세로 값을 빼서 화면 구성이 흔들리게 두기
• 눈에 띄는 화질 저하가 생긴 뒤에도 용량만 더 줄이기

이미지 압축이 특히 필요한 경우

속도 개선은 개발자 만족도로 끝나지 않습니다. Rakuten 24는 좋은 LCP가 최대 61.13%의 전환율 상승과 연결될 수 있다고 밝혔고, Core Web Vitals 최적화 A/B 테스트에서는 전환율 33.13% 상승과 방문자당 매출 53.37% 상승을 확인했습니다. 그래서 페이지가 더 빠르고 믿을 만하게 느껴집니다.

• Vodafone는 LCP를 31% 개선한 뒤 매출 8%, 리드 15%, 장바구니 방문 11% 증가를 보고했습니다.
• Tokopedia는 성능 개선 이후 CTR 35%, 전환 8% 상승 사례를 공유했습니다.
• 더 넓은 전자상거래 벤치마크에서는 가장 빠른 사이트가 가장 느린 사이트보다 최대 302% 더 높은 전환 성과를 보이기도 합니다.
• 결국 이미지 압축은 디자인 품질을 포기하는 작업이 아니라, 매출 퍼널에서 낭비를 줄이는 작업에 가깝습니다.

자주 묻는 질문

Q1. 이미지 압축을 하면 항상 화질이 떨어지나요? A. 항상 그렇지는 않습니다. 적절한 압축은 눈에 띄는 차이 없이 용량만 크게 줄이는 경우가 많습니다.

Q2. 모든 이미지를 WebP나 AVIF로 바꾸는 것이 좋나요? A. 대부분의 사진에는 좋지만, 투명 배경이나 아주 또렷한 단순 그래픽은 PNG가 더 적합할 수 있습니다.

Q3. 크기 조절과 압축은 다른 작업인가요? A. 네. 크기 조절은 가로세로 크기를 바꾸고, 압축은 그 크기 안에서 파일 용량을 줄입니다.

Q4. 페이지 상단의 대표 이미지는 얼마나 압축해야 하나요? A. 불필요한 용량은 없애되, 얼굴이나 글자, 제품 윤곽이 흐려지기 전에서 멈추는 것이 좋습니다.

Q5. 이미지 압축이 휴대폰 환경에도 도움이 되나요? A. 네. 가벼운 파일은 느린 연결에서도 더 빨리 내려받아지고 작은 기기에도 부담이 적습니다.

Q6. 형식 선택과 크기 조절 중 무엇이 더 중요한가요? A. 둘 다 중요합니다. 먼저 알맞은 크기로 줄이고, 그다음 형식과 압축 강도를 고르세요.