카카오톡 앱에서 url 복사를 통한 공유 시 이미지 불러오기 오류

아이폰으로 카카오톡에서 링크 전송 시 이미지 불러오기가 안되고 있습니다.
링크로 전송한 URL 상에 포함된 사진이 흰 화면으로 보여지고, 화면을 Scroll 하면 이미지가 보여졌다가 안보여졌다가를 반복하고 있습니다.
내부 테스트 시, 아이폰 기종에 상관없이 동일 현상이 나타나고 있습니다.

842536

모바일웹으로 해당서비스를 제공하고 있는데 안드로이드 계열의 휴대폰에서는 정상으로 이미지가 노출됩니다.
혹, 저희가 링크상에 제공하는 이미지 용량이나 설정의 문제인지도 확인 요청드립니다.

카톡 앱내에서 URL이나 상단의 카톡 아이콘을 통해 공유 시 해당 오류가 발생하고 있습니다.

앱내 url 전송시 image meta tag 코드입니다.

Code_3

사진 URL :https://mcard.barunnfamily.com//Photos/202101/B3090116/mainimage.jpg?244f28ea-3479-4c3e-8bf5-07b6c99bc2e0&ipignore=true

카카오링크 기능을 이용하여 공유 시에는 이미지가 정상으로 보여지고 있습니다.

동일 문의건이 어제부터 계속 발생하고 있어서 빠른 답변 요청 드립니다.

카카오톡 버전 9.2.2
iOS 14.4

안녕하세요.

혹시 sdk가 아니라 카카오톡 9.2.2 를 말씀하시는 걸까요?

안녕하세요.

카카오톡 버전이 9.2.2 이고, iOS 는 14.4 입니다.

아이폰 사용자들 공통으로 동일 현상이 나타나고 있어서 iOS 버전은 상이할 것 같습니다.

ASP.NET으로 개발된 모바일웹서비스를 제공하고 있어,
제작완료 후 제공되는 URL을 복사하여 공유하는 형태로 사용하는 서비스입니다.

안녕하세요.

og:image 에 지정되어있는 URL이 일부 환경에서는 제대로 로딩할 수 없는 포맷으로 보입니다.
경로에서 Photos 전에 슬래시가 2개인데요 이걸 1개로 변경해도 괜찮다면 이렇게 테스트해보시기 바랍니다. (1개로 변경해도 이미지 로딩은 잘 되는것 같네요)

https://mcard.barunnfamily.com//Photos/202101/B3090116/mainimage.jpg?244f28ea-3479-4c3e-8bf5-07b6c99bc2e0&ipignore=true
=>
https://mcard.barunnfamily.com/Photos/202101/B3090116/mainimage.jpg?244f28ea-3479-4c3e-8bf5-07b6c99bc2e0&ipignore=true

(위와 같이 변경해도 보이지 않으면 경로에서 query 부분도 제거하고 해보세요)

cc @lucas.arts

1개의 좋아요

안녕하세요.

위에 안내해주신대로 소스 수정 및 데브톡에서 OG 캐시 삭제 후 테스트 진행 시에도 동일한 상태입니다…

슬래시 변경 및 쿼리 삭제 후에도 문자나 다른 메신저에 해당 링크 전송 시에는 썸네일 이미지가 보여지나
카톡 내에서 전송 시엔 썸네일 이미지 노출이 안되고 있습니다.

카카오톡

테스트 URL: http://dev-mcard.barunnfamily.com/SB3075956?A0E0

사진 URL: http://dev-mcard.barunnfamily.com/Photos/202102/SB3075956/mainimage.jpg?3e70ebbf-a8b8-44a8-bc5b-662573b47127&ipignore=true

지난주까지는 기존 코드로도 썸네일 이미지가 잘나왔었으나, 추측하기로는 1주전 업데이트 이후부터 해당 현상이 나타나는 것으로 보입니다.

og:image 에 지정되어있는 URL이 일부 환경에서는 제대로 로딩할 수 없는 포맷으로 보인다고 말씀 주셨는데…
난수의 경우, 고객분들이 수시로 이미지를 변경하셔서 캐시현상 방지를 위해 추가된 부분이라 제거하여 사용하기는 어려운 상황이라 로딩할 수 있는 기본 포맷 샘플을 받아볼 수 있을까요?

구글에서 검색은 해보았는데…카톡 내에서만 썸네일 이미지 공유가 안되는 상황이라 해결이 쉽지가 않네요…