[Tip-2] 스팀잇 대문이미지 - 내가 올린 이미지는 어떻게 보여질까?

[Tip-2] 스팀잇 대문이미지
내가 올린 이미지는 어떻게 보여질까?

대문이미지는 포스팅의 첫인상

---

보통 첫 이미지와 제목의 내용을 보고 글을 선택하게 되므로,

스팀잇에서 대문이미지(대표이미지 또는 썸네일)는 참 중요합니다.

스팀잇에 이미지 올릴 때 알아두면 좋을 팁을 알려드릴께요!

PC, 모바일 - 대문이미지 비율이 다르다.

---

스팀잇은 PC에서 볼 때, 모바일에서 볼 때 썸네일 이미지 비율이 다릅니다.

그렇다면 가로형이 아닌 세로형 또는 정사각형 이미지를 올리게 될 경우 어떻게 될까요?

제 지난 포스팅 두개를 예로 들어볼께요.

모바일로 봤을 때

---

이미지의 비율에 상관없이 전체이미지가 노출됩니다.

같은글을 PC로 봤을 때

---

PC에서는 이미지의 가운데 부분이 잘라져서 노출됩니다.

그럼 정확히는 어디가 잘리는걸까요?

대략 가운데라고 생각하셨겠지만, 한 번 비교해볼까요?

세로로 긴 이미지

정사각형에 가까운 이미지

거의 정가운데 영역을 잘라서 노출해주네요.

파란이미지의 경우 글씨가 잘린게 마음에 들지 않네요.

가로형 이미지 - 사진 표준 사이즈와 비교

그럼 사진 표준사이즈와 비교하면 어떨까요?

가로형도 위 아래가 잘리긴 하네요.

포토샵에서 사이즈를 재서 계산해봤을때 대략 가로세로 5:3 비율입니다.

정확한 사이즈는 130x75.6(px)이라고 하네요.

사이즈 왜 저렇게 정했을까요 하ㅋㅋ 4:3이나 정사각형으로 했으면 참 좋았을텐데 말이죠

Image by @zeronumbers

수정해볼께요

---

글씨가 대문이미지에서 잘리지 않도록 수정해볼께요.

이미지의 여백을 더 주고 글씨가 가운데로 오도록 조정했어요.

가이드를 떼고 보면 의미 전달이 더 잘되죠?

다시 그린다면 손 이미지도 잘리지 않게 그릴 것 같아요.

*결론 - 중요

---

1. PC의 대문이미지는 대략 5:3의 비율

2. 대문이미지는 최대한 가로형을 활용 : 잘리는 부분이 제일 적고, 기기마다 최대한 비슷하게 노출됨

3. 텍스트가 들어간 대문이미지 : 이미지의 가운데에 텍스트를 넣어야 잘리지 않음.

4. 세로형의 경우 : PC에서는 가운데 부분이 노출되지만, 모바일에서는 화면가득 보여진다는 장점이 있음

5. 그외 팁 - 한번 포스팅 하고나서 이미지를 추가하고 싶으시면, 새로운 창에서 글쓰기를 눌러서 이미지를 업로드한 후 복사해와서 업로드하셔야합니다. 이게 번거로우시다면, 여러가지 이미지를 올려서 테스트하고 지우는게 좋아요.

티비보면서 가볍게 써볼까로 시작했다가 불금에 울뻔했습니다ㅠㅜ

정성들여 썼으나 틀린내용, 추가내용은 댓글 달아주세요!

지난 Tip

---

Tip1 - 스팀잇 프로필 이미지 & 타이틀 배경 바꾸기

https://steemit.com/steemit/@kyunga/and-setting-of-profile-image-and-title-bg