티스토리에 저용량 GIF(10mb 미만) 넣는 방법 2가지와 추천방법 [+프리미어 GIF 출력방법]

티스토리에 저용량 GIF(10mb 미만) 넣는 방법 2가지, 추천방법과 이유 안내  [+프리미어 출력 방법]

안녕하세요, 에어뷰 입니다.

티스토리에 저용량(10MB 이하) GIF(짧은 영상)을 넣는 방법 2가지와 추천 방법 및 이유에 대해 알려드리겠습니다.

먼저 GIF는 Graphics Interchange Format의 약자로, 

보통 인터넷 상에 상대적으로 짧은 시간의 동영상을 재생 클릭 없이 반복재생하여 보여주는 것을 말합니다.

예를 들면, 아래와 같은 것입니다.

재생 버튼을 누를 필요없이 짧은 영상이 반복재생되기 때문에 포스팅을 보는 사람의 입장에서는 편리한 점이 있지만, 아무래도 영상이 글 내에 첨부되기 때문에 인터넷 환경에 따라 페이지 로딩이 느려질 수 있는 단점은 있습니다.

속도와 용량의 문제를 제외하면, GIF는 전하고자 하는 정보를 보다 효과적으로 전달할 수 있는 좋은 수단입니다.

GIF는 2가지 종류가 있습니다.

*GIF 파일 종류

1. 여러, 수십장의 이미지 파일 형태

2. 1개의 Animated GIF 동영상 파일 형태

1. 이미지 파일 형태

GIF 이미지 파일들

예를 들어 25 frame 으로 만들어진 2초 동영상을 이미지 GIF로 출력하면,

1초에 사진 25장을 빠르게 보여준다는 의미입니다.

따라서 이미지가 50장이 출력되고, 사진 1장당 파일 크기는 작은 편입니다 

예시로, 동영상 편집 프로그램인 프리미어 프로(Premiere Pro)에서 

GIF 이미지 형태로 출력시, "GIF"를 선택하시면 됩니다.

그리고 1초당 보여주는 이미지 개수를 결정하는 Frame 수는 일반적인 동영상에서는

30frame (29.97)을 많이 사용하지만, 인터넷에 움직이는 짧은 영상(움짤) 용도로 올리는 경우

보통 큰 화면 보다는 작게 보여주는 경우가 많으므로, 크게 고화질이나 높은 frame은 필요 없습니다.

고화질에 frame rate가 높으면 용량이 커지기 때문에 움짤 용도로는 frame을 낮추는 것이 좋습니다.

물론 움직임이 많은 움짤의 경우는 경우에 따라 30frame을 하는 것도 좋겠지만,

그렇지 않은 경우라면 15, 24 frame 정도로 해도 좋겠습니다.

그러나, 티스토리에 올리는 용도로는 적합하지 않습니다.

아래 2번 방법으로 Animated GIF를 만드시기 바랍니다.

2. 동영상 파일 형태(Animated GIF)

Animated GIF 파일

이미지 형식보다 많이 사용되는 방식입니다.

이미지 방식은 파일 개수도 많고 전부를 업로드해야 하는 번거로움이 있습니다.

또한 티스토리에서는 1번 방식으로 업로드하는 GIF를 이용할 수 없습니다.

2번 방식인 GIF 동영상 형태로 출력시,

프리미어 프로(Premiere Pro)에서 "Animated GIF"를 선택하시면 됩니다.

티스토리에 GIF 파일 업로드 방법

티스토리에 직접 Animated GIF 파일을 업로드 시, 10MB까지만 업로드 가능하기 때문에 

제한이 매우 큽니다. 10MB 이하이려면, frame 수를 낮게, 화질과 해상도도 낮게 해야 하기 때문에 직접 업로드 하는 방법은 단점이 매우 큽니다. 

TIP

10MB 이상의 대용량 GIF를 첨부하는 방식은 별도 포스팅 예정입니다.

10MB 이하의 저용량 Animated GIF 파일을 티스토리에 업로드하는 방법은 2가지가 있으며,

추천하는 방법과 이유는 아래와 같습니다.

*참고로, GIF 파일은 "동영상"으로 인식되지 않습니다.

*Animated GIF 업로드 방법

1. [사진] 기능 이용

2. [슬라이드쇼] 기능 이용

1. [사진] 기능 이용하여 업로드

먼저 기본적인 [사진] 기능을 이용하는 방법입니다.

[사진]을 누르면 아래와 같은 창이 뜹니다.

제한 용량이 50MB로 나오지만, 

한번에 업로드 할 수 있는 총 용량이며, 사진/GIF 1장의 최대 용량 제한은 10MB 입니다.

[사진추가]를 눌러 GIF 파일을 불러오면, 위와 같이 미리보기가 됩니다.

다만, 움직이지 않고 정지된 사진으로 미리보기가 되는데, 정상입니다.

*주의할 점이 있습니다.

위의 어떠한 효과라도 넣으시면 안 됩니다. 특히 워터마크나 스티커, 텍스트를 넣는 경우가 종종 있는데, 어느 효과를 넣어도 움직이는 효과가 발현되지 않습니다.

GIF 업로드 시에는 그대로 [사진올리기]를 눌러 업로드 해주셔야 합니다.

2. [슬라이드쇼] 기능 이용하여 업로드

[이미지 갤러리]를 사용하며, 

해당 GIF 파일을 [파일찾기]를 눌러 업로드 후에 [삽입]을 눌러주시면 됩니다. 

[사진] VS [슬라이드쇼] 기능 비교 및 추천

그럼 본격적으로 비교를 해보도록 하겠습니다.

"해상도"란?

간단히 [ 가로크기(___px) X 세로크기(___px) ] 로, 영상이 제작된 화면 크기로 생각하시면 됩니다.

#비교 1 : 해상도 관련

[사진] 

GIF 파일의 해상도와 상관없이 영상만 업로드 가능

[슬라이드쇼]

GIF 파일의 해상도가 낮으면 검정색 공백이 발생함 

[사진]/[슬라이드쇼] 두 가지 모두, 사이즈 조절은 가능합니다.

하지만 적용되는 방식의 차이가 있으니 확실히 알고 계셔야 합니다.

#비교 2 : 정렬 가능여부 

[사진] 

왼쪽/가운데/오른쪽 정렬 모두 가능.

[슬라이드쇼]

가운데 정렬만 가능. 자동으로 적용

포스팅에 삽입하고자 하는 사이즈가 클 때,

두 가지 기능의 장/단점이 확연히 드러납니다.

그럼 마무리로 정리하고 끝내겠습니다. 

[사진 기능]

- 장점 

1. 왼쪽/가운데/오른쪽 정렬 가능.

2. 검정색 공백 없이 확대 가능

- 단점

1. 원래 영상의 해상도 보다 크게 불러오면 확대가 되므로 화질이 떨어짐

[슬라이드쇼 기능]

- 장점

1. 원래 해상도의 영상 크기만 제공하므로 항상 영상 원본 화질의 GIF를 보여줄 수 있음 

- 단점

1. 가운데 정렬만 가능. (보통 영상은 가운데정렬 하기 때문에 큰 단점은 아니지만..)

2. 영상보다 큰 사이즈로 지정 시, 해상도가 고정되어 있기 때문에 검정색 공백이 발생

위 장단점을 고려하여 상황에 맞게 사용하시면 되겠습니다.

끝.