웹사이트에서 사진이 표시되지 않을 때 해결하는 방법

5분 읽기

분류: 손상된 사진 복구 | 업데이트 시간: 2024-06-19 17:17:43

오늘날, 많은 사람들이 사이트 사진 안나옴 문제를 고치는 법을 묻곤합니다. 사실, 이것은 인터넷 세상에서 흔한 문제는 아니죠. 하지만, 사이트 사진 안나옴 문제를 겪고 있는 분들이 계시고, 크롬이나 구글에서 웹페이지 이미지 로딩이 안되기도 합니다. 웹사이트의 거의 모든 사진들이 비어있거나 깨지거나 하는 것이죠. 웹사이트에서 사진이 안 뜨는건 참 골치아픈 일이고 여러분의 브라우징 경험에도 영향을 끼칠 것입니다.

사이트 사진 안나옴

파트 1 : 웹페이지 이미지 표시 안 되는 현상은?

웹사이트에서 이미지가 안 보이나요? HTML 문제는 웹페이지 이미지 깨짐 혹은 빈 이미지를 나타냅니다. 웹페이지 이미지 표시 문제에는 여러가지 원인이 있을 수 있는데 그 중 몇가지는 다음과 같습니다 :

  • 올바르지 않은 파일 경로
  • 블로그나 다른 곳에 이미지를 업로드 혹은 공개하고 나면, 디렉토리의 위치로 경로를 꼭 생성하세요. 이것은 웹사이트가 이미지를 캡쳐하게하는 디렉토리를 알려줄 특정 코드입니다.

  • 잘 못된 파일 이름
  • 파일의 경로를 찾으면서, 이미지의 이름을 올바르게 명명하세요. 이미지 이름이 올바르지 않다면, 웹사이트에서 나타나지 않게 될 것입니다.

  • 삭제되거나 사라진 파일
  • 만약 위에 나온 요소들이 다 올바르다면, 이제 파일이 웹 서버에 업로드되었는지를 확인해보세요. 이는 사이트가 열려있을 때 서버에 파일을 업로드 하지 않는다면 발생하는 흔한 실수입니다.

  • 이동 문제
  • 이미지가 나타나지 않는 또 다른 원인은 다른 작업을 하느라 이미지를 업로드했는데 진행을 하지 않았을 때 나타납니다.

  • 데이터 베이스 문제 :
  • 웹사이트의 모든것은 데이터 베이스에 저장됩니다. WordPress 나 다른 CMS를 사용하신다면 그것들은 모두 데이터 베이스를 기반으로 합니다. 만약 데이터 베이스에 문제가 있다면, 이미지가 사용자의 웹사이트에서 표시되지 않을 것입니다.

파트 2 : 웹페이지 이미지 로딩 문제 해결 방법

웹사이트에서 이미지가 로딩되지 않는 문제를 해결하려면 몇가지 문제를 해결해야 합니다. 가끔씩 그 해결법은 저희의 코앞에 있기도 하죠. 그냥 해결만 하시면 됩니다. 다음은 웹사이트에서 이미지가 보이지 않는 문제를 해결하는 몇가지 방법들입니다.

해결법 1 : 다른 브라우저에서 이미지 열기

대부분은 사용하고 있는 브라우저의 일부 버그로 인해 이미지가 웹사이트에서 보이지 않곤 합니다. 다른 브라우저를 사용해서 이미지가 로딩되는지 확인해보세요. 구글 크롬을 사용하신다면, 마이크로소프트 엣지, 파이어폭스, 오페라 등과 같은 다른 브라우저를 사용해보세요.

해결법 2 : 브라우저 구성 확인하기

대부분의 경우, 브라우저가 웹사이트 로딩 시간을 늘린다는 이유로 브라우저는 이미지 표시를 막곤합니다. 이 옵션은 브라우저에서 활성화 가능합니다. 다음은 일부 브라우저에서 이 옵션을 활성화하는 방법들입니다.

구글 크롬에서 이미지 표시를 활성화하는 법

1 단계 : 구글 크롬을 열고 우측 상단 구석의 점 세개 아이콘을 클릭합니다.

2 단계 : 다음으로 메뉴에서 설정을 클릭합니다.

설정을 클릭합니다

단계 3: 이제 왼쪽에 개인 정보 보호 및 보안을 클릭합니다.

개인 정보 보호 및 보안을 클릭합니다

