내 블로그에 들어가는 이미지의 사이즈는? 정확히 말해 가로사이즈. 이미지를 넣다 보면 사이즈가 작은 건 상관없지만 큰 사이즈의 이미지는 깨져 보일 수도 있다. 그러니 미리 작업 해서 올리는게 좋다. 쓸 때 없이 이미지가 크면 본문을 로딩하는데 시간도 오래 걸린다.
1. 조금 큰 이미지 올리기
비공개로 조금 큰 사이즈의 이미지를 올려본다.
▲ 예시로 사용한 이미지는 너무 과하다. ㅋㅋ 적당히 큰 이미지를 올리자.
2. 소스 확인하기
▲ 비공개 글에서 브라우저의 F12키를 눌러 소스를 확인합니다. 저기 버튼을 눌러줍니다.
▲ 이미지에 마우스를 가져가면 실제 크기가 아닌 본문에서 보여주는 크기의 사이즈를 표시하고 있습니다.
이걸 참고로 이미지의 가로 사이즈를 정하면 됩니다. 저는 항상 가로 최대 807로 약간의 여유를 남겨놓습니다. 특별히 이미지를 강조할만한 글을 쓰지 않아서 클릭으로 확대해 볼 필요가 없기 때문입니다.
이미지를 자세히 봐야할 글이면 모를까 이미지 크기는 본문보다 작게 또는 이렇게 딱 맞게 쓰는게 좋습니다. 로딩 시간을 최소화해야죠. 사이즈를 딱 맞게 쓰면 왼쪽, 오른쪽, 가운데 정렬할 필요도 없죠.