이미지를 공유해야 하는 경우 무료 이미지 업로드 사이트인 imgur.com을 이용할 수 있습니다. 회원가입을 하지 않아도 이미지를 업로드하여 공유할 수 있습니다. 또한, 업로드한 이미지를 워드프레스 사이트에도 이용할 수 있습니다.
워드프레스 사이트에서 댓글을 작성할 때 이미지 업로드 기능이 없습니다. 캡쳐한 화면을 공유하고 싶은 경우 imgur에 이미지를 업로드하고 이미지 URL을 공유할 수도 있습니다. 이 블로그에는 현재 테스트로 Imgur 이미지와 티스토리에 업로드한 이미지의 URL을 댓글에 입력하면 자동으로 변환되어 이미지로 표시됩니다.
이 블로그의 댓글에 이미지 공유하기
이 블로그의 댓글에 imgur 사이트에서 이미지를 업로드할 수 있도록 이미지 업로드 버튼을 다는 것을 고려했지만, 사용이 많지 않을 것 같고, 코드에 보안 문제가 있을 수도 있어 그냥 이미지 URL을 입력하면 자동으로 이미지가 표시되도록 했습니다.
다음과 같은 이미지 URL을 댓글 입력란에 입력하면 이미지로 자동으로 변환되어 표시됩니다.
- 티스토리 블로그에 업로드한 이미지
- Imgur 사이트에 업로드한 이미지
티스토리에 이미지를 업로드하고 이미지 URL을 댓글에 입력할 수 있습니다. 티스토리 이미지 URL은 다음과 비슷한 포맷으로 되어 있습니다.
https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FYW4YK%2FbtsIEbYPS48%2Fueoi1zgy3d6EHAvd81KL90%2Fimg.webp그리고 imgur 서비스를 이용하여 업로드한 이미지의 URL은 다음과 같은 형식입니다.
https://imgur.com/y9bPxJi이미지 URL 복사하기
티스토리에 이미지를 업로드한 경우 크롬 브라우저에서 이미지 위에 마우스를 올리고, 오른쪽 마우스 버튼을 클릭한 다음 이미지 주소 복사를 선택하여 이미지 URL을 복사할 수 있습니다.
imgur 이미지 공유 URL은 아래의 "무료 이미지 업로드 사이트 imgur 사용 방법" 섹션을 참고하여 이미지를 업로드하여 공유 URL을 얻을 수 있습니다.
댓글에 이미지 URL 입력하기
이 워드프레스 블로그에서 댓글을 달 때 사진이나 캡처한 화면을 공유하고 싶은 경우 아래와 같이 이미지 URL을 입력하고 댓글을 등록하면, 자동으로 이미지가 임베드되어 표시됩니다.
무료 이미지 호스팅 사이트 imgur 사용법
이미지를 공유하고 싶은 경우 이메일로 보내거나 카톡을 이용하는 경우 카톡에서 직접 전송하거나, 혹은 웹하드나 구글 드라이브 등의 서비스를 이용하는 등 다양한 방법이 있습니다.
만약 블로그의 댓글을 통해 이미지를 공유하고 싶은 경우에는 어떻게 해야 할까요? 보통 댓글에서는 이미지 업로드 기능이 없으므로 이미지 주소를 공유할 수 있습니다. 티스토리에 이미지를 업로드하여 이미지 URL을 공유하는 것을 생각할 수 있습니다. (네이버 블로그의 경우 외부에서 이미지를 로드할 수 없도록 차단하고 있으므로 외부에서 공유가 안 됩니다.)
또 다른 방법으로 imgur과 같은 무료 이미지 호스팅 사이트를 이용할 수 있습니다. imgur 사이트에서는 회원 가입을 하지 않고도 이미지를 업로드하여 이미지 URL을 다른 사용자들과 공유할 수 있습니다.
다음과 같은 방법으로 imgur 사이트에 이미지를 업로드하여 공유할 수 있습니다.
1 imgur.com 사이트를 방문하여 New post 버튼을 클릭합니다.
회원 가입을 하지 않아도 서비스를 이용할 수 있습니다. 회원 가입을 하면 추후에 업로드한 이미지를 삭제하는 등의 기능을 이용할 수 있습니다.
이 사이트에 이미지를 업로드할 때에는 이미지에 민감한 정보가 포함되지 않도록 유의하시기 바랍니다.
2 이미지 업로드 화면이 표시되면 Drop images here (여기로 이미지 드래그) 부분으로 이미지를 끌어다 놓습니다.
3 업로드가 완료되면 이미지에 마우스를 올려 Copy link를 클릭하여 이미지 공유 링크를 복사할 수 있습니다.
Copy link 옆에 있는 세 개의 점으로 된 아이콘을 클릭하여 이미지를 편집, 다운로드, 삭제가 가능합니다.
회원 가입을 하지 않은 경우 이미지 삭제는 쿠키가 브라우저에 남아 있는 동안 가능할 것 같습니다.
이미지를 추후에 삭제해야 한다면 회원 가입을 한 후에 이미지를 업로드하여 공유하는 것을 고려하시기 바랍니다. 페이스북, 트위터(X), 애플, 구글, 야후 등의 계정으로 회원 가입을 할 수 있습니다.
워드프레스에 imgur 이미지 삽입하기
imgur.com에 공유한 이미지를 워드프레스에 삽입할 수 있습니다.
이 방법을 이용하면 서버에 대한 트래픽을 절감할 수 있지만, 업로드하여 공유하는 과정이 번거로울 수 있습니다.
WP Imgur Plus와 같은 플러그인이 있었지만, 지금은 사용할 수 없는 것 같습니다. 플러그인을 만들어 글 작성 페이지에서 직접 Imgur에 이미지를 업로드하여 삽입하는 것도 가능하겠지만, 플러그인에 의존하는 방법은 추후에 상황이 어떻게 바뀔지 모르기 때문에 그리 바람직하지 않을 수 있습니다.
워드프레스 블록 에디터에 Imgur 공유 이미지를 삽입하는 방법으로 두 가지를 생각해볼 수 있습니다.
- 블록 에디터의 Imgur 블록을 사용하여 이미지 임베드하기
- jpg 파일로 이미지 삽입하기
Imgur 블록 사용하기
블록 에디터(구텐베크르)에는 Imgur 이미지를 임베드할 수 있는 Imgur 블록이 제공됩니다.
글 작성 화면에서 /imgur를 입력하면 아래 그림과 같은 Imgur 블록이 표시됩니다(블록 에디터 키보드 단축키 참조).
Imgur URL 블록이 추가되면 입력란에 Imgur 이미지 URL(예: https://imgur.com/y9bPxJi)을 입력하고 임베드 버튼을 클릭합니다.
jpg 파일 URL로 이미지 삽입하기
다른 방법으로 imgur 이미지 공유 URL을 JPG 파일 URL로 변환하여 이미지 블록으로 삽입할 수 있습니다.
예를 들어, https://imgur.com/y9bPxJi와 같은 URL은 https://i.imgur.com/y9bPxJi.jpg와 같이 변환할 수 있습니다.
이미지 블록에서 URL에서 삽입 버튼을 클릭하고 jpg 이미지 경로를 입력합니다.
그러면 아래와 같이 이미지가 표시됩니다.
두 방법 중 마음에 드는 방법으로 Imgur 이미지를 추가하시기 바랍니다. 저는 두 번째 방법을 이용할 때 이미지가 더 깔끔하게 삽입되는 것 같아서 두 번째 방법을 이용하고 있습니다.
댓글 남기기