워드프레스 이미지 크기에 대한 초보자 가이드 (+ 모범 사례)

이 쉬운 초보자 가이드에서 워드프레스 이미지 크기 조정의 필수 사항을 알아보세요. 워드프레스가 자동으로 썸네일, 중간 및 큰 이미지 버전을 생성하는 방법, 이러한 크기가 사이트의 모양과 성능에 중요한 이유, 그리고 WP Media Folder 이 조직을 유지하는 데 어떻게 도움이 되는지 알아보세요.

 이 가이드에서는 기본 워드프레스 이미지 크기(썸네일, 중간, 큰 크기)와 그 이유, 그리고 테마에 맞게 사용자 정의하는 방법을 설명합니다. 또한 WP Media Folder 플러그인이 이미지 관리를 도와주는 방법도 확인할 수 있습니다. 기술적인 지식이 없어도 쉽게 따라 할 수 있습니다. 워드프레스가 이미지 크기를 처리하는 방법과 조정하는 방법을 정확하게 배울 수 있습니다.

워드프레스 기본 이미지 크기 개요

WordPress에 이미지를 업로드하면 자동으로 여러 버전을 생성하여 사이트의 다양한 위치에 제공합니다. 기본적으로 WordPress는 다음과 같은 크기를 생성합니다:

• 썸네일: 정사각형 150 × 150 픽셀 버전입니다. 블로그 미리보기 목록, 위젯 및 갤러리에서 자주 사용됩니다.
• 중간: 가장 긴 쪽이 300픽셀로 조정된 버전입니다. 이미지의 높이가 너비보다 크면 높이가 300이 되고 너비가 더 작아지거나 그 반대의 경우도 마찬가지입니다.
• 대: 가장 긴 쪽이 1024 픽셀인 버전입니다. 전체 너비의 주요 이미지 또는 블로그 포스트 헤더에 적합합니다.
• 전체: 업로드한 정확한 파일이며 수정되지 않았습니다.

WordPress는 이미지 표시 위치에 따라 최적의 크기를 선택합니다. 게시물 목록의 작은 썸네일은 150 × 150 크기로 표시되며, 대표 이미지 배너는 최대 1024px 크기를 사용할 수 있습니다. 이 시스템은 로딩 속도, 대역폭 사용량, 다양한 장치 및 화면 크기에서의 외관을 최적화합니다.

워드프레스가 이러한 크기를 자동으로 생성하는 이유

• 이미지가 디자인 영역에 적절하게 맞도록 합니다(예: 확대되거나 흐릿하지 않음).
• 파일 크기를 줄이고 페이지 로딩 성능을 향상시키기 위해, 특히 모바일 장치에서
• 콘텐츠 제작자의 작업 흐름을 단순화합니다. 수동으로 크기를 조정할 필요가 없습니다.

업로드된 이미지가 WordPress에서 생성 중인 크기(예: 800px 너비의 사진)보다 작은 경우 WordPress는 이미지에서 지원하는 차원까지만 크기를 생성하므로 큰 크기는 원래 크기를 초과하지 않습니다.

기본 이미지 크기 사용 모범 사례

각 기본 크기에 대한 일반적인 사용 사례는 다음과 같습니다:

썸네일

갤러리 그리드, 블로그 포스트 미리보기, 위젯 또는 사이드바 목록에 사용합니다. 큰 표시 영역에 썸네일 크기를 사용하지 마십시오. 픽셀화되어 나타납니다.

이 예제에서는 WP Media folder로 생성된 갤러리를 사용했습니다.

중간 크기

블로그 게시물 내의 인라인 이미지 또는 더 작은 배너에 이상적입니다. 이러한 이미지는 선명도와 파일 크기 간의 적절한 균형을 유지합니다.

큰 크기

Use for full‑width images, featured headers, sliders, or full‑screen sections. Avoid using full‑size originals unless absolutely necessary (for example, high‑quality photos) as they can be bulky and slow page load.

매우 큰 원본 파일(예: 너비가 수천 픽셀이거나 고해상도 TIFF 또는 PNG 이미지)을 업로드하는 것은 권장되지 않습니다. 이러한 파일은 더 많은 저장 공간을 차지하고 사이트 또는 미디어 처리 서버의 속도를 저하시킬 수 있습니다. 이상적으로는 테마의 최대 표시 너비(예: 콘텐츠 영역이 1200px인 경우 1200px 너비)에 대략 맞게 크기를 조정한 이미지를 업로드하십시오.

테마에 맞는 이미지 크기를 사용자 정의하는 방법

기본적으로 WordPress는 설정 > 미디어에 있는 크기를 사용하지만 테마의 요구 사항에 맞게 해당 크기를 조정하거나 새 크기를 추가할 수 있습니다.

관리자 화면을 통해 기본 크기 변경하기

WordPress 대시보드 > 설정 > 미디어로 이동합니다. 여기에서 썸네일, 중간 및 큰 크기에 대한 픽셀 크기를 변경할 수 있습니다. 변경한 후 저장합니다. 향후 업로드에서는 새 설정이 사용됩니다.

