본문 바로가기
인생그것은약속위반/관심

웹사이트에 구글 드라이브에 있는 이미지를 삽입해서 표시하는 방법

by Daniel_Kevin 2023. 3. 25.
반응형

이 튜토리얼에서는 Google 드라이브에 저장된 이미지를 웹사이트나 이메일에 표시하는 방법을 설명합니다. 드라이브의 모든 이미지 파일에는 모든 웹페이지에 삽입할 수 있는 고해상도 미리보기 이미지가 있습니다.

 

이미지를 웹사이트에 삽입할 수 있도록 이미지를 호스팅할 장소를 찾고 계십니까? 가장 인기 있는 이미지 호스팅 서비스는 Google 드라이브를 사용하여 이미지를 호스팅할 수도 있다는 사실을 알고 계셨습니까 imgur.com? imgbb.com

 

다음과 같이 작동합니다. 이미지 파일을 Google 드라이브에 업로드하고 해당 파일을 공개합니다. Google 드라이브는 이제 웹사이트나 이메일에 직접 포함할 수 있는 업로드된 파일의 고해상도 축소판 이미지를 생성합니다.

1. 파일 공유

Google 드라이브로 이동하여 웹사이트에 삽입하려는 이미지를 업로드합니다. 그런 다음 이미지를 마우스 오른쪽 버튼으로 클릭하고 Get link업로드된 파일의 공유 가능한 링크를 가져오도록 선택합니다.

2. 권한 변경

공유 대화 상자에서 권한 드롭다운을 선택하고 를 선택합니다 Anyone with a link. 이렇게 하면 공유 링크에 액세스할 수 있는 인터넷상의 모든 사람이 파일을 볼 수 있습니다. 이 파일은 Google 계정이 없는 사용자도 사용할 수 있습니다.

버튼을 클릭하여 Copy link파일 링크를 클립보드에 복사합니다.

그런 다음 Google Drive Embed 페이지를 열고 입력 텍스트 상자에 파일 링크를 붙여넣습니다. 버튼을 클릭하여 Generate웹사이트나 이메일에 넣을 수 있는 이미지의 직접 링크를 가져옵니다.

내부적으로 이 도구는 Google 드라이브에서 이미지의 공개 링크를 가져오고 HTML에서 Open Graph 이미지를 가져옵니다. 그런 다음 sOG 이미지의 매개변수를 변경하여 고해상도 썸네일로 전환합니다. Google 드라이브 사진 에 대한 직접 링크를 얻는 데 사용하는 유사한 기술입니다.

대체 접근법

직접 URL을 맹글링하는 것을 선호하는 경우 드라이브 이미지에 대한 직접 링크를 생성하는 데 도움이 되는 대체 방법이 있습니다.

앞에서 설명한 대로 Google 드라이브의 이미지 파일을 공개하고 공개 이미지의 파일 링크를 가져옵니다. URL은 다음과 같습니다.

https://drive.google.com/file/d/13XE4Ah1aK5kSGniMbeard9DJ1iuroR_K/view

Google 드라이브 링크의 부분은 13XE4Ah1aK5kSGniMbeard9DJ1iuroR_K파일의 고유 ID입니다. 해당 파일 ID를 가져와서 아래 URL에서 바꾸십시오.

<img src="https://drive.google.com/uc?id=DRIVE_FILE_ID" alt="Google Drive Image" />

이 링크를 사용하여 이미지를 Google 스프레드시트에 쉽게 삽입할 수 있습니다. 이 접근 방식의 유일한 단점은 생성되는 이미지의 크기를 제어할 수 없다는 것입니다. 앞의 예에서 너비 매개변수를 쉽게 변경하여 특정 크기의 이미지를 생성할 수 있습니다.

 

*참조한 훌륭한 원본 글 링크: https://www.labnol.org/google-drive-image-hosting-220515

 

 

구글 검색에서 내 개인 정보가 검색되지 않게 삭제하는 방법

구글은 개인 식별 정보가 포함된 사용자에 대한 Google 결과를 더 쉽게 제거할 수 있도록 하고 있습니다. 지난 5월 I/O 2022에서 발표된 기능인 새로운 "나에 대한 결과" 옵션이 사용자에게 출시되기

99bugs.tistory.com

 

 

사진에서 원하지 않는 사람이나 물건을 지우기 위한 최고의 AI 사진 편집 앱 5종

새로운 언어 및 기계 학습 모델이 매일 등장하면서 AI가 현재 할 수 있는 일에 대해 많은 이야기가 있습니다. 이 특정 기사의 주제인 이미지에서 원하지 않는 사람과 물체 제거를 포함하여 인공

99bugs.tistory.com

반응형
그리드형

댓글