[워드프레스] 이미지 링크에 "i1.wp.com"가 추가되어 이미지가 깨지는 경우

워드프레스에서 미디어를 업로드하고 페이지를 저장한 후에 페이지를 로드하면 이미지 URL에 "i1.wp.com", "i2.wp.com", "i0.wp.com"...이 추가되어 이미지가 깨지는 문제가 발생하는 경우가 있을 수 있습니다.

예를 들어, 이미지 URL이 http://www.example.com/wp-content/uploads/2016/05/example.jpg가 되어야 하지만 http://i1.wp.com/www.example.com/wp-content/uploads/2016/05/example.jpg처럼 "i1.wp.com"이 자동으로 추가되는 현상이 발생할 수 있습니다.

[ 이 글은 최신 젯팩 버전의 내용을 반영하여 2023년 9월 20일에 마지막으로 업데이트되었습니다. ]

이미지 링크에 "i1.wp.com"가 추가되어 이미지가 깨지는 경우

이 경우 JetPack의 Photon 플러그인을 비활성화하면 문제가 해결됩니다. JetPack » Settings(설정)을 클릭하고 Photon 옆에 있는 Deactivate(비활성화)를 클릭하도록 합니다.

최신 젯팩 버전에서는 모듈에서 CDN을 검색하여 이미지 CDN을 비활성화하면 문제가 해결될 것입니다. (최신 버전에서는 Photon 모듈이 이미지 CDN으로 명칭이 바뀐 것 같습니다.)

참고로 JetPack 내의 Tiled Galleries는 Photon을 사용한다고 합니다. Tiled Galleries를 사용하려면 반드시 Photon을 함께 활성화해야 합니다. (JetPack에는 유용한 다양한 기능이 포함되어 있지만 한편으로는 리소스를 많이 사용하므로 사이트에 부담을 줄 수 있습니다. 어떤 사이트에서는 JetPack을 활성화했을 때 사이트가 제대로 돌아가지 않는 경우도 목격한 적이 있습니다. 개인적으로는 JetPack의 통계 기능을 한 동안 사용하다가 Google Analytics를 사용하면서 JetPack은 사용하고 있지 않습니다.)

또한, Add New Default Avatar 플러그인으로 외부 링크를 사용할 때에도 아바타 링크에 i1.wp.com 접두사가 추가되는 경우가 있는 것 같습니다. 이 경우 다음과 같은 코드를 사용하여 문제를 해결할 수 있습니다.

// Add a filter to modify the default avatars list.
add_filter('avatar_defaults', 'new_default_avatar');

/**
 * Add a new default avatar to the list.
 *
 * @param array $avatar_defaults The list of default avatars.
 * @return array Modified list of default avatars.
 */
function new_default_avatar($avatar_defaults) {
    // Get the image URL from attachment with ID 123.
    $image = wp_get_attachment_image_src(123);
    
    // Check if the image exists before adding to defaults.
    if($image) {
        $avatar_defaults[$image[0]] = 'New Default Avatar';
    }

    return $avatar_defaults;
}

참고

• 워드프레스 젯팩 통계: 구글 애널리틱스 GA4의 대안?
• 워드프레스 코드 블록: 코드 복사 버튼 추가하기
• 엘리멘터 프로 플러그인과 클라우드 웹사이트 상품 차이점