YouTube 썸네일 생성기

유튜브 썸네일을 크기별로 생성해주는 사이트

---

사용기술

• HTML
• CSS
• JavaScript

---

주요기능

썸네일 생성

설명 모달창 (모달창 닫기 전에 다른 동작 x)

---

후기

평소 유튜브를 보다가 마음에 드는 썸네일이 있을 때, 저장하고 싶었는데 찾아보니 코딩으로 만들 수 있을 것 같아 직접 만들었다.

크기별로 생성해주면 휴대폰, 테블릿, 데스크톱 등에서 다양하게 사용할 수 있을 것 같아 5가지 크기(120x90, 320x180, 480x360, 640x480, 1280x720)로 생성했다.

워낙 간단한 사이트라 크게 어려움은 없었지만, 웹표준과 웹접근성을 생각해서 최대한 시멘틱한 마크업을 사용했고 키보드만으로도 조작 가능하게 만들었다.

---

💻Demo