 |
| 블로그스팟 썸네일 사이즈 수정하는 법 |
구글 블로그(블로그스팟) 노터블 테마의 경우 썸네일 사이즈가 데스크탑의 경우 정사각형 모양이지만 모바일은 직사각형 형태입니다. 그래서 모바일의 경우 상단과 하단을 Crop해서 썸네일을 보여줍니다.
HTML소스를 수정하지 않고 대응하는 방법은 Notable 테마의 경우 썸네일을 정사각형으로 만들 때 상단과 하단에 여백을 두는 것입니다. 지금 이 블로그의 썸네일 사이즈는 300 x 300 이지만, 모바일버전에서 상하 여백이 잘려서 보여집니다. 그러나 이미지는 깨지지 않고 선명하게 보입니다. 그러나, 만약에 썸네일 사이즈를 300 x 200으로 만들면 데스크탑에서는 선명하게 보이지만 모바일에서 썸네일이 흐릿하게 보여집니다.