라벨이 iframe인 게시물 표시

구글 드라이브 이미지 링크 방법과 이미지 안 보일 때 해결 방법

이미지
구글 드라이브에 이미지를 저장하고 공유 주소를 활용하여 웹사이트에 링크해서 사용하면 매우 편리합니다. 이번 글에서는 구글 드라이브의 이미지를 웹페이지에 링크하는 방법과, 구글의 링크 처리 방식 변경으로 인해 기존 이미지 링크가 보이지 않는 경우의 해결 방법에 대해 알아보겠습니다. 구글 드라이브의 이미지 링크 방법 구글 드라이브 이미지를 웹페이지에 링크하는 방법은 조금 어렵습니다. 아래의 구글 드라이브 메뉴 이미지에서 적색 화살표 부분도 함께 참조하시기 바랍니다. 먼저 링크할 이미지를 구글 드라이브에 업로드한 후 이미지 속성에서 '공유'나 '액세스 관리'를 클릭하고 액세스 권한을 '링크가 있는 모든 사용자 (뷰어)' 로 설정해야 일반 방문자들도 이미지를 볼 수 있습니다. 구글 드라이브 메뉴 화면 그다음 '링크 복사'를 누르면 아래와 같은 형식의 주소가 나옵니다. 여기서 1Z8NpdcjZ 부분이 이미지 파일의 고유 코드(ID)입니다. https://drive.google.com/file/d/1Z8NpdcjZ/view?usp=drive_link 예전에는 이 고유 코드를 이용하여 아래와 같은 방식으로 이미지 파일을 직접 불러오는 방법이 널리 사용되었습니다. <img src="https://drive.google.com/uc?id=1Z8NpdcjZ" /> 하지만 현재는 이 uc?id=파일ID 방식의 사용을 권장하기 어렵습니다. 구글은 2024년 1월부터 제3자 웹사이트에서 사용되는 Google Drive 다운로드 URL의 처리 방식을 변경했으며, 이 변경 이후 기존 방식으로 삽입한 이미지가 표시되지 않는 사례가 발생했습니다. 구글 드라이브 링크 오류 해결 방법 1 첫 번째 방법은 구글 드라이브의 미리보기(preview) 주소를 iframe으로 삽입하는 것입니다. 기존에 사용하던 이미지 직접 링크 대신 아래와 같이 파일의 고유 ID 뒤에 /preview 를 붙여 ...