워드프레스 이미지 크기 별 생성 비활성화 하기

이번 포스팅에서는 워드프레스 이미지 크기 별 생성을 비활성화 하는 방법 대해 알아보겠습니다.

업로드 된 이미지 파일

아시다시피 워드프레스에 업로드 된 모든 미디어는 [미디어 > 라이브러리] 메뉴에서 관리됩니다.

또한, wp-contents/uploads에 년도/월 별로 저장되며, 이미지가 사용된 페이지 또는 글을 삭제하더라도 업로드 된 원본 이미지는 삭제되지 않습니다.

그런데, 분명 이미지 파일을 한 개만 업로드했음에도 불구하고, 서버 파일을 확인해보면 이미지 파일이 크기 별로 생성된 것을 확인할 수 있는데요.

이는 워드프레스에서 이미지를 배치하는 곳마다 다른 해상도의 이미지가 필요하기에 원본 이미지 외에도 지정된 크기 별로 추가 이미지를 별도로 생성하기 때문입니다.

예를 들어, 썸네일의 이미지 해상도와 메인 페이지에 들어가는 해상도가 같은 이미지 일지라도 다른 크기로 사용되기 때문에 워드프레스에서 이미지 파일을 지정된 크기로 다르게 생성하는 것입니다.

이처럼 워드프레스가 자동으로 이미지 파일을 지정된 크기 별로 생성해주기 때문에 웹사이트 관리자가 이미지 크기를 수동으로 조정할 필요 없이 웹사이트의 여러 위치에 가장 적합한 이미지 크기가 들어가도록 할 수 있지만, 그만큼 사용하지 않는 미디어 파일이 서버 용량을 차지하고 점차 쌓이게 되면서 웹 사이트에 부담을 주게 됩니다.

워드프레스 이미지 파일 유형 및 생성 경로

이미지를 업로드하면 원본 이미지 파일을 포함하여 총 6~8개의 이미지 파일이 생성됩니다(이미지 사이즈가 큰 경우 파일 개수가 더 생성되는 것으로 추측됨).

– 원본 이미지
– 썸네일 크기 : 가로/세로 150px의 정사각형 크기 파일(150x150px)
– 중간 크기 : 최대 높이/너비가 300px인 파일(300x300px)
– 큰 크기 : 최대 높이/너비가 1024px인 파일(1024x1024px)

원본 이미지를 제외한 위 3가지 크기 파일은 워드프레스 미디어 설정으로 인해 생성됩니다.

– 중간 크기 768px
– 2배 중간 크기 1536px
– 2배 큰 크기 2048px
– 배율 2560px

나머지 위 4가지 크기의 경우, functions.php 파일에 있는 코드의 템플릿에서 생성됩니다(각 템플릿에 따라 다르며 GeneratePress의 경우처럼 존재하지 않거나 존재하지 않을 수도 있음).

이미지 크기 별 생성 비활성화 방법

미디어 설정 이미지 크기 별 생성 비활성화 방법

썸네일, 중간 크기, 큰 크기의 이미지는 워드프레스 미디어 설정으로 인해 생성 됩니다.

이미지를 크기 별로 생성하지 않으려면 크기를 ‘0’으로 설정하면 됩니다.

썸네일 크기도 직접 조정할 수 있으면 ‘0’으로 설정하시는 게 좋지만, 그게 어려운 경우 100×100 사이즈로 설정하여 용량을 절약하는 것을 권장합니다.

TIP] 워드프레스에 가장 적합한 이미지 크기

참고로, 데스크톱 뿐만 아니라 모든 모바일 장치에서 이미지를 빠르게 보이기 위한 최적의 이미지 크기는 다음과 같습니다.

– 포스트 내 이미지 크기 : 1200 X 630 (px)
– 해더 이미지 크기 : 1048 X 250 (px)
– 추천 이미지 크기 : 1200 X 900 (px) or 900 X 1200 (px)
– 워드프레스 백그라운드 이미지 크기 : 1920 X 1080 (px)
– 로고 이미지 크기 : 200 X 100 (px)
– 썸네일 이미지 크기 : 150 X 150 (px)

functions.php 이미지 크기 별 생성 비활성화 방법

