티스토리 블로그 움짤이 움직이지 않을 때 방법

gif 움짤이 안될때 쓰는 방법이라고 하는데

 

티스토리는 이미지를 블로그에서 불러올 때 용량 최적화를 위해 반응형 이미지 srcset을 쓴다고 한다

그런데 이게 gif에 적용되면 움짤이 안 나오는 모양이다.

 

<script>
$(document).ready(function() { 
$("img[data-filename*='.gif']").removeAttr("srcset");
});
</script>

방법은 html 편집에 들어가서 이 코드를 헤드 안에 넣으라고 하는 게 방법이라고 한다

 

 

j쿼리를 사용하지 않으면

<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"
></script>

이 코드를 넣으라고 한다

 

지금은 gif는 잘되는데 webp 움짤은 티스토리에 올려도 작동하지 않는다 

webp를 사용할 때 응용하면 되지 않을까 싶다

 

gif mp4로 변환해서 움짤처럼 티스토리에 올리는 방법

그런데 용량을 더 줄이려면 위와 같이 mp4로 변환해서 올리면 되기 때문에 나는 지금은 사용하지 않지만 참고로 알아두려고 한다.

 

 

 

출처는 https://injeblog.tistory.com/106

 

지금은 또 글에 webp 움짤을 넣으면 움짤이 잘 작동한다.

티스토리 일시적 오류였나보다