단계 4: 이제 오른쪽에서 사이트 설정 옵션을 확장시키고 이미지를 클릭한 다음 사이트에서 이미지를 표시할 수 있음을 선택합니다.

사이트에서 이미지를 표시할 수 있음을 선택합니다

이제 크롬을 재시작하면 사이트가 이미지를 표시할 것입니다.

파이어폭스에서 이미지 표시를 켜는 법

1 단계: 파이어폭스를 열고 주소창에 about: config라고 입력합니다.

about: config라고 입력합니다

2 단계: 이제 를 검색창에 permission.default.image를 입력합니다. 검색 창아래의 값이 1로 설정되있는지 확인하고 그렇지 않다면 1로 설정합니다.

permission.default.image를 입력합니다

이제 파이어폭스를 닫고 재시작합니다.

사파리에서 이미지 표시 활성화하는 법

1 단계: 사파리를 열고 좌측 상단 구석에서 메뉴 바를 클릭합니다.

2 단계: 이제 메뉴에서 설정을 클릭합니다.

3 단계: 고급 탭을 선택하고 “메뉴 바에서 개발자 메뉴 표시”에 체크합니다.

메뉴 바에서 개발자 메뉴 표시에 체크합니다

단계 4: 이제 “개발자” 카테고리가 메뉴바에 보일 것입니다. 개발을 클릭하고 이미지 비활성화 옵션이 체크되어있다면 체크를 해제하세요.

체크 해제

이제 사파리를 다시 엽니다.

마이크로소프트 엣지에서 이미지 표시 활성화하는 법

단계 1: 마이크로소프트 엣지를 열고 우측 상단 구석에서 점 세개 아이콘을 클릭합니다. 메뉴에서 설정을 선택합니다.

단계 2: 왼쪽에서 쿠키 및 사이트 권한을 선택합니다.

단계 3: 이제 이미지라는 이름의 박스를 클릭하고 모든 이미지 표시 버튼을 클릭합니다.

모든 이미지 표시 버튼을 클릭합니다

이제 마이크로소프트 엣지를 나와서 다시 엽니다.

인터넷 익스플로러에서 이미지 표시를 활성화하는 법

1 단계: 인터넷 익스플로러를 실행하고 우측 상단 구석의 도구 아이콘을 클릭합니다. 다음으로 인터넷 옵션을 클릭합니다.

2 단계: 다음으로, 고급 설정을 클릭한 뒤 “사진 표시”라고 되어있는 박스가 표시되어 있지 않다면 체크합니다.

3 단계: 적용을 클릭 후 OK를 누른 다음 인터넷 익스플로러를 재시작합니다.

오페라에서 이미지 표시를 활성화하는법

1 단계: 오페라를 열고 화면의 좌측 상단의 오페라 아이콘을 클릭합니다. 다음으로 메뉴에서 설정을 선택합니다.

2 단계: 고급을 클릭하고 개인 정보 및 보안을 클릭합니다. 다음으로 사이트 설정을 클릭하고 스크롤을 내려서 이미지를 선택합니다.

3 단계: 이제 “사이트가 이미지 표시 가능”을 선태갛고 오페라 브라우저를 재시작합니다.

해결법 3 : 브라우저 캐시 및 쿠키 정리하기

브라우저에서 이미지를 활성화하는 방법이 효과가 없었다면, 캐시와 쿠키를 정리해보세요. 이렇게 하면 웹사이트를 이전에 방문한 기록에서 저장된 데이터를 지울 것입니다. 캐시 및 쿠키를 정리하고난 뒤, 브라우저를 다시 열어서 문제가 해결되었는지 확인해보세요.

해결법 4 : 브라우저 업데이트하기

가끔씩 브라우저의 오래된 버전은 이미지가 표시되지 않는 문제를 발생시키곤 합니다. 브라우저를 업데이트해두면 버그와 멀웨어로 부터 지켜낼 수 있습니다. 따라서 브라우저가 업데이트 되지 않았다면 업데이트해서 문제가 해결되는지 확인해보세요.

해결법 5 : 필요없는 구글 크롬 확장 프로그램 비활성화하기

대부분의 경우, adblocker 등과 같은 일부 브라우저 확장 프로그램이 이미지가 표시되지 않는 원인이 되기도 합니다. 이 확장 프로그램을 잠시 비활성화하면 “웹사이트 이미지 로딩” 문제를 해결할 수도 있습니다.

확장 프로그램 클릭합니다

해결법 6 : 구글 크롬 기본 폴더 제거하기

