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로 변환해서 움짤처럼 티스토리에 올리는 방법
gif 파일은 너무 구식이고 색도 256밖에 지원 안 하고 용량도 너무 크다 다른 건 둘째 치고라도 용량이 너무 큰 게 걸림돌인데 이것을 mp4로 변환하면 용량이 어마어마하게 줄어들게 된다. 그런데
itmii.tistory.com
그런데 용량을 더 줄이려면 위와 같이 mp4로 변환해서 올리면 되기 때문에 나는 지금은 사용하지 않지만 참고로 알아두려고 한다.
출처는 https://injeblog.tistory.com/106
지금은 또 글에 webp 움짤을 넣으면 움짤이 잘 작동한다.
티스토리 일시적 오류였나보다
'정보 Tips > 티스토리 Tistory' 카테고리의 다른 글
티스토리 애드센스 광고 잘림 해결 방법 (1) | 2022.06.07 |
---|---|
티스토리 사진 좌우 여백 제거 방법 (2) | 2022.06.06 |
티스토리 애드센스 본문 하단 광고 삽입 방법 (1) | 2022.05.20 |
티스토리 글쓰기 에디터 글자 크기 변경 방법 (0) | 2022.05.19 |
티스토리 카테고리의 다른 글 폰트 크기 조절 (0) | 2021.07.30 |
구글 애드센스 세금 정보 등록 방법 (1) | 2021.05.24 |
티스토리 사이드바 고정 플로팅 광고 간단히 하는법 (1) | 2021.05.22 |
티스토리에 이미지 지연 로드 lazy load 적용하기 (0) | 2021.05.21 |