워드프레스에서 깨진 이미지를 수정하는 방법: 실용적인 팁

사용자 경험 높이는 데 중요한 역할을 합니다 . 워드프레스 사이트에서 깨진 이미지를 발견하면 궁극적으로 브랜드 가치가 떨어지기 때문에 워드프레스에서 깨진 이미지를 수정하는 방법을 배우는 것이 매우 중요합니다.

사용자 참여 도뿐만 아니라 웹사이트 순위에도 중요한 역할을 하므로, 깨진 이미지는 웹사이트 평판에 악영향을 미칠 수 있습니다. 하지만 걱정하지 마세요. 깨진 이미지를 감지하고 수정하는 방법은 여러 가지가 있습니다.

워드프레스 지원팀 에 문의하는 것도 좋지만 , 깨진 이미지를 수정하는 기본적인 방법도 알아두는 것이 중요합니다. 오늘은 깨진 이미지와 워드프레스에서 이를 쉽게 수정하는 방법에 대해 알아보겠습니다.

요약: 손상된 웹사이트 이미지 복구 가이드

• 플러그인을 사용하여 사이트를 스캔하고 누락되었거나 사용할 수 없는 미디어 파일을 빠르게 찾으세요.
• 파일 경로, 이름 및 확장자가 정확히 일치하는지 꼼꼼히 확인하십시오.
• 손상되었거나 삭제된 파일을 미디어 라이브러리에서 직접 다시 업로드하거나 교체하세요.
• 안정성과 속도 향상을 위해 외부 이미지 링크를 사용하지 말고 파일을 서버에 저장하세요.

깨진 이미지란 무엇이며, 왜 이를 바로잡는 것이 중요할까요?

간단히 말해, 깨진 이미지는 더 이상 사용 불가능하거나 손상된 링크로 연결됩니다. 사용자가 깨진 이미지를 클릭하면 404 오류가 발생하거나 깨진 이미지 아이콘이 표시되어 이미지가 깨졌거나 사용할 수 없음을 나타냅니다. 이는 워드프레스에서 가장 흔한 오류 .

서두에서 언급했듯이, 깨진 이미지는 웹사이트에서 매우 중요한 문제입니다. 예를 들어 제품 이미지 에 크게 의존하는 전자상거래 쇼핑몰 이나 호텔 웹사이트의 경우 , 사용자들은 고품질의 이미지를 기대합니다 .

만약 깨진 이미지를 발견하면 비즈니스에 부정적인 영향을 미치고 사용자 경험을 저해할 수 있습니다. 사용자뿐만 아니라 구글 봇조차도 웹사이트의 깨진 링크를 스캔하여 깨진 이미지 때문에 신뢰할 수 없거나 스팸으로 간주할 수 있습니다. 이는 반응형 워드프레스 웹 디자인 .

따라서 웹사이트에 깨진 이미지나 링크가 있으면 웹사이트의 신뢰도와 브랜드 이미지에 손상을 줄 수 있습니다. 웹사이트 유지 관리를 깨진 이미지나 링크를 확인 하고 즉시 수정하는 것이 중요합니다

많은 웹사이트 소유자들은 JPEG 이미지와 관련하여, 특히 파일이 손상되거나 실수로 이름이 변경될 때 문제를 겪습니다.

워드프레스에서 깨진 이미지를 감지하는 방법은 무엇인가요?

이제 깨진 링크와 그것이 워드프레스 웹사이트의 평판에 미치는 영향을 이해했으니, 깨진 이미지를 찾아내는 것이 중요합니다.

웹사이트의 깨진 링크를 확인하는 방법은 여러 가지가 있지만, 가장 쉬운 방법은 워드프레스 플러그인인  Broken Link Checker를 사용하는 것입니다 .

이 플러그인을 사용하면 웹사이트의 깨진 이미지나 끊어진 링크를 쉽게 확인하고 워드프레스에서 깨진 이미지를 수정할 수 있습니다. 이 플러그인은 무료 버전과 프리미엄 버전이 있습니다. 무료 버전은 수동 스캔을 통해 문제를 감지할 수 있으며, 프리미엄 버전은 더욱 고급 기능을 제공합니다.

깨진 이미지와 링크를 감지하려면 다음 단계를 따르세요

• WordPress에 깨진 링크 검사기 플러그인을 설치하고 활성화하세요

• 플러그인을 설치한 후, 깨진 링크 검사 페이지로 이동하여 '깨진 링크 검사'를 선택하고 '새 검사 시작'을 클릭하세요

• 플러그인이 웹사이트의 깨진 링크를 모두 검색하기 시작합니다. 검색이 진행되는 동안 진행률 표시줄에서 페이지 및 게시물 수를 확인할 수 있습니다

