친절한효자손 취미생활

아시다시피 티스토리는 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

댓글

비밀글모드

  1. 친효님 블로그 벤치마킹하려 구독중입니다. 좋은 정보 늘 감사합니다. 저도 친효님처럼 올해 안에 블로그 스킨을 만들고자 하는데 기간이 얼마나 걸리셨는지요.
    2020.02.14 08:28 신고
    • 안녕하세요. 혹시 웹코딩을 할 줄 아시나요?
      2020.02.14 10:39 신고
    • 지금 실력은 크롬에서 F12 눌러서 찾아서 글씨색깔이랑 폰트크기 바꾸는 정도밖에 안됩니다.
      2020.02.14 12:25 신고
    • 제 경우도 스킨만들기전엔 그정도였어요. 학원에서 웹코딩 6개월과정을 거쳤고 이후에 작업해서 완성된 기간은 약 한달정도 걸린 것 같습니다. 좀 헤메면서 작업했었거든요.
      2020.02.14 12:28 신고
  2. html 태그를 전혀 모르는 저같은 사람도 차근차근 따라했더니 잘 되네요 ^^ 정말 감사합니다. 저는 신형 에디터 사용자라 html 태그창에 직접 입력했습니다. (친효님 책 독자입니다! 많이 배우겠습니다)
    2020.02.24 15:00 신고
    • 안녕하세요, 이 덧글을 이제 봤네요 죄송합니다. ㅠㅠ 방문 감사합니다!
      2020.06.25 01:08 신고
    • 답글을 기다리고 남긴 건 아닌데 이렇게 늦게라도 답장 남겨주시니 정말 감사합니다 ㅎㅎ (늘 많이 배우고 있습니다.)
      2020.06.25 12:59 신고
  3. 오오 친절하게 쉽게 설명해주셔서 감사합니다!!! 덕분에 포스트에 gif를 쉽게 활용할 수 있게 되었어요! :)
    2020.06.30 08:05 신고
  4. 지금 에디터와는 UI가 달라보이는데 현재도 가능한가요?
    외부컨텐츠라는 항목이 안 보여서요.
    혹시 업데이트 되면서 그런 기능이 빠진 건가요?

    2020.07.11 04:25 신고
    • 안녕하세요, 외부컨텐츠 기능은 구형 글쓰기 에디터에서 지원하며 신형 글쓰기 에디터의 경우는 HTML 모드에서 입력해야 합니다. 본문을 업데이트 했으니 참고하시기 바랍니다.
      2020.07.11 05:11 신고
  5. 감사합니다.
    2020.07.22 19:32 신고