구글 드라이브 사진 오류 웹페이지 404 에러 이미지 엑박 문제 해결 방법

구글 드라이브 사진 오류 문제 해결 방법을 설명하는 가이드입니다. 구글 드라이브를 이용한 무료 이미지 호스팅 글에서 소개했던 방법이 막혔습니다. 당시 방식으로 웹페이지에 삽입한 사진 등은 현재 404 에러 이미지 엑박 문제가 발생되고 있습니다. 이 구글 드라이브 이미지 호스팅 에러 문제는 다음과 같은 방법으로 해결할 수 있습니다.

구글 드라이브 사진 엑박 해결법

사실 구글 드라이브 사진 오류 문제는 누구나 예상할 수 있던 문제입니다. 첨부 파일 404 에러는 외부 리소스를 사용하면 언젠가 겪게 될 수 밖에 없는 문제입니다.

 

구글 드라이브 사진 오류 문제

2024년 1월 2일 정도부터 웹에 게재한 구글 드라이브 사진 오류 문제가 발생된 것으로 보고 있습니다.

애드센스 운영하는 분들은 잘 알 것인데요. 구글이 2024년 2월 1일부터 사용자 개인정보 보호를 위해 크롬 브라우저에서 쿠키 사용을 제한합니다. 제가 기억하기로는 2월 1일인데, 틀렸을 수 있습니다. 2월 ~ 5월, 늦더라도 올해 안에는 크롬 브라우저에서 사용자 행동을 추적하는 쿠키 사용이 제한됩니다. 자세한 내용은 서드 파티 쿠키 제한에 대비하기(developers.google.com) 참고하세요.

동영상 움짤 만들기 글에 첨부한 구글 드라이브 사진 오류 이미지 엑박 표시

이에 맞춰 구글의 서비스도 업데이트가 진행되고 있는데요. 이 영향으로 예전 방식으로는 구글 드라이브에 저장된 사진을 웹에 게재할 수 없습니다.

동영상 움짤 만들기 글과 같이 기존에 삽입한 사진 이미지는 엑박으로 표시 되고 있습니다. 아마도 음원, 동영상 등 파일에 대한 게재 방식도 변경 되었을 겁니다.

구글 드라이브 사진 오류 경우는 다음과 같은 형식으로 웹 페이지에 삽입할 수 있습니다.

웹페이지 이미지 엑박 문제 해결 방법

문제를 해결 하려면 문제의 원인을 찾아 해결해야 합니다. 구글 드라이브 사진 오류 문제의 원인은 단순합니다. 예전의 이미지 주소 형식은 더 이상 지원하지 않기 때문에 엑박 문제가 발생하는 것입니다.

무료 이미지 호스팅 글에서 설명한 방법으로 삽입한 사진 엑박 문제 발생

무료 이미지 호스팅 글에서 설명한 형식의 링크로는 더 이상 웹페이지에 사진 이미지를 게재할 수 없습니다.

예전처럼 웹페이지에 이미지가 표시되게 하고 싶다면 새로운 형식의 주소로 변경해 주어야 합니다.

이미지 삽입 요소 중 src 특성의 이미지 경로 부분을 다음과 같은 형식으로 수정하면 됩니다.

새로운 형식

https://drive.google.com/thumbnail?id=이미지아이디값&sz=w가로크기

새로운 형식 사용 예시

https://drive.google.com/thumbnail?id=1v7W4tz7VcDn-NysFcUNJW5uK4P56l-Kv&sz=w360

가로 크기를 지정하지 않으면 정해진 썸네일 크기(s220 : 가로 또는 세로 최대 220픽셀)로 표시 되는 것 같습니다.

최대 크기에 대한 제한이 있는지는 모르겠습니다. 간단하게 이미지 크기 보다 큰 숫자를 설정해 보았으나, 원래 크기 보다 확대 되지 않았습니다.

저는 블로그에 작은 크기의 이미지만 사용하기 때문에 문제가 없었는데요. 큰 이미지를 사용하던 경우에는 문제가 발생될 가능성도 있습니다.