• 스캔이 완료되면 깨진 링크 목록이 표시되므로 WordPress에서 깨진 이미지를 수정할 수 있습니다.

이러한 검사를 통해 업데이트 또는 마이그레이션 중에 이동, 삭제되었거나 잘못 연결되었을 수 있는 누락된 이미지 파일을 신속하게 식별할 수 있습니다.

무료 테스트 도구 중 하나인 깨진 링크 검사기를 사용하거나 , 빠른 결과를 위해 WordPress 개발자

관련 항목 : 이미지 최적화 및 웹사이트 속도 향상 방법

워드프레스에서 깨진 이미지를 수정하는 방법은 무엇인가요?

워드프레스에서 깨진 이미지를 수정하는 방법을 알아보기 전에, 이 문제가 발생하는 몇 가지 원인을 살펴보겠습니다.

워드프레스에서 이미지가 깨지는 원인이 될 수 있는 문제들을 살펴보겠습니다

• 이미지 위치에 대한 파일 경로가 잘못되었습니다.
• 손상된 이미지 파일입니다.
• 이미지 형식 불일치(예: 이미지 파일 형식이 .jpg인데 코드가 .png로 인식하는 경우).
• 이미지 파일 이름이 변경되었습니다.
• 서버에서 파일이 삭제되거나 누락되었습니다(사이트 마이그레이션 중에 자주 발생).

위에서 언급한 사항들은 웹사이트 이미지가 깨져 보이는 몇 가지 이유입니다. 이제 이러한 문제들을 해결하고, 워드프레스에서 깨진 이미지를 수정하고, 이탈률을 .

읽어보세요: 워드프레스가 느린 이유는 무엇일까요?

잘못된 파일 경로

WordPress는 웹사이트에 이미지를 추가할 때 이미지의 위치를 ​​지정하는 파일 경로를 생성합니다. 웹 브라우저는 이미지의 `src` 속성에 이 경로를 사용하여 이미지를 찾아 표시합니다. 경로가 올바르지 않으면 이미지가 표시되지 않거나 로딩 시간이 길어질 수 있습니다.

JPEG 파일 경로에 오타가 있으면 이미지가 즉시 깨질 수 있으므로 업데이트하기 전에 디렉토리 구조를 꼼꼼히 확인하세요. 이 문제를 해결하려면 깨진 이미지 아이콘이 있는 게시물이나 페이지를 찾아 다른 이미지로 교체하면 됩니다.

방법은 다음과 같습니다

• 워드프레스 대시보드에 로그인하세요.
• 깨진 이미지가 있는 게시물이나 페이지로 이동하세요.
• 게시물 위로 마우스를 가져가서 "수정"을 선택하세요
• 게시물 편집기에서 깨진 이미지가 있는 섹션으로 스크롤하세요.
• 깨진 이미지를 클릭한 다음 "바꾸기"를 선택하세요
• 미디어 라이브러리에서 사진을 선택하거나 새 이미지를 업로드하세요.
• 변경 사항을 저장하려면 "업데이트"를 클릭하세요.

사용자 지정 HTML 이미지 교체

사용자 지정 HTML 또는 CSS를 사용하여 이미지를 추가하는 경우 경로가 올바른지 확인해야 합니다. 특히 추가 CSS 블록에 있는 경우 경로를 확인하고 수정하는 방법은 다음과 같습니다

• WordPress 관리자 화면에 로그인하세요. > ...

• 추가 CSS 블록 또는 사용자 지정 CSS 메뉴를 선택하세요.

• 코드 편집기에서 사진이 추가된 코드 줄을 찾고 이미지 경로를 선택합니다.

• 마우스 오른쪽 버튼을 클릭하고 "파일 경로로 이동"을 선택하세요. 이미지를 찾을 수 없는 경우 404 "찾을 수 없음" 오류가 표시됩니다.

• 이미지를 웹사이트에 다시 업로드하려면 [미디어] > [새로 추가]로 이동하세요. [파일 선택]을 클릭하고 이미지 파일을 선택합니다. 업로드가 완료되면 [URL을 클립보드에 복사]를 클릭하세요

• 사용자 정의 페이지로 돌아가서 깨진 이미지 링크를 복사한 새 URL로 바꾸세요. "게시"를 클릭하여 변경 사항을 저장합니다.

사용자 지정 HTML 또는 CSS를 통해 추가된 이미지 파일이 손상된 경우가 특히 흔하므로, 파일이 올바른 업로드 폴더에 있는지 항상 확인하십시오.

놓치지 마세요 : 워드프레스 유지 관리 작업

파일 이름을 다시 한번 확인하세요

이미지 깨짐 및 로딩 문제의 일반적인 원인 중 하나는 파일 이름 불일치입니다. 코드에서 이미지 파일 이름이 미디어 라이브러리에 있는 파일 이름과 정확히 일치하는지 확인하여 WordPress에서 깨진 이미지를 수정해야 합니다.

