티스토리 GIF 움직이지 않을 때 해결방법

안녕하세요 유니티 비기너입니다.

이번 글에선 에디터에선 동작하던 GIF가 발행 후에 움직이지 않을 때의 해결방법입니다.

 

원인 파악

F12 개발자 도구로 이미지 태그를 확인해보니

 

구버전 에디터의 경우 다음 Cdn서버로 파일이 저장되고,

신버전의 에디터는 카카오 Cdn서버로 파일이 저장되는 거 같은 src경로를 확인했습니다.

 

신버전의 경우 srcset이라는 속성이 추가되어 srcset 속성 값을 제거해보니

멈추어있었던 GIf 파일이 동작했습니다.

 

그래서 srcset 속성에 대한 검색을 해보니 img태그의 속성 중 하나로

이미지의 크기에 제어하는 속성인 것을 파악하고 지원하는 브라우저에 대한 정보를 확인했습니다.

 

scrset 속성을 지원하는 브라우저

※ srcset 지원 브라우저가 아닌 익스플로러로 같은 글을 조회 시 Gif 가 동작하는 것을 확인했습니다.

 

 

해결방안

 

1. 구버전 에디터를 사용한다.

- 구버전을 사용하면 srcset를 사용하지 않기 때문에 gif가 잘 동작합니다.

 

2. 신버전 에디터 사용 시 큰 사이즈를 사용하지 않는다.

- 자신이 업로드한 gif의 사이즈를 확인해주세요

※ 기존에 1920 X 1000 Gif이미지를 에디터 내에서 줄여서 글을 발행했지만

글 조회 시 동작하지 않아서 포토샵을 이용하여 최대 사이즈인 860보다 작게 수정하고

재업로드를 진행하였더니 동작하는 것을 확인했습니다.

 

처음에는 다른분들의 블로그를 확인했는데 구버전을 사용해보라고 하셨지만

구버전 에디터는 글작성하는데 좀 많이 답답함을 느껴서 방법을 찾게되었습니다.

 

조금이라도 블로그 활동에 도움이 되셨으면합니다.

지금까지 읽어주셔서 감사합니다.