유튜브 썸네일 크기 줄이는 방법

유튜브에서는, 진행하는 Experimental Features에 포함된 사용자에게 UI의 시련을 준다.

PC 사용 중 심심하면 갑자기 유튜브 메인 화면의 썸네일 크기가 부담스럽게 커진다. 한 줄에 3개... 일명 A/B 테스트라고 하는데, 두가지 분류로 (기존 썸네일 vs 큰 썸네일) 나눠 새로운 레이아웃을 시험 운영하는 경우 썸네일이 커지거나 배열이 달라진다. 늘 큰 썸네일은 사용자를 당황하게 하고, 이 문제를 해결하려 검색을 해보면, < 아쉽게도 사용자가 직접 이전 UI로 되돌릴 수 있는 방법은 없고, 유튜브 앱 또는 웹 하단의 ‘의견 보내기’ 기능을 통해 불편사항을 전달하실 수 있습니다.>라는 게 끝이다. 

그래서 포기하려 하는데도, 불편은 도저히 참기 힘들다. ​Ctrl + 0(기본 화면비율/배율 초기화), 계정 교체, 크롬 다운그레이드 등 해결 방법이라고 나도는 것들은 무용했다. 그래서 썸네일 문제를 제어할 확장프로그램을 검색해 보니 몇 가지가 있었다.  여기서는 3가지 앱을 소개한다.

 

YouTube Row Fixer - Chrome 웹 스토어

 

 1. Youtube row fixer 

설명에, UI크기 변경해서 썸네일 크기와 갯수 조절가능하다고 한다. 앱 설치 후 크롬브라우저 우측 상단의 해당 확장프로그램 아이콘 클릭> 값을 조정하면 된다. 유튜브 전용이다. 

설치 후 아래 2번 내용에 있는 스크립트를 복사해 넣고 저장하면 된다. 

---

나는 CSS 코드를 넣어 레이아웃의 커스터마이징을 할 수 있는 아래 앱을 설치해서 해결했다. 

2. Enhance for YouTube

유튜브 전용으로 CSS코드로 커스터마이징과 여러 기능을 효과적으로 쉽게 사용할 수 있다.

 

Enhancer for YouTube™ - Chrome 웹 스토어

 

앱 설치 후 크롬 브라우저 상단 우측의 앱 아이콘을 선택한 후 Enhancer for YoTube의 더보기> 확장 프로그램 관리로 클릭하면 세부정보 페이지가 새창으로 열린다.

 

확장 프로그램 옵션을 클릭하면 앱의 커스텀 페이지가 열린다. 

커스텀 스크립트> 커스텀 테마>에 아래 CSS 코드를 넣는다.

@media (min-width: 1920px) {
    ytd-rich-grid-renderer {
        --ytd-rich-grid-items-per-row: 6 !important; /* 한 행에 보여질 일반 영상 썸네일 개수 */
    }
    #video-title.ytd-rich-grid-video-renderer {
        font-size: 1.6rem;
    }
}

@media (min-width: 1920px) {
    ytd-rich-section-renderer {
    --ytd-rich-grid-slim-items-per-row: 7; /* 한 행에 보여질 쇼츠 썸네일 개수 */
    }
}

이 코드는 한 행에 보이는 일반 영상의 썸네일 개수와 숏츠 개수를 지정해준다.

​가로폭이 최소 1920픽셀로 설정된 코드이므로, 창 크기가 그 이하일 경우 무효가 된다. 그러면 썸네일 표시가 원래대로 돌아간다. 이 부분은 원하는 픽셀로 조정이 가능하다.

 

---

 

3. Stylus 

​CSS(Cascading Style Sheets)코드를 이용하여 특정 페이지의 레이아웃의 커스터마이징 할 수 있는 확장프로그램이다.

Stylus - Chrome 웹 스토어

 

좌측 Edit Style 바로 아래 한줄 폼에 유튜브 주소를 넣고서 아래 저장버튼을 눌러준다.

오른쪽 Sections 폼에, 2번 앱 설명 때 남긴 CSS 코드를 넣고 (위의 버튼) 저장, 유튜브 메인 화면을 새로고침 후 확인한다.