이 문제를 어떻게 해결할 수 있을지 살펴보겠습니다

• 워드프레스 대시보드에 로그인하세요.
• 미디어 ⟶ 라이브러리로 이동하세요.
• 비교하고 싶은 이미지를 찾으려면 검색창을 이용하세요.
• 이미지 위로 마우스를 가져가면 "보기"를 선택하세요
• 이미지 경로는 주소 표시줄에서 확인하세요. 강조 표시된 부분이 이미지 파일 이름입니다.

자, 이제 깨진 이미지가 있는 게시물로 이동하세요

• 브라우저에서 해당 페이지를 여세요.
• 깨진 이미지를 마우스 오른쪽 버튼으로 클릭하고 "새 탭에서 이미지 열기"를 선택하세요
• 주소 표시줄의 파일 이름과 미디어 라이브러리에 있는 파일 이름을 비교하십시오.

여전히 불일치가 있는 경우 이미지가 표시되지 않고 404 찾을 수 없음 오류가 .

이는 워드프레스에서 파일 참조를 업데이트하지 않고 JPEG 파일의 이름을 수동으로 변경한 경우에 흔히 발생합니다.

• 깨진 이미지가 있는 게시물을 수정하세요.
• 미디어 라이브러리에서 올바른 파일 이름으로 잘못된 파일 이름을 바꾸세요
• 게시글을 업데이트하여 변경 사항을 저장하세요.

이미지가 여전히 표시되지 않으면 이미지를 다시 업로드하고 게시물에 추가하세요. 변경 사항을 저장하려면 게시물을 업데이트해야 합니다. 이렇게 하면 문제가 해결되고 이미지가 올바르게 표시될 것입니다.

워드프레스 관리자 페이지 속도 저하 문제 해결 방법 알아 보기

잘못된 파일 확장자

이미지 파일의 확장자를 꼼꼼히 확인하는 것이 중요합니다. 파일 이름이 정확하더라도 확장자가 잘못되면 문제가 발생할 수 있습니다.

JPEG 파일의 확장자가 “.jpeg”인지 “.jpg”인지 항상 확인하세요. 확장자가 일치하지 않으면 브라우저에서 이미지가 로드되지 않을 수 있습니다.

예를 들어 , .jpg 이미지 파일을 업로드했는데 코드에서 해당 파일을 .png로 참조하는 경우, 파일 형식이 일치하지 않아 이미지가 로드되지 않을 수 있습니다.

또 다른 흔한 문제는 "jpg"와 "jpeg" 확장자 관련 문제입니다. 이 두 이미지 형식은 동일하지만, 하나를 다른 하나 대신 사용하면 이미지가 깨지는 오류가 발생할 수 있습니다.

코드에 있는 파일 확장자가 미디어 라이브러리에 있는 파일 확장자와 정확히 일치하는지 확인하여 문제가 발생하지 않도록 하세요.

상대 파일 경로를 사용하세요

상대 파일 경로를 사용하면 홈페이지 URL을 기준으로 파일의 위치를 ​​​​나타내 파일에 링크할 수 있습니다. 워드프레스에서 상대 경로는 도메인 이름을 생략하고 도메인 뒤의 경로만 사용합니다.

예를 들어 , "src" 속성에서 대신

“https://example.com/wp-content/uploads/image.png” 대신 “/wp-content/uploads/image.png”를 사용할 수 있습니다

이 짧은 링크도 이미지를 표시하는 데에는 문제없이 작동합니다.

상대 경로를 사용하면 도메인 이름을 변경하더라도 파일이 동일한 서버에 호스팅되어 있는 한 이미지가 계속 작동한다는 장점이 있습니다. 이러한 접근 방식은 유연성을 제공하고 도메인 변경 시에도 이미지에 대한 접근성을 보장합니다.

추천 글 : 워드프레스 사이트를 새 도메인으로 이전하는 방법

이미지가 존재하는지 확인하십시오

때때로 다른 웹사이트에 호스팅된 이미지에 링크를 걸 수 있습니다. 해당 웹사이트가 다운되거나 다른 서버로 이전하면 이미지를 더 이상 사용할 수 없게 됩니다.

또한, 다른 사이트로 직접 링크하면 이미지를 호스팅하는 사이트의 서버 사용량이 증가합니다. 호스팅 웹사이트에서 직접 링크를 차단하는 경우 이미지가 표시되지 않습니다.

• 이러한 문제를 피하려면 이미지를 페이지에 추가하기 전에 웹사이트에 먼저 업로드하는 것이 가장 좋습니다.

