Loading...
(5초쯤...)

블로그든, 사이트든 우리나라처럼 운영자에게 인색한 트래픽 잣대를 들이대는 환경에선

어쩔 수 없이 트래픽에 신경을 쓰는 수밖에 없지요.

(티스토리는 그나마 양반)


2013년 9월 23일 카카오가 “다음”이라는 이름을 완전히 지워버리기로 결정을 내린 현재, 티스토리의 앞날도 어떻게 될지 알 수 없게 되었습니다.

임지훈의 카카오 …‘다음’ 떼고 새출발 - 중앙일보


티스토리 공지사항에는 “서비스 계속된다!!”라고 붙어 있지만,

카카오가 네이버와 다를바 없는 가두리양식장 정책을 취하면서 ①반대의 노선을 지향하는 티스토리를 품고 가는 것이 카카오측의 이상에 부응하는지가 불확실하고, ②경제성이 없다고 (스스로) 판단한 서비스들을 어떤 과정을 통해 내쳤는지를 두눈 부릅뜨고 지켜봤던 1ㅅ으로서

제가 싸질렀던 컨텐츠 전부를 온전히 유지할 방법을 강구해야겠다는 생각을 할 수밖에 없었습니다.


네이버에서 티스토리로 옮겨왔던 경험상, 블로그 이전시 가장 골칫거리는 이미지링크가 깨지는 문제.

(파란블로그 망할때도 같은 문제를 겪었습니다. 심지어 티스토리에서 워드프레스로 옮겨갈 때에도 같은 문제가 생긴다고...ㄷㄷㄷ)

아무래도 티스토리 블로그에 이미지를 계속 넣게 되면 티스토리가 사업을 접었을 때 같은 문제를 또 겪을 게 뻔하니까, 이제부터는 이미지링크를 마음대로 퍼갈 수 있는 곳에 포스팅용 이미지를 묻어두고 꺼내어 쓰려 합니다.


그러니까... 오래 지속될 만한 곳에 빨대를 꽂는 게 중요.ㅋ


알아본 결과, 피카사(Picasa) 당첨!!

· 당첨사유 : 15GB의 무료 저장용량은 다소 좁은 감이 있지만, “2048x2048픽셀보다 큰 사진 및 15분보다 긴 동영상만 저장용량 한도 계산에 포함”이라는 규정(링크) 덕분에 사실상 무제한에 가깝게 활용 가능.


-----------------------------------------


실습 차원에서 사진을 리사이즈 후 피카사에 올리고 링크주소를 따서 붙여넣는 과정을 써내려가 보겠습니다.


1. 사진 리사이즈


리사이즈 프로그램을 다운받습니다. 저는 포토웍스를 쓰니까, 포토웍스로 리사이즈 방법을 적었두었던 글의 링크를 남겨두겠습니다.


포토웍스(Photoworks)로 사진 리사이즈하는 방법



2. 피카사 사이트에 사진 올리기(업로드)


https://picasaweb.google.com/home : 피카사 웹앨범 페이지에 접속합니다.


▲ ①업로드 버튼을 누르고, 업로드할 수 있는 창으로 넘어가면

②탐색기에서 브라우저 쪽으로 사진을 드래그해서 넣거나,

“컴퓨터에서 사진 선택”버튼을 통해 사진을 등록합니다.

(설명을 위해 다음으로 넘어가는데, 사진을 하나 등록하면 추가이미지 등록버튼이 생깁니다(우측 하단이었던가?). 여러 장의 사진을 등록할 수 있는 거지요.)


▲ 앨범 이름(카테고리명)을 적당히 정해주고 “확인”버튼을 눌러줍니다.

이미 만들어진 앨범이 있다면 “기존 앨범에 추가”를 누르고 앨범 선택 후 “완료”를 누릅니다.



3. 업로드된 사진을 복사하여 티스토리 등 웹에디터에 붙여넣기


▲ 사진이 정상적으로 업로드되었다면 썸네일 형식으로 뜰 겁니다.

썸네일을 클릭하여 사진을 확대합니다.