스크린샷380 1 — **/public_html/wp-content/themes/generatepress**

스크린샷381 — **functions.php에 해당 코드를 입력한 화면.**

나머지 4가지 크기의 경우, functions.php 파일에 있는 코드의 템플릿에서 생성되는데요.

functions.php에 다음의 코드를 추가하거나 플러그인을 통해 각 이미지의 생성을 개별적으로 비활성화 할 수 있습니다.

* GeneratePress 테마의 경우, /public_html/wp-content/themes/generatepress에 위치해 있습니다.

저는 768px와 1536xp만 비활성화 했습니다.

▶ 768px 너비, 비례 비활성화

function shapeSpace_disable_medium_large_images($sizes) {

unset($sizes['medium_large']); // disable 768px size images
return $sizes;

}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_medium_large_images');

▶ 1536px 너비, 비례 비활성화

function shapeSpace_disable_2x_medium_large_images($sizes) {

unset($sizes['1536x1536']); // disable 2x medium-large size
return $sizes;

}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_medium_large_images');

▶ 2048px 너비, 비례 비활성화

function shapeSpace_disable_2x_large_images($sizes) {

unset($sizes['2048x2048']); // disable 2x large size
return $sizes;

}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_large_images');

▶ 배율 이미지 비활성화 (2560px)

add_filter('big_image_size_threshold', '__return_false');

▶ 모든 크기 비활성화

// Deshabilitar los tamaños de imagen generados

function shapeSpace_disable_image_sizes($sizes) {




unset($sizes['thumbnail']);    // disable thumbnail size

unset($sizes['medium']);       // disable medium size

unset($sizes['large']);        // disable large size

unset($sizes['medium_large']); // disable medium-large size

unset($sizes['1536x1536']);    // disable 2x medium-large size

unset($sizes['2048x2048']);    // disable 2x large size




return $sizes;




}

add_action('중간_이미지_크기_고급', 'shapeSpace_사용_가능_이미지_크기');




//이미지 크기 조정을 비활성화합니다.

add_filter('큰 이미지 크기 임계값', '__return_false');




// 다른 이미지 크기를 비활성화합니다.

함수 shapeSpace_disable_other_image_sizes() {




Remove_image_size('post-thumbnail'); // set_post_thumbnail_size()로 추가된 이미지를 비활성화합니다.

Remove_image_size('다른 크기');  // 추가된 다른 이미지 크기를 비활성화합니다.




}

add_action('init', 'shapeSpace_disable_other_image_sizes');

워드프레스 이미지 크기 별 생성 비활성화 하기 — **원본 이미지와 썹네일 크기만 생성된 모습.**

모든 설정을 마쳤다면, 마지막으로 테스트 이미지를 업로드하여 추가 이미지가 생성되지 않았는지 확인합니다.

마치며

여기까지 워드프레스 이미지 크기 별 생성 비활성화 하는 방법에 대해 알아보았습니다.

참고로, 이미 업로드 된 사용하지 않는 이미지는 서버 용량을 차지하기 때문에 삭제하는 것이 좋은데요.

Cpanel 파일 관리자 또는 FTP 클라이언트에서 300×300, 768x, 1536x 등과 같은 고유한 파일명 문자열을 검색하여 일일이 직접 삭제할 수도 있지만, 플러그인을 사용하시는 것이 훨씬 간편합니다.

해당 방법에 대해서는 이 글을 참고하시길 바랍니다.

https://mryun31.com/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%af%b8%eb%94%94%ec%96%b4-%ed%8c%8c%ec%9d%bc-%ec%82%ad%ec%a0%9c-%eb%b0%8f-%ec%a0%95%eb%a6%ac-%ed%95%98%eb%8a%94-%eb%b0%a9%eb%b2%95/

읽어주셔서 감사합니다.

밑에 좋아요 버튼을 눌러주시면 저에게 큰 힘이 되고 콘텐츠의 방향성을 잡는 데에도 도움이 됩니다.

혹시 궁금한 점이나 원하시는 주제가 있으시다면 댓글 남겨주세요.

구글 검색 키워드(첫 페이지 순) : 워드프레스 이미지 생성 비활성화