워드프레스 이미지 업로드 시 크기가 줄어드는 문제

워드프레스에서 큰 이미지 파일을 업로드하면 이미지 크기가 작아지는 것을 경험할 수 있습니다. 이 현상은 워드프레스 5.3 업데이트에서 도입된 기능 때문입니다. 워드프레스 5.3 이상 버전에서는 웹 서버 공간을 절약하기 위해 업로드되는 미디어 파일의 크기가 일정 크기 이상인 경우 자동으로 크기가 변경되어 저장됩니다.

글 작성/편집 화면에서 이미지가 작게 삽입되는 경우에는 "워드프레스 이미지가 작게 삽입되는 경우 해결 방법"을 참고해보세요.

[ 이 글은 2022년 3월 4일에 최종 업데이트되었습니다. ]

워드프레스에서 큰 이미지 업로드 시 크기 축소 현상 - 원본 이미지 크기 유지하는 방법

워드프레스 5.3 업데이트에서는 "큰 이미지"를 효과적으로 처리하도록 새로운 기능이 추가되었습니다. 큰 이미지 파일을 업로드하면 크기가 줄어든 이미지 파일이 생성되어 사용 가능한 가장 큰 크기로 사용됩니다. 크기가 축소된 이러한 이미지는 보통 웹 사용에 훨씬 더 적합하며 파일 크기가 원본에 비해 최대 10배까지 작아집니다.

A new scaled down image is created and used as the largest available size. This scaled down image is usually much more suitable for web use, the file size is up to ten times smaller than the original.

예를 들어, 너비가 3000px인 이미지 파일을 업로드할 경우 미디어 라이브러리에서 업로드된 이미지의 크기를 살펴보면 너비가 기본 최대 크기인 2560px로 줄어듭니다.

만약 큰 이미지 파일을 업로드하더라도 이미지 크기를 조정하지 않고 원본 크기를 유지하여 업로드하고 싶은 경우에는 다음 후크(필터)를 사용 중인 테마의 함수 파일에 추가하시기 바랍니다. 차일드 테마(자식 테마)를 만들어서 차일드 테마 내의 함수 파일에 추가해야 추후 테마가 업데이트되어도 수정 혹은 추가 사항이 초기화되지 않습니다.

// 큰 이미지 파일 업로드 시 이미지 임계값(image threshold) 제한 해제하기
add_filter( 'big_image_size_threshold', '__return_false' );

이미지 임계값(사용 가능한 최대 이미지 크기)을 변경하려면 다음과 같은 코드를 테마 함수 파일에 추가합니다.

// 이미지 임계값을 4000px로 상향 조정
function mynamespace_big_image_size_threshold( $threshold ) {
    return 4000; // 새로운 임계값
}
add_filter('big_image_size_threshold', 'mynamespace_big_image_size_threshold', 999, 1);

이미지 임계값을 4000으로 설정하면 이미지의 가로 또는 세로 크기가 4000px보다 큰 경우 4000px로 축소됩니다. big_image_size_threshold 필터에 대한 자세한 설명은 워드프레스 개발자 문서를 참고해보세요.

이미지 크기가 줄어들어 이미지 화질이 흐린 경우에 이 방법을 사용하여 허용되는 최대 이미지 크기를 조정할 수 있습니다. 하지만 이미지 파일이 너무 크면 웹 용량을 더 많이 차지할 뿐만 아니라 페이지 로드 속도가 느려지고 트래픽도 증가하게 됩니다.

가능하면 이미지 크기를 줄여서 업로드하는 것이 페이지 로딩 속도를 줄이고 트래픽을 절감하는 데 도움이 됩니다. 이미지를 업로드하기 전에 이미지 최적화를 수행하여 이미지 크기를 줄이는 것이 바람직합니다. 워드프레스 사이트에 여러 명이 글을 작성하여 이미지 압축을 강제할 수 없는 경우 이미지 최적화 플러그인을 사용할 수 있습니다. 하지만 이미지 최적화 플러그인을 사용하여 이미지 업로드 시 이미지를 압축하는 경우 서버에서 작업이 필요하므로 서버 리소스를 추가로 사용하게 됩니다.

워드프레스 이미지 최적화 플러그인 WP Smush

참고:

• 워드프레스에서 업로드한 이미지가 흐린 경우 - 기본 JPG 압축 변경 방법
• 같은 이름의 이미지 파일이 너무 많이 생성되는 문제 (썸네일 파일이 자동 생성되지 않도록 하기)