WordPress 이미지 크기 초보자 가이드 (+ 모범 사례)

따라 하기 쉬운 초보자 가이드에서 WordPress 이미지 크기 조정의 필수 요소를 알아보세요. WordPress가 자동으로 썸네일, 중간 크기, 큰 크기의 이미지 버전을 생성하는 방법, 이러한 크기가 사이트의 디자인과 성능에 중요한 이유, 그리고 WP Media Folder 정리에 어떻게 도움이 되는지 알아보세요.

 이 가이드에서는 WordPress 기본 이미지 크기(썸네일, 중간, 크게)와 그 이유, 그리고 테마에 맞게 사용자 지정하는 방법을 설명합니다. 또한 WP Media Folder 플러그인을 사용하여 이미지를 관리하는 방법도 알아봅니다. 기술적인 지식이 없더라도 쉽게 따라갈 수 있습니다. WordPress에서 이미지 크기를 처리하는 방식과 조정 방법을 정확히 배우게 됩니다.

WordPress 기본 이미지 크기 개요

WordPress에 이미지를 업로드하면 사이트의 여러 위치에 게재할 수 있도록 해당 이미지의 여러 버전이 자동으로 생성됩니다. 기본적으로 WordPress는 다음을 생성합니다.

• 썸네일 : 150x150픽셀 정사각형 버전입니다. 블로그 미리보기 목록, 위젯, 갤러리에 자주 사용됩니다.
• 중간 : 가장 긴 면이 300픽셀이 되도록 조정된 버전입니다. 이미지의 높이가 너비보다 큰 경우, 높이는 300픽셀이고 너비는 더 작을 수 있으며, 그 반대의 경우도 마찬가지입니다.
• 대형 : 가장 긴 면이 1024픽셀인 버전입니다. 전체 너비의 추천 이미지나 블로그 게시물 헤더에 적합합니다.
• 전체 : 업로드한 파일 그대로, 수정하지 않은 상태입니다.

WordPress는 이미지가 표시되는 위치에 따라 최적의 크기를 선택합니다. 게시글 목록의 작은 썸네일은 150x150 크기로 제공되며, 추천 이미지 배너는 최대 1024px 크기를 사용할 수 있습니다. 이 시스템은 기기와 화면 크기에 따라 로딩 속도, 대역폭 사용량 및 모양을 최적화합니다.

WordPress가 이러한 크기를 자동으로 생성하는 이유

• 이미지가 디자인 영역에 적절하게 맞는지 확인합니다(예: 확대되거나 흐릿해지지 않음).
• 특히 모바일 기기에서 파일 크기를 줄이고 페이지 로딩 성능을 개선하려면
• 콘텐츠 제작자의 작업 흐름을 간소화합니다. 수동으로 크기를 조정할 필요가 없습니다.

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

기본 이미지 크기 사용을 위한 모범 사례

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

썸네일

갤러리 그리드, 블로그 게시물 미리보기, 위젯 또는 사이드바 목록에 사용하세요. 넓은 디스플레이 영역에는 썸네일 크기를 사용하지 마세요. 픽셀화되어 보일 수 있습니다.

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

중간

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

대판

전체 너비 이미지, 추천 헤더, 슬라이더 또는 전체 화면 섹션에 사용하세요. 꼭 필요한 경우(예: 고화질 사진)가 아니면 원본 크기의 원본을 사용하지 마세요. 원본 크기는 페이지가 크고 로딩 속도가 느릴 수 있습니다.

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

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

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

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

WordPress 대시보드 > 설정 > 미디어로 이동하세요. 여기에서 썸네일, 중간, 크게의 픽셀 크기를 변경할 수 있습니다. 변경 후 저장하세요. 이후 업로드에는 새로운 설정이 적용됩니다.

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

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

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

썸네일/중간/대형 이외의 새로운 이미지 크기를 등록하려면 테마의 functions.php 파일이나 사용자 정의 플러그인에 코드를 추가하세요. 예:

add_image_size( '사용자 정의 기능', 800, 600, true ); 

이렇게 하면 너비 800px, 높이 600px, 자르기가 활성화된 'custom-feature'라는 새 크기가 등록됩니다.

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

the_post_thumbnail( '사용자 정의 기능' ); 

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

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

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

• 테마 레이아웃에 맞춰 크기를 조정하세요. 예를 들어 헤더 배너 크기, 블로그 게시물 추천 크기, 기사 내 이미지 너비 등을 지정할 수 있습니다.
• 컨테이너보다 훨씬 큰 크기로 이미지 크기를 조정하지 마세요. 디스크 공간을 낭비하고 로딩 속도가 느려집니다.
• 일관된 종횡비 이미지(예: 16:9 또는 4:3)가 필요할 때 자르기를 사용하세요. 자르기 또는 비율 크기 조정 중 어떤 것을 선호하는지에 따라 자르기 속성을 true 또는 false로 설정하세요.
• 사용자 정의 크기를 추가한 후 삽입된 이미지를 테스트하여 데스크톱과 모바일에서 올바르게 표시되는지 확인하세요.

썸네일 재생성

기본 크기를 변경하거나 새 크기를 추가해도 이전 이미지에는 새 크기가 자동으로 적용되지 않습니다. "Regenerate Thumbnails" 등의 플러그인을 사용하여 이전에 업로드된 모든 이미지 크기를 다시 생성하세요. 이렇게 하면 미디어 라이브러리에 WordPress가 다양한 환경에서 제공할 수 있는 적절한 크기가 유지됩니다.

모범 사례 요약

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

추가 힌트: WP Media Folder 염두에 두십시오. 폴더 기반 정리, 향상된 미디어 검색/필터, 더욱 편리한 갤러리 생성, 미디어 교체 및 기타 워크플로우 개선이 필요한 경우, 이미지 크기 설정과 완벽하게 호환됩니다.

마무리: 빠르고 아름다운 사이트를 위한 WordPress 이미지 크기 마스터하기

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

기술적인 지식이 없더라도 다음 단계들은 간단합니다. 미디어에서 설정을 조정하고, 변경 후 재생성 플러그인을 설치하고, 테마에 사용자 지정 크기를 등록하고, WP Media Folder 사용하여 미디어 라이브러리를 더욱 효율적으로 정리하세요. 이렇게 하면 이미지가 보기 좋고, 로딩 속도가 빠르며, 관리하기 쉬워집니다.