티스토리 자동재생 움짤 만드는 방법｜재생 버튼 없이 움직이는 GIF 이미지 넣기

티스토리 블로그를 읽다 보면 재생 버튼을 누르지 않았는데도 사진이 움직이는 경우가 있습니다.

마우스를 움직이는 과정이나 스마트폰 설정 방법을 짧게 보여주는 화면이 대표적입니다.

이처럼 자동으로 움직이는 이미지를 흔히 '움짤'이라고 부릅니다.

블로그에 움짤을 넣으면 여러 장의 사진으로 설명해야 하는 과정을 짧은 움직임으로 보여줄 수 있습니다. 특히 스마트폰 사용법이나 컴퓨터 설정 방법을 안내할 때 유용합니다.

그렇다면 티스토리에서 재생 버튼 없이 움직이는 이미지는 어떻게 만들까요?

가장 쉬운 방법은 동영상을 GIF 파일로 변환한 뒤 티스토리에 사진처럼 첨부하는 것입니다.

별도의 복잡한 프로그램 없이도 만들 수 있으니 처음 사용하는 분도 아래 순서대로 따라 해보세요.

✓ 1. 가장 먼저 할 일｜동영상을 GIF로 변환하기

이미 MP4 동영상 파일이 있다면 바로 시작할 수 있습니다.

먼저 인터넷 브라우저에서 'EZGIF'를 검색하거나 주소창에 다음 주소를 입력합니다.

https://ezgif.com/video-to-gif

이 사이트에서는 컴퓨터나 스마트폰에 저장된 동영상을 움직이는 GIF 이미지로 변환할 수 있습니다.

변환 순서는 다음과 같습니다.

1. EZGIF의 Video to GIF 페이지에 접속합니다.
2. '파일 선택(Choose File)'을 누릅니다.
3. GIF로 만들 동영상 파일을 선택합니다.
4. 'Upload video!' 버튼을 눌러 파일을 불러옵니다.
5. 움직이는 이미지로 만들 시작 시간과 종료 시간을 지정합니다.
6. 이미지 크기와 프레임 속도를 설정합니다.
7. 'Convert to GIF!' 버튼을 누릅니다.
8. 변환이 끝나면 'Save'를 눌러 GIF 파일을 저장합니다.

영어로 표시된 메뉴가 낯설더라도 어렵지 않습니다.

'Upload video'는 동영상 불러오기, 'Convert to GIF'는 GIF로 변환하기, 'Save'는 저장하기라는 뜻입니다.

처음에는 5초 정도의 짧은 영상으로 연습하는 것이 좋습니다.

동영상 전체를 변환할 필요는 없습니다. 독자에게 보여주고 싶은 장면만 선택하면 됩니다.

주의할 점: 온라인 변환 사이트에 파일을 업로드할 때는 주민등록번호, 계좌번호, 비밀번호 등 개인정보가 보이는 영상은 사용하지 않는 것이 좋습니다.

✓ 2. GIF 파일을 작고 가볍게 만드는 설정

GIF는 동영상과 달리 여러 장의 이미지를 연속으로 보여주는 방식입니다.

그래서 영상이 길거나 화면이 클수록 파일 용량이 커질 수 있습니다.

티스토리에서는 화면이 잘 보이면서도 너무 무겁지 않은 GIF를 만드는 것이 중요합니다.

처음 만드는 경우에는 다음 설정을 참고해 보세요.

- 영상 길이: 3~8초
- 이미지 가로 크기: 480~640픽셀
- 프레임 속도: 초당 10~15장
- 반복 횟수: 무한 반복

프레임 속도는 1초 동안 몇 장의 화면을 보여주는지를 의미합니다.

숫자가 높으면 움직임이 부드러워지지만 파일 용량도 커질 수 있습니다.

스마트폰 화면에서 버튼을 누르는 과정을 보여주는 정도라면 초당 10장으로도 충분한 경우가 많습니다.

