Optimization

이미지 용량 줄이는 방법

웹에 올리는 이미지는 너무 크면 로딩 속도를 늦추고, 너무 작으면 품질이 급격히 떨어집니다. 핵심은 해상도, 포맷, 압축률 세 가지를 같이 보는 것입니다.

1. 해상도부터 줄이기

업로드 영역이 1200px 정도인데 5000px 원본을 그대로 쓰면 용량만 커집니다. 먼저 실제 표시 크기에 맞춰 긴 변 기준으로 줄이는 것이 좋습니다.

2. 포맷 선택

사진은 JPG나 WEBP, 투명 배경은 PNG가 일반적입니다. 무조건 PNG로 저장하면 파일이 커질 수 있습니다.

3. 압축 품질 확인

JPG 품질을 80 전후에서 확인하면 대부분 웹에서는 충분한 경우가 많습니다. 상품 상세나 배경이 단순한 이미지는 더 낮춰도 큰 차이가 나지 않습니다.

실무 팁

• 업로드 전에 미리보기로 글자 깨짐 여부를 확인합니다.
• 같은 이미지를 여러 곳에 쓰면 원본 1개와 썸네일 1개 정도로 나눕니다.
• 속도가 중요한 랜딩 페이지는 WEBP를 우선 고려합니다.