이미지 web Link가 필요하다
내가 만든 이미지 또는 어딘가에서 다운로드 받은 이미지를 web에서 볼 수 있도록 링크로 만드는 이유는 여러가지가 있습니다. 저는 아임웹, 티스토리, 워드프레스를 운영하고 있는데, 각각 포스팅을 할 때마다 다른 에디터 환경에서 작업해야 하는 일은 굉장히 피곤한 일입니다. 포스팅을 작성하는 일을 귀찮게 만들어서 글을 자주 쓰지 못하는 부작용을 낳기도 하고요.
고민끝에 통일된 에디터 환경에서 작업하기위한 방법으로 포스팅을 Ulysses에서 작성한 다음 html로 내보내기 하고 각각의 블로그 에디터에서 코드 올리기로 글을 발행하고 있습니다. 참고로 네이버 블로그도 쓰고 있긴 한데 네이버 에디터에서는 html을 올릴 수 없기 때문에 직접 작업할 수 밖에 없습니다.
이렇게 글을 작성하면 기본 에디터에서 제공하지 않는 텍스트 꾸미기 기능까지 사용할 수 있다는 장점이 있습니다. 그러나 글에 이미지를 붙이는 문제가 있는데요. 율리시스 편집기에서 로컬이미지 파일을 붙이고 html로 변환해서 웹 에디터에 붙여 넣으면 당연히 이미지를 로딩할 수 없습니다. 각각의 웹 에디터에 올릴 글만 작성하고 이미지를 따로 올린다면 하나마나 겠죠?
이때 이미지를 웹 링크로 걸어주면 문제를 해결할 수 있습니다. 각각의 에디터마다 차이가 있는 이미지 불러는 방식때문에 스트레스를 받지 않아도 되구요.
이미지를 웹링크로 만드는 방법
이미지 준비
아래의 이미지로 실습을 해 보겠습니다. 아래의 이미지도 지금 소개하는 방법으로 링크를 걸어 표시된 것입니다.
로컬 이미지를 웹 링크로 만드는 작업이므로 이미지가 올라갈 웹 공간이 필요합니다. 우리는 Google Drive 를 이용할 예정입니다. 대부분이 구글 계정을 가지고 있고 무료제공 공간도 넉넉해서 다른 대안은 별로 없습니다.
이미지 공유하기
구글 드라이버를 설치하면 구글 클라우드 드라이버가 로컬 드라이브처럼 Finder/탐색기 에 나타납니다. 여기에 이미지를 넣고 업로드 된 다음 마우스 오른쪽 클릭을 하면 그림과 같이 구글 드라이버 메뉴를 확인할 수 있습니다.
만약 그림과 같이 구글 드라이버 메뉴가 나타나지 않는다면 아직 업로드가 완료되지 않아서 그렇습니다. 조금만 기다렸다가 다시 마우스 오른쪽 클릭을 해 봅니다.
그러면 위와 같은 화면을 확인할 수 있습니다. 여기에서 ‘일반 액세스’를 ‘링크가 있는 모든 사용자’로 해주고 아래에 ‘링크 복사’를 눌러서 클립보드에 링크를 복사합니다.
이 링크를 크롬 브라우저 주소창에 붙여넣으면 내 구글드라이브를 통해 해당 이미지를 불러오게 됩니다. 그러나 이 링크는 이미지 링크로 사용할 수 없습니다. 순수하게 이미지 웹링크로 사용하기 위해서는 한가지 작업이 더 필요합니다.
이미지 링크 생성하기
이제 마지막 작업입니다. 앞에서 이미지 공유링크를 열었던 크롬 페이지에서 F12를 눌러 화면과 같이 개발자 창을 열어줍니다. 그런다음 이미지를 클릭해서 현재 페이지의 이미지부분 html 을 확인합니다. 마우스 오른쪽 버튼을 클릭하면 ‘Open in new tab’ 이라는 메뉴를 확인할 수 있는데요. 이 메뉴를 클릭해서 새창으로 이미지를 띄웠을 때 나오는 URL이 순수한 이미지 링크 입니다.
워드프레스는 율리시스에서 바로 발행하기 기능이 있어서 로컬에 있는 이미지를 Ulysses 에디터로 작업 후 바로 발행할 수 있습니다. 다만, 파일명에 한글, 특수문자 등이 포함되어 있으면 워드프레스 발행과정에서 오류가 발생되는데 기회가 되면 다른 글에서 다루겠습니다.
이렇게 생성한 이미지 웹 링크는 저처럼 율리시스에서 이미지를 붙이기 위한 용도 이외에도 다양하게 활용할 수 있습니다. 추가 팁으로 공유 링크를 얻기 위해 내 구글드라이브에 올렸던 이미지는 링크를 만든다음 삭제해도 링크는 살아있습니다. 로컬 드라이브에서 삭제를 해도 구글 드라이브에는 파일이 살아있어서 그런거 같은데 온라인까지 삭제되도록 설정했다면 결과가 다를 수도 있습니다.
마무리
이미지를 웹 링크 URL로 만들어서 사용하는 방법을 찾기위해 여러가지 시도가 있었는데 시행착오 부분은 생략했습니다. 결정적인 부분을 알게해준 포스팅을 출처로 남겨둡니다.
혹시 이것보다 쉬운방법 알고 계신분은 정보공유 부탁드립니다.
댓글 남기기