사진이 정상적으로 보인다면 “마우스 오른쪽 버튼”을 누른 뒤 “이미지 복사(Y)” - 크롬, “복사” - 익스플로어 를 선택합니다. 소스코드를 복사해서 나중에 img태그로 감싸고 싶으신 분은 크롬에서 이미지 URL 복사(O)를 선택합니다(익스플로어는 속성(R)을 누른 뒤 주소(URL) 부분을 복사하면 됩니다.).

사진이 정상적으로 보이지 않는다면(흐릿하게 보이는 등) 위 스크린 샷에서 보이는 곳 중 “전체 화면”을 누르고 ①의 과정을 거칩니다.

앨범 내에 여러 장의 사진이 있다면 ①이나 ② 과정에서 나오는 사진 양 옆으로 앞사진/뒷사진으로 옮겨갈 수 있는 화살표 버튼이 생성됩니다.


▲ 티스토리 글쓰기창 등의 웹에디터에서

붙여넣고 싶은 위치에 커서를 두고, 마우스 오른쪽 버튼을 눌러 “붙여넣기”를 실행합니다.

앞 과정에서 소스코드(URL)을 복사했다면 HTML모드로 변경 후 붙여넣고<img> 태그로 감싸 줍니다.

태그로 감싸는 건 말이죠...

▲ 이런 식으로 따옴표 안에 이미지 주소를 넣으면 되는겁니다.

(<p> 태그는 정렬태그예요. 스샷에서는 중앙정렬(center) 설정되어 있네요.)


.

.

.



▲ 결과물 : 정상적으로 출력됩니까? 그렇다면 성공!

(2009년 사진 재탕~~~)


< 본 포스팅은 GSB.Tips 사이트와 관련이 있는 내용입니다. >

광고 차단 플러그인 해제 후 새로고침(F5) 하시면
컨텐츠를 정상적으로 볼 수 있습니다.
(Please turn off AdBlock Plug-in.)


p.s. 광고에도 여러분이 관심을 가질만한 정보가 녹아있을 수 있습니다.


트랙백 (0) 개   l   댓글 7

  • 누아니 (2016.01.01 04:13 신고)

    [무료 이미지 호스팅: Picasa] 좋은 정보 감사합니다. 도움 많이 됐어요!

    • 짐농 (2016.01.01 14:26 신고)

      누아니 // 댓글 감사드립니다. 블로그 종종 들를게요.^^
      ?? http://hdnua.tistory.com/ 과 http://ydnah.tistory.com/ 의 컨텐츠는 다르다고 보기가 힘들군요. 스팸블로그로 간주하고 들르지 않겠습니다.

    • 누아니 (2016.01.01 18:53 신고)

      먼저, 두 블로그 모두 제가 관리하는 블로그입니다. 전자는 제 대학교 전공과 관련있고, 후자는 서브컬쳐 이야기와 관련있는 식입니다.
      오늘의 일기 같은 포스트는 양쪽 블로그에 모두 올리는 편이라 컨텐츠가 다르지 않다고 보신 것 같은데, 실제로는 한쪽은 프로그래밍 글로, 한쪽은 그냥 제 손그림으로 가득 차있습니다.

      사실 블로그 들러주시는 거야 짐농 님의 마음이지만, 오해를 풀고자 답글 남깁니다.

    • 짐농 (2016.01.01 21:33 신고)

      아, 최신글 리스트만 보고 판단했던 것이 화근이었던 것 같습니다.
      불쾌하셨을 것 같은데, 죄송합니다.
      숙지하고 종종 들르겠습니다.^^

    • 누아니 (2016.01.01 23:19 신고)

      오해가 잘 풀려서 다행이네요 ㅎㅎ 저도 종종 배워가겠습니다.

  • IT세레스 (2016.12.23 03:29 신고)

    무료 이미지 피카사 호스팅도 있었군요.
    좋은 정보 감사합니다.^^

    • 짐농 (2016.12.23 14:58 신고)

      IT최강자 // 피카사는 구글포토로 전환되었습니다.ㅠㅠ

★ 댓글, 작은 정보지만 다른 분들께 큰 도움이 됩니다. ★