친절한효자손 취미생활

아시다시피 티스토리는 10MB 이상의 GIF 이미지를 업로드 못 하게 되어 있습니다. 결국 GIF 이미지를 10메가바이트 아래로 생성해야 하는데, 그러면 이미지를 무조건 줄여야하고 프레임수도 제한을 둘 수 밖에 없습니다. 정녕 이렇게밖에 할 수 없는 걸까요? 아닙니다. 우리에게는 무적의 구글드라이브가 있습니다.


구글 드라이브를 활용하여 티스토리에 대용량 움짤을 올리자!

안드로이드 스마트폰 유저분들이라면 당연히 구글 계정을 최소 하나씩은 가지고 계실 것 입니다. 꼭 안드로이드 유저 아니더라도 구글 계정은 아마 있을꺼에요. 구글 계정이 있으니 15GB를 기본으로 제공하는 구글 드라이브를 활용할 수 있습니다. 무료로 15기가바이트를 제공하는 구글 클라우드를 적극 이용해 봅시다.


먼저 업로드할 움짤 GIF 이미지를 준비 합니다. 보시는 것 처럼 용량이 약 55MB여서 티스토리에 업로드가 불가 합니다.


여기서부터는 구글 드라이브 웹페이지에서 진행하는 과정 입니다. 먼저 구글 드라이브에 업로드 합니다. 완료된 움짤 이미지 파일에서 오른쪽 마우스 버튼을 누릅니다. 그리고 공유 메뉴를 누릅니다.


가장 먼저 변경으로 들어갑니다.


전체 공개로 되어 있는지 확인합니다. 그리고 오른쪽의 뷰어 부분도 뷰어로 되어 있는지 확인합니다.


설정이 다 되었습니다. 이제 링크 복사 버튼을 누릅니다. 그리고 완료 버튼을 눌러주시면 끝입니다. 아까 복사해둔 링크는 임시로 메모장에 붙여넣기를 해 줍니다. 이제 해당 링크를 2차 가공해야 합니다. 이렇게 변경해주시면 됩니다.


구글 URL : https://drive.google.com/file/d/XXXXXXXXXXXXXXXXXXXXXXXXXXX/view?usp=sharing

변형 HTML 태그 : <img style="max-width: 100%; height: auto;" src="https://drive.google.com/uc?export=view&id=" >


구글 URL의 노란색으로 표시된 부분을 복사하시어 변형 HTML 태그에 있는 다이아몬드 특수문자 부분에 붙여넣기를 하면 됩니다. 그러면 최종적으로 이렇게 HTML 태그가 완성 됩니다. 변형 HTML 태그에 대한 소스는 아래의 첨부파일을 통해 확인 가능합니다.


티스토리 대용량 GIF 이미지 HTML 태그.txt


최종적으로 아래와 같은 HTML 이미지 태그가 완성이 될 것 입니다.


<img style="max-width: 100%; height: auto;" src="https://drive.google.com/uc?export=view&id=XXXXXXXXXXXXXXXXXXXXXXXXXXX" >


이제 이 태그를 그대로 티스토리에서 사용하면 됩니다.


티스토리 글쓰기 에디터에서 HTML 모드에 체크해서 수동 입력해도 되지만, 저는 외부컨텐츠 버튼을 눌러서 입력합니다. 이게 더 편합니다.


신형 글쓰기 에디터에서는 어쩔 수 없이 HTML 모드로 변경 후 입력해야 합니다. 기본모드에서 HTML 모드로 변경하면 됩니다.


그리고 이렇게 수동으로 붙여넣기를 하면 됩니다.


이렇게 해서 대용량 움짤이 정상적으로 티스토리 본문에 업로드 되었습니다. 위의 GIF 이미지가 55MB 짜리 입니다. 참고로 저 치약짜개 괜찮네요. 다만 뿜어져 나오는 위치가 좀 안 맞아서 개조를 해야 할 것 같습니다. 아무튼 구글 드라이브를 활용하여 티스토리에 대용량 움짤을 올리는 방법을 알아보았습니다. 꼭 구글 드라이브가 아니어도 상관 없습니다. 가지고 있는 다양한 클라우드를 활용해서 진행해 보시기 바랍니다. 끝.

공유하기

facebook twitter kakaoTalk kakaostory naver band