본문 바로가기
티스토리

티스토리 사진, gif 사이즈 축소해서 넣기

by tistoryhelper 2023. 6. 21.

 

블로그 글을 적다 보면 필연적으로 사진 그리고 움짤인 gif 파일을 넣게 됩니다.

 

이런 파일들의 용량이 너무 클 경우 줄여줘야 하는데요

 

왜 줄여야 하냐면 이런 용량이 구글 서치콘솔의 모바일 최적화와 큰 연관성이 있습니다

 

검색하면 여러 방법이 나오지만 현실적으로 불편한게 많아서

 

제가 주로 쓰는 간단한 방법을 소개 드리려 합니다.

 

 

 

 

1. 사진 사이즈 줄이기

 

핸드폰 사양이 가면 갈수록 좋아지기 때문에 핸드폰으로 찍은 사진의 크기 또한 계속 커지고 있습니다

 

요새는 한장에 기본적으로 10mb가 넘어가니 한 블로그 글에 사진 10장만 올려도 100mb가 넘는 용량이 됩니다

 

그래서 이런 고화질 사진을 줄이는 프로그램, 사이트 등이 있는데요

 

어이없지만 이러한 사이트 등은 대부분 용량 제한이 10mb나 5mb가 끝입니다

 

사진 한장에 10mb가 넘어가는 시대에 쓰기는 현실적으로 어렵죠

 

설령 한장이 올라간다 해도 하나 올리고 변환 시키고 내려받고 또 올리고... 이런 반복작업을 해야 합니다

 

여러 장의 사진을 한번에 용량을 줄이는 방법은 의외로 간단합니다

 

핸드폰에서 카톡으로 나에게 사진을 보내면 됩니다.

 

 

용량이 대폭 줄어든다

 

그 후 그 파일을 내 컴퓨터에 받고 열어보면 원본 사이즈에 비해 매우 줄어든 걸 확인할 수 있습니다

 

7.2mb가 70kb가 되었으니 거의 100분의 1이 넘게 줄어든 셈이죠

 

구글에서 원하는 모바일 최적화 사진은 200kb 내외라고 합니다

 

저도 모바일 최적화에 대한 경고를 계속 받았을 때 원인을 찾지 못했었는데

 

그냥 사진의 용량이 너무 커서 모바일로 불러오기 적합하지 않다고 판단했던거 같습니다

 

 

대부분의 일이 그렇듯 원인은 복잡해 보였지만 해결 방법은 의외로 간단합니다

 

 

 

2. gif 사이즈 줄이기

 

일명 움짤이라고 하는 gif 파일은 사진보다 좀 더 제한이 엄격한데요

 

10mb 이상 gif 파일은 티스토리 블로그에 업로드 할 수 없습니다

 

따라서 편법이 필요한데요, 가장 간단한 방법을 소개 드립니다

 

 

 

구글 드라이브 접속

 

 

준비물은 구글아이디 하나면 됩니다. 구글 로그인 후 메뉴창을 열어 구글 드라이브로 가줍니다

 

 

 

새로만들기를 누른 후 파일업로드를 눌러 원하는 gif 파일을 업로드 해 줍시다

 

 

 

 

해당 gif 파일을 우클릭 하면 링크 복사 버튼이 나오는데 이걸 누르면 주소가 복사됩니다

 

만약 드라이브 링크가 없다면 저 위치에 링크 생성 버튼이 있을거고 클릭 후 

 

링크가 있는 모든 사용자에게 공개를 클릭하면 링크가 생성됩니다.

 

이제 링크를 복사해보면 

 

https://drive.google.com/file/d/드라이브주소/view

 

요런 형식의 url이 복사 되었을 것입니다.

 

file/d/ 와 /view 사이의 드라이브 주소가 필요합니다

 

 

이제 티스토리에서 글을 쓸때 HTML을 누른 다음에

 

위와 같이 중간에 코드를 입력하면 큰 용량의 gif파일이 삽입됩니다

 

<center><img style="max-width: 100%; height: auto;" src="https://drive.google.com/uc?export=view&amp;id=드라이브주소" /></center>

 

이 코드를 복사해서 드라이브주소 부분만 원하시는 값으로 넣으시면 끝입니다

 

 

 

하지만! gif파일의 크기와 티스토리 글의 크기가 같지 않기 때문에 정렬을 해줘야 하는데요

 

 

위 : 가운데정렬 /&nbsp; 아래 : 일반값

 

위의 사진과 같이 가운데 정렬을 했을 때와 안했을 때 차이가 심하게 발생합니다

 

그래서 복사코드 앞뒤로 <center>가 붙은거니까 저대로 복사하시고 사용하면 되겠습니다

 

 

 

 

 

오늘은 사진과 gif 파일의 사이즈를 줄여서 티스토리에 업로드 하는 방법에 대해 소개해 봤습니다

 

가장 쉬운 방법만 소개하다 보니 다른 방법도 있다는 점 참고해 주세요