워드프레스의 경우는 phpmyadmin 등을 이용하면 글 및 페이지에 삽입한 구글 드라이브 사진 주소 등을 일괄 수정할 수 있습니다. REPLACE 함수로 특정 테이블 문자열을 일괄 변경하면 됩니다.

다만, 이미지 가로 크기를 지정해야 하기 때문에 일괄 수정 시에는 기존과 같은 크기로 설정할 수 없을 것입니다.

구글 드라이브 사진 게재 확인

구글 드라이브 사진 오류 문제 그러니까 외부 리소스를 사용한 결과는 참혹합니다. 404 에러 엑박의 연속입니다.

움짤 gif 만들기 글에 예시로 사용된 이미지들은 워드프레스로 업로드를 할 수 없었습니다. 업로드는 가능하긴 하지만 자원을 많이 사용하기 때문 구글 드라이브에 업로드하고 공유를 통해 게시하고 있었습니다.

구글 드라이브 사진 오류 4개의 이미지 엑박

구글 드라이브에 저장해 놓고 블로그 글에 첨부한 사진 이미지들 모두 다 404 에러 엑박 입니다. 너도 나도 다 엑박 입니다.

구글 드라이브 사진 오류 문제가 발생되고 있는 리소스 파일들은 위에서 설명한 방법으로 수정하면 아래와 같이 정상적으로 표시됩니다. 혹여나 아래에 움짤 이미지들이 표시되지 않고 엑박으로 표시된다면 새로운 구글 드라이브 사진 오류 문제가 발생한 것입니다.

새로운 형식 주소의 유튜브 동영상 gif 만들기 결과물

231008 아이브 안유진 직캠 Kitsch 움짤 gif
원본 gif 9.68MB
231008 아이브 안유진 직캠 Kitsch 움짤 webp
gif webp 변환 883KB

새로운 형식 주소의 고화질 고프레임 동영상 gif 만들기 결과물

231010 아이브 안유진 직캠 I AM + Kitsch 움짤 gif 24.1MB
원본 gif 24.1MB
231010 아이브 안유진 직캠 I AM + Kitsch 움짤 webp 3.06MB
gif webp 변환 3.06MB

아시다시피 gif 움짤 이미지는 화질을 높이면 파일 크기가 커집니다. 화질을 높이기 위해선 고화질 사진을 사용해야 하고 프레임을 높여야 하기 때문에 파일 크기가 커질 수 밖에 없습니다. 고화질 동영상 파일 용량이 큰 이유와 같죠. gif 용량 줄이기 프로그램 등을 이용하여 파일 크기를 줄일 수 있긴 하지만 대신 화질은 포기해야 합니다.

꽃을 들고 섹시하게 앉아 있는 신민아 400x600.jpg 189KB
400×600.jpg 189KB

여튼 404 에러 문제가 해결되면 무료 이미지 호스팅 글에서 예시로 사용했던 여신 신민아도 다시 되살아 납니다.

뉴진스 하니 움짤 360x202.gif 1.2MB
360×202.gif 1.2MB

뉴진스 하니도 열심히 다시 노 젓게 할 수 있습니다.

이 글에서 설명한 구글 드라이브 이미지 엑박 문제 해결 방법은 미봉책에 불과합니다. 같은 문제를 다신 겪고 싶지 않다면 본인 사이트 서버 또는 블로그 글에 이미지를 첨부하는 방법으로 해결해야 합니다.

마법서재 블로그에 gif 움짤, mp4 동영상 등을 삽입해 놓은 글이 많습니다. 문서 파일을 아이프레임으로 삽입한 글도 있고, 프로그램 등의 링크를 넣어 둔 글도 있는데요. 아마도 전부 엑박, 404 페이지 문제가 발생되고 있겠죠?

시간 날 때 마다 하나씩 수정할 생각하니 너무 기쁘네요. 전부 수정하긴 해야 할 것 같은데, 근본 원인을 해결해야 할지 말아야 할지 고민이네요.

댓글 작성하기