EZGIF의 반복 횟수 설정에서 0은 무한 반복을 의미합니다.

변환된 GIF가 너무 크다면 'Optimize' 기능을 이용해 용량을 줄일 수 있습니다.

단, 지나치게 압축하면 글씨가 흐릿해지거나 움직임이 부자연스러워질 수 있습니다.

최종적으로는 실제 블로그에서 글씨와 버튼이 잘 보이는지 확인하는 것이 중요합니다.

✓ 3. 티스토리에 GIF 이미지 넣는 방법

GIF 파일을 만들었다면 이제 티스토리 글에 넣어보겠습니다.

방법은 일반 사진을 첨부하는 과정과 거의 같습니다.

1. 티스토리 관리자 화면에 로그인합니다.
2. '글쓰기'를 선택합니다.
3. GIF를 넣고 싶은 위치에 커서를 놓습니다.
4. 글쓰기 편집기의 사진 첨부 기능을 선택합니다.
5. 앞에서 저장한 GIF 파일을 선택합니다.
6. 이미지가 본문에 들어갔는지 확인합니다.
7. 글을 발행한 뒤 실제 게시 화면에서 움직이는지 확인합니다.

정상적으로 첨부된 GIF는 일반적으로 재생 버튼 없이 자동으로 움직입니다.

또한 반복 재생으로 만들어 두었다면 움직임이 끝난 뒤 처음부터 다시 재생됩니다.

다만 글쓰기 편집기에서는 움직이지 않는 것처럼 보이거나, 브라우저 환경에 따라 표시 방식이 달라질 수 있습니다.

따라서 편집 화면만 보고 판단하지 말고 실제 발행된 글을 확인하는 것이 좋습니다.

중요한 점은 GIF를 이미지 파일 그대로 첨부하는 것입니다.

GIF를 캡처한 사진이나 정지 이미지로 바꿔 올리면 움직임이 사라집니다.

✓ 4. 스마트폰으로도 움직이는 GIF를 만들 수 있을까?

가능합니다.

스마트폰에 저장된 동영상도 GIF로 변환할 수 있습니다.

기본적인 방법은 컴퓨터와 같습니다.

먼저 스마트폰 브라우저에서 GIF 변환 사이트에 접속합니다.

이후 파일 선택 버튼을 누르고 사진 앱이나 파일 앱에 저장된 동영상을 불러옵니다.

필요한 구간을 선택한 뒤 GIF로 변환하고 저장하면 됩니다.

다만 스마트폰 기종이나 브라우저에 따라 저장 위치가 다를 수 있습니다.

변환한 파일이 보이지 않는다면 다운로드 폴더나 파일 앱을 확인해 보세요.

스마트폰으로 만든 GIF도 티스토리에 업로드할 수 있습니다.

하지만 긴 동영상을 변환하면 용량이 커지고 작업 시간이 오래 걸릴 수 있습니다.

가능하면 먼저 영상을 짧게 잘라 놓는 것이 좋습니다.

✓ 5. GIF가 자동으로 움직이지 않을 때 확인할 것

GIF를 업로드했는데 사진처럼 멈춰 있다면 다음 사항을 확인해 보세요.

첫째, 파일 확장자가 GIF인지 확인합니다.

파일 이름 끝이 .gif로 되어 있는지 살펴보세요.

MP4 동영상이나 JPG 사진을 GIF로 착각해 첨부한 것은 아닌지 확인해야 합니다.

다만 파일 이름만 .gif로 바꾼다고 동영상이 GIF로 변환되는 것은 아닙니다.

둘째, 원본 GIF가 움직이는지 확인합니다.

컴퓨터나 스마트폰에서 저장된 GIF 파일을 직접 열어보세요.

원본부터 움직이지 않는다면 변환 과정에서 문제가 발생했을 수 있습니다.

셋째, 실제 발행된 글에서 확인합니다.

티스토리 편집 화면과 게시 화면은 표시 방식이 다를 수 있습니다.

