티스토리에 대용량 GIF(10mb 이상) 넣는 방법과 에러발생하며 안되는 이유
티스토리에 대용량 GIF(10mb 이상) 업로드 방법과 에러발생하며 안되는 이유 안내(구글드라이브 활용)
안녕하세요, 에어뷰 입니다.
이전 포스팅에서 10mb 이하 GIF 파일을 티스토리에 업로드 하는 방법에 대해 알려드렸습니다.
그런데 GIF 영상의 크기가 10mb가 넘는 경우가 더 많기 때문에,
이러한 대용량 파일을 티스토리에 활용하는 방법과 에러가 발생하면서 업로드 불가능한 경우에 대해 알려드리겠습니다.
먼저 구글 드라이브 등 다른 경로에 해당 GIF 파일을 업로드 해야 합니다.
저는 구글 드라이브(Google Drive)를 예시로 사용해서 보여드리겠습니다.
구글 드라이브에 GIF 파일 업로드 하기
먼저 구글 드라이브에 접속합니다. (https://drive.google.com/)
그냥 파일을 업로드해도 되지만,
[새로 만들기]로 폴더를 만들어 넣어보도록 하겠습니다.
[폴더]를 누르고, 폴더 제목을 정하고(ex. GIF Test) [만들기]를 눌러줍니다.
[파일 업로드]를 눌러 Animated GIF 파일을 업로드 합니다.
업로드가 완료되면, 위와 같이 폴더 내에 GIF 파일이 표시됩니다.
공유 권한을 설정해야 하기 때문에, [공유]를 눌러줍니다.
[고급]을 눌러 설정 변경 창으로 들어갑니다.
기본적으로 [비공개]로 되어 있는데, [변경]을 눌러서
[사용 - 모든 웹 사용자]로 권한을 변경해 줍니다.
위와 같은 상태에서 [완료]를 눌러줍니다.
업로드 한 GIF 파일에 마우스 우클릭을 하고, [공유 가능한 링크 가져오기]를 눌러줍니다.
붙여넣기(Ctrl+V)를 해서 복사된 링크를 확인해보면 아래와 같습니다.
https://drive.google.com/open?id=_____________________
위 주황색 빈칸은 해당 영상의 고유 소스입니다. 해당 소스만 따로 활용해야 합니다.
<img style="max-width: 100%; height: auto;" src="https://drive.google.com/uc?export=view&id=_____________________" >
대용량 GIF 파일 티스토리 업로드용 코드 with 구글드라이브.txt
위와 같은 형태로 만들어야 합니다.
위 첨부파일에 해당 코딩 내용이 있으니 활용하시면 되겠습니다.
(코드 출처 : 친절한 효자손 티스토리)
주황색 소스만 복사해서 붙여넣기 해 줍니다.
붙여넣기 하는 과정에서 _____________________ 앞/뒤로 "빈칸"이 발생하는 경우가 많습니다. 빈칸이 있는 경우 에러가 발생하고 GIF가 삽입되지 않으니 빈칸이 없는지 꼭 확인하시기 바랍니다.
예시) 코드가 https://drive.google.com/open?id=AAAAAAAAAA 일 때
에러발생 예시1) ~~~ view&id= AAAAAAAAAA"
에러발생 예시2) ~~~ view&id=AAAAAAAAAA "
티스토리에 대용량(10MB 이상) GIF 업로드 하기
준비는 다 되었습니다. 티스토리에 GIF를 넣어보도록 하겠습니다.
글쓰기에 들어가서, [외부컨텐츠]를 눌러줍니다.
준비한 코드를 붙여넣기(Ctrl+v) 해줍니다.
구글 드라이브에 업로드한 GIF가 글쓰기 상태에서도 바로 움직이는 GIF가 적용되는 것을 확인할 수 있습니다.
구글 드라이브에 업로드한 GIF가 에러 발생하며 업로드 되지 않는 경우 원인 분석
저도 처음에 연습할 때 다른분이 올려놓으신 GIF는 티스토리에 적용이 되는데,
막상 제가 제 구글 드라이브에 올린 GIF는 에러가 발생하며 적용되지 않았습니다.
이런 이유에 대한 글은 찾아볼 수가 없었고.. 결국 혼자 이것저것 시도하다가 원인을 확인했습니다.
가정 1. 용량이 너무 큰가? (157MB)
가정 2. 해상도가 너무 큰 GIF 영상인가? (1920 px X 1080 px)
제가 연습 시 다른 사이트에 봤던 GIF들은 다 해상도가 상대적으로 낮고 용량이 적은 파일이었습니다.
그래서 제가 테스트로 올린 GIF의 용량이 크거나, 해상도가 너무 높아서 문제인지 확인해보았습니다.
우선 제 블로그의 글쓰기 가로폭은 860px 입니다.
860px 이상의 영상을 올리면 에러가 날 수도 있겠다 싶었습니다.
그래서 px 별로 여러 GIF 영상을 만들어 보았습니다.
[[ 860 / 1000 / 1200 / 1400 / 1600 / 1920(이미 test, 에러) ]]
먼저 860px에서 테스트를 해보니 정상적으로 업로드 되었습니다.
일단은 에러가 해결되어서 다행이었고, 왠지 될 것 같았습니다.
그런데.. 원본 영상에 비해 화질이 꽤 낮아 보였습니다.
특히 아래 "에어뷰"글자가 조금 찌그러져 보였습니다.
1000px 로 테스트를 해 봐도 정상적으로 GIF가 업로드 되었습니다.
해상도의 문제는 아닌 것으로 확인되었지만, 아직도 화질이 원본보다 좀 낮아보였습니다.
1200px에서도 정상적으로 업로드 되었고, 이 때부터는 원본 화질과 비슷하게 보입니다.
1400px에서도 정상이었고.. 무엇이 문제일까 의문이 들기 시작했습니다.
결국 1600px 에서, 에러가 발생하며 업로드 되지 않았습니다.
구글 드라이브에서 각 파일의 상세내역을 확인했습니다.
에러를 보인 GIF는 100MB를 넘는 파일들이었습니다.
이와 관련해 구글에서 검색해보니 티스토리에서 100MB 넘는 파일들에 대한 제한이 있다는 내용들이 간간이 보였습니다.
결론
1. 티스토리에 외부 사이트에 업로드한 GIF 영상을 가져올 때는 100MB 이하만 업로드 할 수 있다
2. 글쓰기 폭(860px)과 같은 GIF 영상을 가져오더라도 화질의 저하가 있을 수 있다
끝.
댓글