[워드프레스] 이미지 링크에 "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(비활성화)를 클릭하도록 합니다.

JetPack-Photon-deactivation-wordpress

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

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

참고로 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;
}

참고


2개 댓글

  1. 감사합니다..
    메타 이미지를 설정을 하는데 자꾸 i1.wp.com 이 나오는데 며칠동안 고생을 했습니다..ㅎㅎ
    진작에 검색을 해 볼 껄 생각이 듭니다..
    좋은 밤 되세요..!!

댓글 남기기

* 이메일 주소는 공개되지 않습니다.