결론부터 말하면 1600 × 900, 비율은 16:9입니다. X 게시물을 잘리지 않고 채우는 형태이며, 특별한 이유가 없다면 이 크기를 쓰는 것이 좋습니다.
왜 16:9인가
X는 타임라인에서 과감하게 잘라내며, 데스크톱과 모바일 모두에서 게시물 카드를 잘림 없이 채우는 형태가 16:9입니다. 코드에서는 사진보다 더 중요합니다. 줄 끝 몇 글자가 잘리면 구도가 나쁜 정도가 아니라 스니펫 자체가 틀리게 되기 때문입니다.
설정
Codeshot의 Aspect Ratio에서 Original을 Fixed로 바꾸고 16:9 프리셋을 고릅니다. 그다음 너비를 800로 설정하고 2×로 내보냅니다.
이렇게 하면 정확히 1600 × 900가 됩니다. 1×가 아니라 2×로 내보내는 것이 레티나 화면에서 작은 글자를 또렷하게 유지하는 비결입니다. 코드 스니펫을 1×로 내보내면 언제나 조금 흐릿해 보입니다.
쓸 만한 다른 크기
| 비율 | 픽셀 | 이럴 때 |
|---|---|---|
| 1:1 | 1080 × 1080 | 스니펫이 짧고 정사각형에 가까울 때 |
| 4:5 | 1080 × 1350 | 모바일 피드에서 높이를 최대한 쓰고 싶을 때 |
모두 같은 세 가지 설정입니다. 비율, 너비, 그리고 2× 내보내기.
피해야 할 실수
파일 전체를 세로로 길게 캡처해 올리는 것. X는 타임라인에 잘린 미리보기를 보여 주므로 사람들에게는 코드 가운데만 보이고 정작 중요한 부분은 잘려 나갑니다. 열다섯 줄 이내로 줄이고 나머지는 비율에 맡기세요.
한 가지 더
파일은 5MB 이하로 유지하세요. 코드 스니펫의 2× PNG는 그 근처에도 가지 않으므로, 사진 배경에 3×로 내보낼 때만 문제가 됩니다.
다른 플랫폼의 크기
나머지 플랫폼을 포함해 모든 아티클을 확인하세요.
어디에 올리든 이미지가 작아지면 테마는 크기만큼 중요해집니다. 고르기 전에 30가지를 모두 비교해 볼 수 있습니다.