그러나 기존에 업로드된 이미지는 자동으로 재생성되지 않으므로 나중에 크기를 변경하는 경우 썸네일 재생성 플러그인을 사용해야 합니다.

테마 코드에 사용자 정의 이미지 크기 추가

중요 참고 사항: 백업을 먼저 생성하지 않고 사용자 지정 코드를 적용해서는 안 됩니다.

썸네일/중간/큰 크기 이상의 새로운 이미지 크기를 등록하려면 테마의 functions.php 파일 또는 사용자 정의 플러그인에 코드를 추가할 수 있습니다. 예:

add_image_size( 'custom-feature', 800, 600, true ); 

새로운 크기를 'custom-feature'로 등록합니다. 너비 800px, 높이 600px, 그리고 자르기가 활성화됩니다.

그런 다음 테마 파일에서 호출할 수 있습니다:

the_post_thumbnail( 'custom-feature' ); 

또는 Gutenberg에서 테마가 지원하면 이미지 블록 드롭다운에서 새로운 크기를 볼 수 있습니다.

여러 사용자 지정 크기를 추가할 수 있습니다. 등록 후 WordPress에서 새 버전을 만들 수 있도록 기존 이미지의 썸네일을 다시 생성합니다.

사용자 정의 크기를 선택할 때의 모범 사례

• 테마 레이아웃에 맞게 크기(예: 헤더 배너 크기, 블로그 게시물 추천 크기 또는 문서 내 이미지 너비)를 조정합니다.
• 컨테이너보다 훨씬 큰 크기로 이미지 크기를 조정하지 마십시오. 디스크 공간을 낭비하고 로딩 속도가 느려집니다.
• 일관된 종횡비 이미지(예: 16:9 또는 4:3)를 원할 때 자르기를 사용합니다. 자르기를 true 또는 false로 설정하여 자르기 또는 비율에 따른 크기 조정이 선호되는지 여부에 따라 다릅니다.
• 사용자 정의 크기를 추가한 후 데스크톱 및 모바일에서 올바르게 표시되는지 확인하기 위해 삽입된 이미지를 테스트합니다.

썸네일 재생성

기본 크기를 변경하거나 새 크기를 추가하는 경우 이전 이미지에는 새 크기가 자동으로 생성되지 않습니다. "Regenerate Thumbnails"와 같은 플러그인을 사용하여 이전 업로드에 대한 모든 이미지 크기를 다시 생성하세요. 이렇게 하면 미디어 라이브러리에 WordPress가 다양한 컨텍스트에서 제공할 수 있는 적절한 크기가 있는지 확인할 수 있습니다.

모범 사례 요약

• 테마의 최대 표시 너비(예: 너비 1200px)에 가까운 크기의 이미지를 업로드하세요. WordPress가 더 작은 크기를 생성하도록 하세요.
• 기본 크기를 150px(썸네일), 300px(중간), 1024px(큼)로 유지합니다. 테마에 따라 다른 값이 필요하지 않는 한 설정 > 미디어에서 변경할 수 있습니다.
• 고유한 표시 영역(예: 히어로 배너, 추천 블록)을 위해 테마 또는 플러그인 코드에서 add_image_size()를 통해 사용자 정의 크기를 추가합니다.
• 크기를 조정하거나 새 크기를 추가한 후 썸네일을 다시 생성하여 WordPress가 이전 업로드에 대해 해당 크기를 생성하도록 합니다.
• 일관된 종횡비가 필요할 때 크롭을 사용하거나 원본 비율 보존을 선호할 때 비례적 축소를 사용하세요.

추가 힌트: 다음을 염두에 두세요 WP Media Folder 폴더 기반 구성, 향상된 미디어 검색/필터링, 쉬운 갤러리 생성, 미디어 교체 및 기타 워크플로우 향상이 필요한 경우. 이미지 크기 조정 설정과 원활하게 작동합니다.

마무리: 빠르고 아름다운 사이트를 위한 워드프레스 이미지 크기 마스터

워드프레스 이미지 크기를 이해하면 올바른 위치에 올바른 이미지를 제공하는 데 도움이 됩니다. 썸네일, 중간, 큰 크기는 품질과 성능의 균형을 맞추도록 설계되었습니다. 이러한 크기를 사용자 정의하거나 새로운 크기를 추가하여 테마 레이아웃과 일치시킬 수 있습니다.WP Media Folder는 워드프레스의 기본 미디어 시스템 위에 폴더 구조, 고급 관리, 교체 도구, 워터마킹 및 갤러리 도구를 제공합니다.

기술에 익숙하지 않다고 생각하더라도 이러한 단계는 간단합니다. 미디어에서 설정을 조정하고, 변경 후 재생성 플러그인을 설치하고, 선택적으로 테마에서 사용자 정의 크기를 등록하고, WP Media Folder 을 사용하여 미디어 라이브러리를 더 효율적으로 구성합니다. 이렇게 하면 이미지가 멋지게 보이고 빠르게 로드되며 관리하기 쉽습니다.