PC 유튜브 썸네일 크기 작게 만들기. [레이아웃 수정]

https://www.clien.net/service/board/lecture/14290364

[유튜브] 메인에 영상이 4개씩만 뜨는 레이아웃을 예전처럼 되돌리기 (CSS) : 클리앙

위 글 참고해서 적었습니다.

쇼츠는 적용이 안되어서 쇼츠 크기조절도 추가했습니다.

 

 

원래 크기는 위와 같았으나..

 

어느순간 갑자기..

유튜브 아이콘이 너무 커졌습니다.

썸네일이 커진상태.

 

이게 찾아보니 위 처럼 변경되면 그냥 적응해서 쓰던가 다른 아이디로 써야 한다네요.

혹시나 다른 방법으로 줄일 수 있다면 댓글좀 부탁드려요.

 

비율을 100%에서 70정도로 만들어도 될듯 하지만.. 이건 이거대로 문제가 있어서..

다른방법을 찾아보던중.. CSS 수정으로 크기를 줄일 수 있다고 봐서 적용을 해보았습니다.

 

방법은..

 

링크로 바로가기

Stylus - Chrome 웹 스토어

반응형

 

CSS 수정이 가능한 프로그램을 설치해줍니다.

위에 없는 다른 프로그램을 설치하셔도 됩니다.

파이어폭스 브라우저를 쓰신다면..

파폭

Stylus – 🦊 Firefox용 확장 기능 (ko)

에서 받고 진행하시면 됩니다.

 

크롬 브라우저에서 우측 상단에 위 아이콘을 눌러주거나..

위 아이콘이 없다면..

상단 세로 ...을 눌러주고 - 확장프로그램 - 확장 프로그램 관리를 선택합니다.

 

...을 눌러서 옵션으로 들어갑니다.

 

세부정보.

 

툴바에 고정을 눌러줍니다.

 

 

마우스 우클릭이나 ...을 눌러서 옵션을 선택합니다.

 

접속 되었다면.. 우측 상단 X를 눌러주시고.

 

좌측에 메뉴에서 +를 선택.

 

붉은색 박스 부분에..

@media (min-width: 1920px) {     ytd-rich-grid-renderer {         --ytd-rich-grid-items-per-row: 7 !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: 9; /*#.유튜브 쇼츠 영상 크기*/     } }

위 내용 모두를 드래그해서 복사합니다.

728x90

복사했다면.

이름 지정후.

저장을 눌러줍니다.

 

아. 중요한걸 하나 안했습니다.

코드1 - 전부를 클릭하면.. 

목록이 뜨는데 URL의 도메인이 다음과 같음을 선택해주고

 

https://www.youtube.com 을 적어넣습니다.

최종으로 저장을 해주고 유튜브 사이트를 가보면..

 

이랬던 화면이..

 

이렇게 썸네일이 작아 졌습니다.

 

옵션중에..

파란색 박스 글씨는 일반 유튜브 썸넬 크기고..

녹색 박스 크기는 쇼츠 썸네일 크기입니다.
스샷에는 7로 되어있지만.. 9 정도로 두는게 제 컴기준으로는 제일 적당한거 같네요.