구글 드라이브로 이미지 호스팅하기

블로그를 시작하면서 이미지를 호스팅하는 방법에 대해 고민했는데요.
이것저것 시도해본 결과 무난히 사용가능 했던 구글 드라이브를 소개합니다.

 

설명

블로그를 시작하면서 보다 효과적으로 컨텐츠정보를 전달하기 위해서는 이미지가 필요했습니다.
하지만 이미지를 파일째로 소스코드에 올리는 것은 페이지 로딩에도 좋지 못할 뿐더러 불필요한 용량을 차지하게 되죠.
보통의 개발환경이라면 NFS서버나 이미지 서버를 따로 두어 관리하는데요, 블로그 하나 하자고 서버를 설치하는 것은 배보다 배꼽이 크겠죠?!
그래서 다들 어떻게 하고있나 찾아본 결과 이런 저런 방법이 있었지만, 클라우드를 이용하는 방법이 간편해 보여서 이용하게 되었습니다.

요즘에는 모두 dropbox나 google drive같은 클라우드 스토리지 하나씩은 가지고 있을 것입니다.
이번 포스팅에서는 그 중 구글 드라이브를 이용하여 이미지를 호스팅하는 법에 대해 포스팅하고자 합니다. (참고로 구글 포토는 안되더라구요!ㅠㅠ)

 

방법

1. 구글 드라이브에 사진을 업로드 합니다.
2. 업로드한 사진에 오른쪽 마우스를 클릭하고 아래의 사진과 같이 공유 가능한 링크를 가져온다. (자동으로 클립보드에 복사됨)
3. 공유 설정을 모든 사람이 볼 수 있도록 해주어야 한다.
4. 아래의 변환 툴을 이용하여 공유가능한 링크로 이미지주소를 변환한다.
5. 이미지를 넣고자하는 태그의 src 속성에 변환한 이미지주소를 기입한다.

공유 가능한 링크 가져오기 클릭!

 

변환 툴

Google Drive Path

Linkable Image Path

Preview Image

 

변환 툴 설명

원리는 매우 간단하다. 위의 방법에서 `2번`을 통해 취득한 링크부분에서 `open?`을 `uc?export=view&`로 치환하는 방식이다.