• 또한, 허가를 받지 않은 경우 타사 웹사이트의 이미지를 사용하지 마십시오. 이렇게 하면 이미지 사용에 문제가 발생하지 않고 링크 오류 위험을 줄일 수 있습니다.

흔하지는 않지만 전송 문제가 발생할 수 있습니다. 때때로 서버에 과부하가 걸려 요청 시간 초과 전에 모든 페이지 자산을 충분히 빠르게 로드하지 못하는 경우가 있습니다. 이러한 문제는 저렴한 웹 서버 .

이 문제를 해결하려면 서버 용량을 업그레이드하거나 보다 안정적인 웹 호스팅 업체로 이전하는 것을 고려해 보세요. 또한 이미지에 지연 로딩을 활성화하는 것도 도움이 될 수 있습니다.

지연 로딩이 활성화되면 서버는 사용자가 해당 섹션으로 스크롤할 때만 이미지를 로드합니다. 이렇게 하면 서버 부하가 줄어들고 웹사이트 속도가 향상됩니다.

워드프레스에서 이미지가 깨지는 일반적인 원인

이미지 URL이 로드되지 않는 가장 일반적인 이유 몇 가지와 해결 방법을 살펴보겠습니다.

• 잘못된 이미지 URL : 이미지가 깨지는 가장 흔한 원인 중 하나는 잘못되었거나 오래된 이미지 URL입니다. 이는 사이트를 이전 하거나 도메인을 변경한 후에 자주 발생합니다. 사이트의 URL 구조가 변경되었지만 이미지 링크가 올바르게 설정되지 않은 경우 이미지가 표시되지 않을 수 있습니다.

• 파일 권한 문제 : 이미지 파일의 파일 권한이 올바르지 않으면 브라우저에서 해당 파일에 접근할 수 없습니다. 이로 인해 썸네일이 깨지거나 제품 이미지가 로드되지 않을 수 있습니다. 서버에서 이미지를 읽을 수 있도록 권한을 설정했는지 확인하세요. 일반적으로 이미지 파일에는 644의 권한이 올바르게 설정되어 있습니다.

서버에서 이미지 파일 접근 권한이 너무 엄격하게 설정되어 있으면 접근이 차단될 수 있으며, 이로 인해 사이트 전체에서 썸네일이 깨져 보일 수 있습니다.

• 미디어 설정 오류 : 때때로 문제는 WordPress 설정의 미디어 설정에 있을 수 있습니다. 업로드 폴더 경로가 잘못되었거나 사이트 구조와 일치하지 않으면 이미지가 올바른 위치에 표시되지 않습니다.

• .htaccess 파일 관련 문제 : .htaccess 파일은 웹사이트 동작 방식의 여러 측면을 제어합니다. 리디렉션 설정 오류나 접근 차단 규칙 설정 등의 실수는 이미지 로딩 오류를 유발할 수 있습니다. 따라서 이 파일을 편집하기 전에 항상 백업을 생성하고, 변경 사항을 꼼꼼히 확인하세요.

• CDN 설정이 올바르지 않음 : 콘텐츠 전송 네트워크(CDN)를 ? 속도 향상에는 좋지만, CDN 설정이 올바르게 구성되어 있어야만 효과를 볼 수 있습니다. CDN 경로가 오래되었거나 잘못되었거나, 캐시된 버전이 최신 버전이 아닌 경우 이미지가 표시되지 않을 수 있습니다.

CDN에 저장된 JPEG 파일의 캐시된 버전은 캐시가 완전히 삭제될 때까지 표시 문제를 일으킬 수 있습니다.

읽어보세요 : 최고의 워드프레스 속도 최적화 서비스

마무리

웹사이트에 깨진 이미지가 없도록 유지하는 것은 좋은 평판을 유지하고, 사용자 참여를 유도하며, 검색 엔진 순위를 높이는 데 중요합니다. 위에서 설명했듯이 WordPress에서 깨진 이미지를 감지하고 수정하는 방법은 다양합니다.

워드프레스에서 손상된 이미지를 직접 수정하고 싶다면, 먼저 원인을 파악하세요. 파일 경로가 손상되었거나 잘못되었을 수 있습니다. 원인을 파악한 후에는 이미지를 복원, 교체 또는 삭제하여 문제를 해결할 수 있습니다.

웹사이트에서 깨진 이미지를 제거하는 것은 사용자 경험을 개선할 뿐만 아니라 검색 엔진 순위 향에도 도움이 됩니다. 단 하나의 손상된 JPEG 파일만으로도 페이지 레이아웃이 깨지거나, 로딩 속도가 느려지거나, 사용자 신뢰도에 영향을 미치는 깨진 이미지 자리 표시자가 생성될 수 있습니다.

워드프레스에서 깨진 이미지를 수정하는 방법에 대한 FAQ