사진을 바꿨는데 예전 이미지가 보일 때

홈페이지 만들기를 하다가 상품 사진을 새 사진으로 바꿨습니다. 관리자 화면에서는 바뀐 사진이 보이는데, 손님의 휴대폰에는 예전 사진이 그대로 나옵니다. 업로드가 안 된 걸까요? 같은 이름의 파일을 계속 보여주고 있는 걸까요?

사진이 바뀌는 과정을 나눠서 봅니다

새 파일이 저장되었는지, 상품 정보가 새 파일의 주소를 가리키는지, 손님 화면이 그 주소를 읽는지 확인합니다. 중간 한 곳이라도 예전 값을 쓰면 다른 사진이 보일 수 있어요.

이전에 받아둔 파일을 다시 쓰는 캐시도 생각해볼 수 있습니다. 브라우저나 이미지 전달 서버는 같은 주소의 사진을 다시 내려받지 않고 이전에 보관한 것을 사용할 수 있습니다. 파일을 바꿨지만 주소가 그대로라면 예전 사진이 보일 수 있는 이유입니다.

사진을 교체할 때 새로운 파일 경로를 만들고 상품 정보에 반영하거나, 이미지 주소에 변경 버전을 붙이는 방법이 있습니다. 어떤 방법이 맞는지는 현재 파일 저장과 이미지 전달 방식에 따라 정합니다.

화면을 열 때마다 무작위 값을 붙여 캐시를 전부 피하는 방식으로 해결하지는 않습니다. 사진이 바뀌었을 때만 새 버전을 사용하면 불필요한 다운로드를 줄이면서 변경을 알릴 수 있어요. 파일 저장소나 이미지 전달 서비스의 캐시 설정을 확인해야 하는 경우도 있습니다.

파일 업로드만 끝나고 상품 정보 반영이 실패했다면 사진 교체는 아직 끝난 것이 아닙니다. 처리 중인 상태와 실패한 상태를 구분해 안내합니다. 이전 사진을 지우는 시점도 다른 화면에서 사용하고 있는지 확인한 뒤 정하고요.

새 사진으로 바꾼 다음 목록과 상세에서 확인합니다. 화면을 다시 열고, 다른 기기에서도 같은 새 사진이 보이는지 살펴봅니다. 관리자의 화면만 새 사진인 상태를 놓치지 않기 위해서입니다.

컴윗에서 사진 교체 기능을 만든다면 “새 파일 저장부터 상품의 사진 주소 반영까지 끝난 뒤 완료를 알려줘. 교체한 사진은 손님 화면에서도 새 버전으로 보여줘”처럼 변경 과정을 설명해보세요.