화질 저하 없이 웹용으로 이미지를 압축하는 방법

무거운 이미지는 느린 사이트의 첫 번째 원인입니다. 휴대폰으로 찍은 사진 한 장이 5~8MB에 이르기도 하는데, 잘 최적화된 페이지 전체보다 무겁습니다. 좋은 소식은, 대개 눈에 띄지 않게 용량의 70~90%를 덜어낼 수 있다는 점입니다.

적당한 지점 찾기

압축은 용량과 보이는 디테일 사이의 균형입니다. 화면에서 보는 이미지라면 JPEG는 품질 75~82%가 최적점입니다. 파일은 크게 줄지만 보통 거리에서는 차이를 느끼지 못합니다. 60% 아래로 내려가면 하늘에 띠가 생기고 가장자리에 테두리가 보이기 시작합니다.

압축 전에 크기 조절

자주 빠뜨리는 단계입니다. 레이아웃이 1200px 너비로 보여준다면 6000px 원본을 올릴 필요가 없습니다. 먼저 표시 너비로 크기 조절한 뒤 압축하세요. 종종 크기 조절이 압축보다 더 크게 절약해 줍니다.

올바른 형식 고르기

• 사진 → JPEG, 또는 같은 품질에서 약 30% 가벼운 WebP.
• 로고·아이콘·글자 이미지 → 가장자리를 또렷하게 하는 PNG(또는 WebP).
• 투명 배경 → PNG나 WebP, JPEG는 불가.

저희 압축 도구는 모든 처리를 브라우저 안에서 합니다. 이미지가 서버로 전송되지 않습니다. 여러 장을 끌어다 놓고 목표 용량을 정한 뒤 내려받으세요.