티스토리 이미지(사진) 모바일웹에서 가로폭 가득 차게 나오게 하는 방법

티스토리에 올린 이미지의 크기를 모바일에서 가로폭을 가득 채워서 나오게 하는 방법을 예전에 한 번 포스팅 했던 적이 있습니다. (아래 글 참조)

티스토리 이미지나 사진 가로로 꽉 차게 하는 방법

 

그런데 티스토리에서 최근 모바일웹을 개편하면서 해당 글에서 제가 언급했던 방법인 'widthFull'로 변경하는 방법이 더 이상 통하지 않게 되었죠. 대신 더 손쉬운 방법으로 가로로 가득 차게 나오도록 하는 방법이 있습니다. 간단하게 그 방법을 정리해 봅니다.

 

티스토리 이미지 가로폭 늘리는 방법

가로폭이 가득차는 이미지는 대체 뭐가 다른지 궁금하시죠? 아래 사진은 제가 얼마전 올렸던 버거 후기의 이미지입니다. 스마트폰 화면(모바일 화면)에서 보게 되면 좌우에 동그라미 표시한 것처럼 여백이 들어가 있는 것을 볼 수 있죠.

좌우 여백이 있는 모습

 

아래 사진은 같은 글을 티스토리 모바일웹 (내블로그주소/m 으로 접속한 화면)으로 접속했을 때의 모습입니다. 좌우로 가득찬 모습을 볼 수 있습니다.

가로로 가득찬 이미지

이렇게 사진이 나오게 하면 모바일에서 티스토리 모바일웹 주소로 들어와서 글을 보면 사진이 좀 더 깔끔하게 보이게 됩니다.

 

대부분의 블로거들은 '모바일웹 사용하지 않음'으로 설정해 쓰고 있는데, 굳이 이 방법을 설명드리는 이유는 왜일까요?

 

그 이유는 다음 포털 메인페이지에 오르는 분들의 사진을 좀 더 멋지게 보이게 하시라고 글을 써 봅니다. 물론, 메인에 자주 오르시는 분들이 이 팁을 볼 가능성은 제로에 수렴하지만, 미래의 메인 페이지 주인공들이 보시라는 의미로 써 봅니다.

 

그 방법은 이렇습니다. 사진이나 이미지를 넣은 다음에 사진을 클릭하면 사진 위에 아래와 같은 메뉴가 뜨죠.

사진 편집 메뉴

기본 값은 위 이미지에서 정가운데쯤 위치한 '가운데 정렬'입니다. 이것을 그대로 두면 모바일웹에서도 좌우에 여백이 있는 형태로 이미지가 뜹니다. 이것을 아래와 같이 왼쪽에 있는 '본문 폭 맞춤'으로 바꿉니다.

본문 폭 맞춤으로 변경

그렇게 바꿔서 사진을 올리면, 티스토리 모바일웹 주소로 접속할 경우에는 이미지가 가로로 가득차게 나오게 됩니다.

 

모바일웹 사용하지 않음으로 해 두면, 일반적으로 내 블로그에 들어오는 분들은 스킨에서 설정된 대로 이미지가 나오기 때문에 위의 방법을 사용해도 좌우에 여백이 있는 그대로 나오구요. 티스토리 모바일웹으로 들어가야지만 가로로 꽉 찬 이미지가 나오게 됩니다.

 

'모바일웹 사용하지 않음'으로 해 두어도, 다음 포털 메인페이지에 오른 경우 PC가 아닌 모바일 다음 페이지에서는 무조건 모바일웹 주소로 접속이 되거든요. 그렇기 때문에 메인에 오르는 극히 드문 확률(*일부 분들에게는 매우 높은 확률)을 감안해서 저 방식을 사용해 보세요.

 

단, PC 버전에서는 스킨 설정에 따라 사진의 가로 사이즈가 최소 800은 되는게 좋습니다. 그것보다 작은 사이즈를 사용하는 경우에는 강제로 가로 사이즈를 늘리는 꼴이라 사진이 선명하지 못하게 됩니다.

 

이미지 많이 올리시는 분들은 이 방법을 잘 활용해 보세요!

 

 

팩트풀니스(사실충실성)에 근거한 다음 메인에 오르는 블로그 분석 중

덧, 다음 포털 메인에 오르는 글들을 4주간 데이터를 누적해서 정리를 해 본 결과는 조만간 시간이 나면 정리를 해 보겠습니다. 메인에 오르는 기준은 그때그때 바뀌기는 하겠지만, 적어도 제가 지켜본 4주간은 1주일에 1번 이상 오르는 블로그의 메인 페이지에 오르는 콘텐츠 점유율은 40% 정도 됩니다. 

 

블로그 키워드는 생활 속에 있습니다. (ft. 생생한 실제 사례)

티스토리 스킨 바꾸는 순서 정리

알아두면 좋은 티스토리 단축키