구글 블로그 템플릿에 쓰일 이미지를 저장할 장소



서론

처음 구글 블로그 스킨 제작을 하려고 했을때, 가장 큰 문제 중 하나가 '스킨에 사용될 이미지를 어디에 저장해야하는가' 였습니다.




티스토리 같은 경우에는 위와 같이 스킨 전용 파일(이미지가 아닌 파일;) 시스템이 있어서 사용하기 편하게 되어있고 워드프레스도 테마가 담긴 폴더안에 이미지를 같이 담아서 사용하기 때문에 구글 블로그는 어떻게 이용해야할지 감이 오지 않았습니다.




어째서 구글 블로그는 파일 시스템을 지원하지 않을까?

아마 가장 큰 이유는 보안상의 이유와 파일 시스템의 악용이지 않을까 싶습니다.

게다가 애초에 블로그라는게 글을 작성하는게 주 목적인지라 파일 시스템이 없다고 생각합니다.



그러면 무엇을 사용해야할까?

제가 찾은 방법은 크게 2가지이고 작게는 무수히 많습니다.

크게 2가지로 보자면 외부의 파일 시스템을 이용하는 것이고 나머지 하나는 구글 블로그 내부의 이미지 시스템을 이용하는 것입니다.

외부의 파일 시스템의 경우에는 유료, 무료가 있고 구글 드라이브를 사용할 수도 있습니다.

내부 이미지 시스템은 당연히 블로거를 이용하는 것이기 때문에 무료입니다.



구글 드라이브 사용하기

(이거 2016 말에 막혀서 이제 사용 못합니다... )
예전에 사용한 적이 있는데 저는 개인적으로 추천하지 않습니다.

업로드 과정과 파일 링크를 얻는 과정이 귀찮을뿐만 아니라 이미지 로딩에 시간이 오래걸립니다.



다른 종류의 외부 파일 시스템

어디의 파일 시스템을 사용하느냐에 따라 다르고 제가 사용을 안해봐서 확실하게 어디가 좋다고 말할 수 없습니다.

내부 이미지 시스템보다는 아마 조금 느리지 않을까 싶습니다.




결론은 내부 이미지 시스템

※ 구글이 이미지를 자동 압축해서 고해상도는 '1600x높이'의 이미지로 변환된다는 점 유의해주세요.

외부의 파일 시스템을 사용하는 사람들도 있지만 제 생각에는 내부 이미지 시스템을 사용하는 사람들이 제일 많지 않을까 싶습니다.

일단 같은 장소에 있기때문에 이미지 작업하기가 수월하고 궁극(?)의 구글 이미지 시스템을 사용한다는 것에 메리트(?)가 아마 있지않을까 싶습니다.

용량 제한이 15gb인 점은 유의하셔야 합니다.
(물론 제한까지 이미지를 쓸 일이 없습니다...)

사용 방법은 간단합니다.

일단 페이지를 하나 작성합니다.




그 후 이미지 파일을 업로드 합니다.







이제 html로 넘어가면 사용할 이미지의 링크를 쉽게 구할 수 있습니다.





<img border="0" data-original-height="400" data-original-width="300" height="320" src="https://4.bp.blogspot.com/--W56lrCmJi4/WUnt6ZjugOI/AAAAAAAAASc/MfXvBNzcV2EoXtzooWfUF7rEaVTmvUb6gCLcBGAs/아마_폴더_이름/이미지이름.jpg" width="240" />


이미지 주소가 https://4.bp.blogspot.com/--W56lrCmJi4/WUnt6ZjugOI/AAAAAAAAASc/MfXvBNzcV2EoXtzooWfUF7rEaVTmvUb6gCLcBGAs/아마_폴더_이름/이미지이름.jpg


이미지 태그는 <img src="https://4.bp.blogspot.com/--W56lrCmJi4/WUnt6ZjugOI/AAAAAAAAASc/MfXvBNzcV2EoXtzooWfUF7rEaVTmvUb6gCLcBGAs/아마_폴더_이름/이미지이름.jpg" />에 높이와 넓이가 필요하다면 넣고 이미지 로딩이 안될시 로딩될 글자를 alt="" 를 이용해 넣어주면 됩니다.


예시로 <img hegiht="300" width="300" alt="나가사와 마리나" src="https://4.bp.blogspot.com/--W56lrCmJi4/WUnt6ZjugOI/AAAAAAAAASc/MfXvBNzcV2EoXtzooWfUF7rEaVTmvUb6gCLcBGAs/아마_폴더_이름/이미지이름.jpg" />


이미지가 구글 blogger 이미지 시스템에 저장되기 때문에 필요할때 구글에 로그인 된 상태에서 https://get.google.com/albumarchive/ 로 들어가시면 다시 찾으실 수 있습니다.




※ 사진은 나가사와 마리나 (Nagasawa Marina) 입니다.

댓글 없음:

댓글 쓰기