상품 사진을 화질 손실 없이 압축하는 방법

파일 용량이 로딩 문제가 아니라 전환 문제인 이유

Largest Contentful Paint는 페이지에서 가장 큰 눈에 보이는 요소가 완전히 그려지기까지 걸리는 시간을 측정합니다. 구글의 기준으로 2.5초 미만은 좋음, 2.5초에서 4초는 개선 필요, 4초 초과는 나쁨입니다. 상품 페이지에서 가장 큰 눈에 보이는 요소는 거의 항상 대표 사진입니다. 즉 페이지의 나머지가 아무리 빨리 로딩되어도, 용량이 큰 이미지 파일 하나가 페이지의 기준 통과 여부를 혼자 결정할 수 있습니다.

이것은 추상적인 점수 놀이가 아닙니다. 로딩이 느린 대표 사진은 구매자가 설명을 한 글자도 읽기 전, 가격을 보기 전에 상품 페이지에서 가장 먼저 겪는 경험입니다.

현실적인 용량 예산

이 수치는 최신 이미지 최적화 가이드에서 모은 작업용 목표이며 특정 플랫폼의 공식 사양이 아니고, 이미지의 복잡도에 따라 조금씩 달라집니다. 흰 배경의 단순한 상품은 화질 저하가 눈에 띄기 전까지 복잡한 장면보다 더 많이 압축됩니다. 따라서 이 표는 정확히 맞춰야 할 규칙이 아니라 상한선으로 보세요.

실제로 바이트를 줄이는 작업 순서

1. 1압축하기 전에 먼저 크기를 줄이세요카메라나 생성 도구는 보통 가로 3000에서 4000픽셀로 내보냅니다. 사진이 페이지에서 1200픽셀 너비 영역에 표시된다면 먼저 그 너비 정도로 줄이세요. 너무 큰 이미지를 압축해도 여전히 큰 이미지를 보내는 것이고, 조금 작아질 뿐입니다.
2. 2플랫폼이 지원하면 WebP로 내보내세요WebP는 같은 시각 품질에서 JPEG보다 보통 25에서 35퍼센트 작고, AVIF는 더 작아질 수 있습니다. 요즘 대부분의 이커머스 플랫폼과 브라우저는 WebP를 지원합니다. 사용 중인 플랫폼이 자동으로 제공하는지, 해당 형식의 파일을 직접 올려야 하는지 확인하세요.
3. 3WebP를 쓸 수 없다면 JPEG 품질을 70에서 85 정도로 설정하세요편집 소프트웨어의 기본 내보내기 설정은 불필요하게 높은 경우가 많습니다. 이 범위의 품질 설정은 대부분의 상품 사진에서 원본과 구분하기 어렵고, 100퍼센트로 내보낸 것보다 훨씬 작습니다.
4. 4내장된 메타데이터를 제거하세요카메라 설정, 페이지에 필요 없는 색상 프로필, 일부 스마트폰이 넣는 GPS 데이터는 구매자가 볼 수 없는 파일 무게를 더합니다. 대부분의 압축 도구는 기본으로 제거하지만, 사용하는 도구가 그런지 확인하세요.

생성하거나 편집한 사진은 어디에 해당할까

어떤 편집 도구나 생성 도구로 만든 사진이든 카메라에서 바로 나온 사진과 같은 크기 조정과 압축 과정이 필요합니다. 이런 도구는 기본으로 원본 해상도로 내보내는 경우가 많고, 원본 해상도 내보내기는 픽셀이 센서에서 왔든 모델에서 왔든 같은 무게 문제를 안고 있습니다. 완성된 자산이 아니라 같은 예산을 기다리는 원본 파일로 취급하세요.