저희 중 대부분은 구글 크롬을 기본 브라우저로 이용할텐데요. 그러는 동안 일부 데이터가 손상되기도 하므로 구글 크롬 데이터 제거가 문제를 해결할 수 있을지도 모릅니다. 또한, 크롬을 다시 열고나면, 데이터를 자동으로 다시 다운로드 받을 것입니다.

구글 크롬 기본 폴더 제거하기

이를 위해서는 실행 프롬프트를 열고 '%localappdata%'를 입력합니다. 이렇게하면 PC의 로컬 저장소를 열것입니다. 다음으로 구글로 가면 크롬이 이제 데이터 사용자를 선택할 것이고 이때 파일의 이름을 변경하거나 삭제합니다.

해결법 7 : 크롬에서 자바 스크립트 이미지 표시 허용하기

“크롬 웹사이트에서 이미지 표시가 안 되는” 문제를 해결할 또 다른 방법은 크롬에서 자바 스크립트를 허용해서 이미지를 표시하는 것입니다. 다음 단계를 따르세요.

1 단계: 크롬을 열고 우측 상단 구석의 점 세개를 클릭합니다. 이제 설정 > 개인 정보 및 보안을 선택합니다.

2 단계: 오른쪽에서 사이트 설정을 선택합니다. 이제 밑으로 내려서 자바 스크립트를 선택합니다.

3 단계: “사이트에서 JavaScript를 사용할 수 있음” 옵션을 활성화합니다.

사이트에서 JavaScript를 사용할 수 있음 옵션을 활성화

이제 크롬을 재시작합니다.

해결법 8 : 크롬 시크릿 모드에서 이미지 열기

문제가 계속 해결되지 않는 다면, 현재의 브라우저를 완전히 분리해보세요. 이제 크롬에서 새 시크릿 모드를 열고 웹사이트를 열어서 이미지가 표시되는지 확인해보세요.

크롬 새 시크릿 열기

파트 3 : 웹사이트에서 이미지가 표시는 되는데 일부 이미지가 안 보이는 문제를 해결하는 법

일부 이미지는 표시되고 일부는 표시되지 않는 원인은 무엇일까요? 브라우저에서 이미지가 표시는 되는데 일부 이미지가 안 보이는 문제에는 다음과 같은 여러가지 원인이 있습니다 :

  • 웹페이지자 정확인 이미지 주소를 가리키지 않음.
  • 컴퓨터나 호스트가 너무 많은 요청을 받아 이미지를 로딩할 수 없음.
  • 외부 소프트웨어가 이미지를 차단함.

다음은 “브라우저에서 이미지가 보이지 않는” 문제의 해결법들입니다.

해결법 1 : 이미지가 다른 서버에서 호스트되고 있는지 확인하기

가장 먼저 할 것은 이미지가 서버에서 호스트 되는지입니다. 이를 확인하기 위해서는, 이미지나 깨진 이미지를 우 클릭하고 속성을 선택합니다. 이제 이미지의 인터넷 주소가 보일 것입니다. 이제 그 주소를 복사해서 주소 창에 붙여넣고 하고 이미지의 이름을 제거해보세요. 예를 들어, 이 페이지의 상단에 있는 이미지에 이 작업을 하셨다면. "https://www.example.com/issues/pictures/picture-name.png"를 복사한뒤 URL에서 "Picture-name.png"를 제거하셔야합니다. 이렇게하면 컴퓨터가 이미지를 인식하는지 여부를 알 수 있습니다.

해결법 2 : 스파이웨어 보호 끄기

McAfe나 기타 스파이웨어 보호 프로그램을 사용하신다면, 이를 비활성화해서 이미지 차단을 피하세요.

해결법 3 : 나중에 웹사이트 다시 방문 하기

가끔씩 웹사이트 자체가 문제를 발생시키기도 합니다. 개발자가 웹사이트에서 어떤 작업을 하면 웹사이트에서 이미지가 표시되지 않게 하죠. 따라서 나중에 웹사이트를 방문해보시는 것도 좋습니다.

해결법 4 : 다른 출처 사용하기

다른 출처나 구글 같은 검색 엔진에서 이미지 이름을 찾아보세요. 사진의 이름을 검색해서 구글에서 표시되는지 확인해보세요.

해결법 5 : 호스트 파일이 차단되거나 리디렉팅되는지 확인하기

