티스토리 블로그 움직이는 GIF 이미지(움짤)을 올리는 방법

2017. 6. 21. 00:41

티스토리 블로그 움직이는 GIF 이미지(움짤)을 올리는 방법

필자는 평소에 포토샵으로 움짤을 만드는 작업을 상당히 많이 하는 편인데요.

보통 교육 강좌나 정보성 글을 작성하는 과정에서 이미지와 글로 표현하기는 애매하고

동영상으로 하기에는 번거롭고 그런 상황에 가장 최적의 표현 방법이 움짤이 아닐까 생각합니다.

네이버 블로그와는 달리 티스토리에서는 움짤 올리는 것도 쉬운 과정은 아니더군요.

다 알고 나면 쉽지만, 알아가는 과정에서 상당한 시행착오를 겪었습니다.

여러분은 이 글을 보시고 시간 낭비 없이 쉽게 작업하시기 바랍니다.

글쓰기 에디터 상단에 [사진]을 눌러주세요.

포토업로더 창이 나오게 되면 [사진 추가하기]를 눌러 움짤 파일을 업로드해주세요.

일단, 움짤이 현재 본문 가로폭 비율 대비해서 알맞게 들어갔지만 캡처 이미지를 잘 보시면

움직이는 이미지가 픽셀이 번지고 깨진 것 같은 형태로 들어가게 됩니다.

일단, 이미지의 품질을 전혀 신경 쓰지 않는다면 모를까, 현재 업로드 방법은 맞지 않는 것으로 판단됩니다.

이번에는 에디터 창에서 [슬라이드쇼]를 눌러주세요.

[이미지 갤러리]를 선택하고 [파일 찾기]를 눌러 움짤 업로드 후 [삽입]을 눌러주시면 됩니다.

슬라이드쇼 형태로 본문에 삽입됩니다.

일단 결과적으로 슬라이드쇼 형태로 움짤 파일을 삽입하게 되면 보이는 것처럼 원본 크기보다 매우 작게 삽입됩니다.

그리고, 최초 왼쪽에 정렬된 상태로 맞춰놨는데 자동으로 중앙 정렬로 바뀌어 업로드됩니다.

파일 상하단에 이상한 아이콘과 파일명이 나와서 지저분하고 영 보기 안 좋더군요.

최종 결과, ②의 업로드 방식도 맞지 않는 것으로 판단됩니다.

이번에는 [파일]을 클릭하시고

파일 선택을 눌러 움짤 이미지를 업로드 후 등록합니다.

최종결과물입니다. 필자가 원했던 대로 깔끔하게 움짤 업로드가 완료되었습니다.

블로그 기본 기능을 거의 다 배웠다고 생각했는데 아직도 갈 길이 멀게 느껴지네요.

처음부터 파일로 첨부했으면 시행착오도 없었을텐데 말이죠..

이상 티스토리 블로그에 움직이는 GIF 이미지(움짤)을 업로드하는 방법을 마치겠습니다.

이름 없는 남자