친절한효자손 취미생활

아시다시피 티스토리는 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 모드로 변경 후 입력해야 합니다.


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




알리익스프레스 할인

이 블로그를 후원해주실 분들을 모집합니다!

이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

잠깐! 비밀로 남겨야 할 만한 내용인가요? 그렇다면 차라리 이메일을 보내주시기 바랍니다.

  1. Favicon of https://sgpirsquare.tistory.com 실력키우는 적오 2020.02.14 08:28 신고

    친효님 블로그 벤치마킹하려 구독중입니다. 좋은 정보 늘 감사합니다. 저도 친효님처럼 올해 안에 블로그 스킨을 만들고자 하는데 기간이 얼마나 걸리셨는지요.