마이크로소프트 윈도우를 사용하신다면, 윈도우의 호스트를 확인해서 사용하고있는 웹사이트가 리디렉팅되고 있지는 않은지 확인해보세요.

보너스 팁 : 웹사이트에서 보이지 않는 손상된 이미지를 복구하는 법

가끔씩 표시되지 않는 이미지는 브라우저나 컴퓨터의 호스트 문제가 아닐 수도 있습니다. 이는 가끔씩 웹사이트에서 보이지 않는 손상된 이미지의 문제이기도 합니다. 따라서 먼저 이미지를 복원하고 다시 업로드해야할 수도 있죠. 문제는 어떻게 손상된 이미지를 복원하냐는 것일텐데요. 여기서 4DDiG 사진 복구 프로그램을 이용해서 손상된 이미지를 복원하는 법을 알려드리겠습니다. 4DDiG Photo Repair는 3단계로 손상된 이미지를 고칠 수 있는 손상된 이미지 복원 전문 소프트웨어입니다.

사용자분들이 4DDiG 사진 복구 프로그램에서 가장 좋아하는 점 :

  • 흐리거나, 과잉 노출됐거나, 픽셀화된 사진 복구 가능
  • JPEG, JPG, CR3, CR2, NEF, NRW, RAF, DNG, ARW, GPR, TIF, TIFF, CRW 포맷의 손상된 이미지 복원 가능.
  • 한번에 3000장의 사진까지 복원 가능
  • 높은 안전성으로 빠른 복원 가능

4DDiG Photo Repair를 이용해서 손상된 파일 복원하는 법 :

무료 다운로드

안전한 다운로드

무료 다운로드

안전한 다운로드

  • “사진 오류 수정” 선택하기
  • 이 강력한 사진 복구 소프트웨어를 컴퓨터에 다운로드하고 실행합니다. 왼쪽의 사이드바에서 사진 복구를 선택하고 사진 오류 수정 섹션에 있는 시작 버튼을 클릭합니다.

    사진 오류 수정 선택하기

  • 복구할 사진 추가하기
  • 사진 추가를 눌러서 손상된 사진을 불러오기하고 복원 시작을 눌러서 복구를 시작합니다.

    복구할 사진 추가하기

    사진 복구 시작하기

  • 복구된 사진 보기 및 내보내기
  • 복원 후, 복구된 사진을 미리보기 후 원하는 파일을 선택할 수 있습니다. 다음으로 선택된 사진 내보내기를 클릭해서 안전한 위치로 저장합니다.

    복구된 사진 보기 및 내보내기

자주 묻는 질문들:

왜 구글 크롬에서 이미지가 표시되지 않는건가요?

손상된 파일이 있으면 크롬에서 이미지 표시가 안 되기도 합니다. 이를 해결하는 방법은 현재 데이터 폴더를 제거하거나 이름을 변경해서 크럼이 새로운 파일로 업데이트하게 만드는 것입니다. 데이터 폴더의 이름 변경 혹은 제거 방법은 위에서 언급되었습니다.

왜 HTML에서 내 이미지가 보이지 않나요?

이미지가 HTML에서 표시되지 않는원인은 파일이 태그에서 보여지는 것과 같은 폴더에 위치하지 않아서입니다. 또한, 가끔씩 이미지 이름이 태그에서 특정되지 않으면 이미지가 보이지 않게 만들죠.

내 웹사이트에서 이미지를 어떻게 보이게 하나요?

일부 브라우저는 이미지를 차단해서 웹사이트의 로딩 속도를 증가시킵니다. 이런 경우, 브라우저 설정을 통해 표시가 허용된 이미지를 확인하면 효과가 있을 것입니다.

결론

이미지가 보이지 않는 것은 흔한 문제는 아니지만 최근에는 많은 이유로 모두에게 알려지게 되었습니다. 이런 문제가 있으시다면, 위에 언급된 방법들을 이용해서 해결하시면 됩니다. 또한, 이미지가 손상된것 같으시다면, 4DDiG Photo Repair를 통해 이 이미지들을 복원해보세요.

박수하 (베테랑 작가)

4DDiG의 베테랑 작가 박수하는 데이터 복구, 수리, 오류 수정을 포함하여 Windows 및 Mac 관련 문제에 대한 최상의 솔루션을 제공하기 위해 최선을 다하고 있습니다.

(이 글을 평가하려면 위에 있는 별을 클릭하십시오.)

평균 평가 점수: 4.5 (분 참여)