글을 발행한 뒤 새로고침해서 확인해 보세요.

넷째, 다른 브라우저에서도 확인합니다.

일부 브라우저나 기기에서는 데이터 절약, 접근성 설정 또는 이미지 처리 방식에 따라 애니메이션 표시가 달라질 수 있습니다.

다섯째, GIF 파일을 다시 첨부해 봅니다.

이미지를 복사해 붙여넣는 과정에서 정지된 화면만 들어간 경우에는 원본 GIF 파일을 직접 선택해 첨부하는 것이 좋습니다.

이렇게 확인하면 대부분의 기본적인 문제 원인을 찾는 데 도움이 됩니다.

✓ 6. 동영상 자동재생과 GIF 자동재생은 무엇이 다를까?

GIF와 MP4 동영상은 모두 움직이는 화면을 보여줄 수 있지만 작동 방식이 다릅니다.

GIF는 움직이는 이미지 파일입니다.

그래서 일반적으로 별도의 재생 버튼 없이 이미지가 자동으로 움직입니다.

반면 MP4는 동영상 파일입니다.

동영상은 재생 버튼이나 자동재생 설정에 따라 움직임이 시작됩니다.

특히 소리가 포함된 동영상은 브라우저에서 자동재생이 제한될 수 있습니다.

소리가 없는 짧은 동영상을 자동재생하려면 HTML의 자동재생, 음소거, 반복재생 등의 설정을 사용할 수 있습니다.

하지만 티스토리에서 이러한 방식을 사용하려면 동영상 파일에 직접 접근할 수 있는 주소가 필요하며, 블로그 편집기나 브라우저 환경에 따라 작동 여부가 달라질 수 있습니다.

따라서 HTML 설정이 익숙하지 않은 초보자라면 먼저 GIF 방식을 사용하는 것이 편리합니다.

✓ 7. 티스토리 글에 GIF를 넣으면 좋은 상황

움직이는 이미지는 모든 글에 많이 넣기보다 실제로 도움이 되는 부분에 사용하는 것이 좋습니다.

예를 들어 스마트폰 설정 방법을 설명할 때 버튼을 누르는 순서를 GIF로 보여줄 수 있습니다.

컴퓨터 프로그램 사용법을 안내할 때도 메뉴를 선택하는 과정을 짧게 보여주면 이해하기 쉽습니다.

또한 사진 편집 전후의 변화나 간단한 조작 방법을 보여주는 데에도 활용할 수 있습니다.

다만 GIF가 너무 많으면 페이지가 무거워질 수 있습니다.

움직임이 필요하지 않은 부분은 일반 사진을 사용하고, 꼭 필요한 과정에만 GIF를 넣는 것이 좋습니다.

화면이 계속 움직이면 글을 읽는 데 방해가 될 수도 있으므로 중요한 설명은 이미지뿐 아니라 글로도 함께 제공하는 것이 좋습니다.

✓ 8. 티스토리 블로그에서 GIF 사용할 때 주의할 점

GIF를 사용한다고 해서 블로그 검색 순위가 자동으로 높아지는 것은 아닙니다.

중요한 것은 독자가 글을 이해하는 데 실제로 도움이 되는지입니다.

특히 티스토리에서 정보성 글을 작성할 때는 다음 사항을 기억하세요.

첫째, GIF만 넣지 말고 설명을 함께 작성합니다.

이미지에 어떤 과정이 나오는지 글로 설명하면 독자가 내용을 이해하기 쉽습니다.

둘째, 파일 용량을 확인합니다.

용량이 큰 GIF는 페이지가 느리게 열리는 원인이 될 수 있습니다.

셋째, 개인정보가 보이지 않도록 합니다.

스마트폰 화면을 녹화할 때 이름, 연락처, 알림 내용, 계좌정보 등이 나타나지 않도록 주의하세요.

넷째, 직접 만든 영상이나 사용 권한이 있는 자료를 이용합니다.

다른 사람이 만든 영상이나 이미지를 허락 없이 사용하는 것은 저작권 문제가 될 수 있습니다.

다섯째, 모바일 화면에서도 확인합니다.

컴퓨터에서 잘 보이는 GIF라도 스마트폰에서는 글씨가 너무 작게 보일 수 있습니다.

독자가 실제로 사용하는 화면을 기준으로 확인하는 것이 좋습니다.

✓ 9. 자주 묻는 질문

Q. GIF는 재생 버튼을 누르지 않아도 자동으로 움직이나요?

네. 정상적인 애니메이션 GIF는 일반적으로 이미지가 표시되면 자동으로 움직입니다. 다만 기기나 브라우저 설정에 따라 다르게 보일 수 있습니다.

Q. MP4 파일을 그대로 사진처럼 올리면 자동재생되나요?

아닙니다. MP4는 동영상이므로 GIF와 다릅니다. 자동재생을 하려면 별도의 재생 설정과 지원 환경이 필요합니다.

Q. GIF에 소리를 넣을 수 있나요?

일반적인 GIF 파일에는 소리를 넣을 수 없습니다. 소리가 필요하다면 MP4 같은 동영상 형식을 사용해야 합니다.

Q. GIF가 너무 커서 업로드하기 어렵다면 어떻게 하나요?

영상 길이를 줄이고 이미지 크기와 프레임 속도를 낮춰 보세요. 변환 사이트의 용량 최적화 기능을 이용하는 것도 방법입니다.

Q. 티스토리에 GIF를 많이 넣어도 괜찮나요?

사용할 수는 있지만 용량이 큰 GIF를 여러 개 넣으면 페이지 로딩이 느려질 수 있습니다. 꼭 필요한 장면에만 사용하는 것이 좋습니다.

Q. 스마트폰에서도 GIF가 자동으로 움직이나요?

대부분의 최신 스마트폰 브라우저에서는 움직이는 GIF를 볼 수 있습니다. 다만 사용자 설정이나 브라우저 환경에 따라 차이가 있을 수 있습니다.

✓ 10. 오늘 바로 따라 해보는 간단한 연습

처음부터 복잡한 영상을 만들 필요는 없습니다.

다음 순서로 간단하게 연습해 보세요.

1. 스마트폰에서 설정 화면을 5초 정도 녹화합니다.
2. EZGIF에 동영상을 불러옵니다.
3. 필요한 부분만 선택해 GIF로 변환합니다.
4. 변환한 파일을 저장합니다.
5. 티스토리 비공개 글에 GIF를 첨부합니다.
6. 발행한 글에서 자동으로 움직이는지 확인합니다.

이 과정을 한 번 해보면 이후에는 다른 동영상도 비슷한 방법으로 변환할 수 있습니다.

특히 스마트폰 사용법이나 인터넷 서비스 이용 방법을 소개하는 블로그라면 활용할 기회가 많습니다.

✓ 마무리

티스토리에서 재생 버튼 없이 움직이는 이미지를 만들고 싶다면 가장 쉬운 방법은 동영상을 GIF로 변환하는 것입니다.

먼저 짧은 동영상을 준비하고, GIF 변환 사이트에서 필요한 구간을 선택해 저장하면 됩니다.

그다음 티스토리 글쓰기 화면에서 일반 사진처럼 첨부하면 됩니다.

이때 파일 용량을 줄이고, 실제 발행된 글에서 움직임이 정상적으로 보이는지 확인하는 것이 중요합니다.

처음에는 5초 정도의 간단한 GIF 하나를 만들어 보세요.

한 번 익혀두면 스마트폰 설정 방법, 컴퓨터 사용법, 프로그램 안내 등 다양한 정보성 글에 활용할 수 있습니다.

재생 버튼 없이 움직이는 이미지를 적절하게 활용하면 독자가 복잡한 설명을 더 쉽게 이해하는 데 도움이 됩니다.