지오205 매거진

티스토리 스킨 지오205 본문 글꼴과 글자 크기

본문에 표시되는 글꼴과 글자 크기, 글 가독성을 높이는 데 있어 글자의 크기와 글자 모양은 매우 중요한 역할을 한다. 간혹 아주 작은 크기의 글자를 문단도 나누지 않은 체 빼곡히 작성된 글을 볼 때가 있다. 우리는 블로거 써 불특정 다수에게 유용한 정보를 가독성 높은 글로 제공해야 한다. 글자의 크기나 모양을 내 기준에 맞추어서는 안 된다. 웹폰트 사용 웹사이트에서 로딩 속도를 저하시키는 대표적인 요인 중 하나가 웹폰트다. 정확히는 한글 웹폰트이다. 개인 적으로 웹폰트 사용을 좋아하지는 않지만 그럼에도 불구하고 이 스킨에서는 웹폰트를 사용했다. 다만 티스토리 특성상 모바일에서만 로딩 속도가 느리기 때문에 웹폰트는 PC에서만 작동되게 했다. 맥 OS에서는 시스템 기본 글꼴(애플 산돌 고딕 네오)을 그리고 ..

2021.12.21

티스토리 스킨 지오205 로딩 속도(구글 페이지 스피드) 1차

티스토리 스킨 지오205 로딩 속도를 알아보기 위해 구글 페이지 스피드(PageSpeed Insights)를 이용해 1차 성능 점검을 해보고 있습니다. 로딩 속도를 빠르게 하기 위해 최적의 조건으로 글을 작성합니다. 우선 이 게시물에는 애드센스 광고가 없는 상태로 보다 빠른 로딩을 위해 댓글과 티스토리 메뉴바 그리고 구독바를 사용하지 않는 것으로 설정 후 진행합니다. 그리고, 스크롤 없이 볼 수 있는 글 상단에는 이미지를 넣지 않고 스크롤을 내려야 볼 수 있는 부분부터 이미지를 넣었습니다. 스크롤을 내려야 볼 수 있는 영역의 이미지는 지연 로딩(오프 스크린 이미지)을 적용했기 때문에 특별히 신경 쓰지 않아도 되지만 그래도 작은 용량의 이미지와 차세대 형식 이미지(webp)를 사용했습니다. 티스토리에서 제..

2021.12.20

티스토리 본문 폭과 이미지 크기 그리고 이미지 넣는 방법

테스트용 글입니다. 티스토리 본문 폭에 꽉 차는 이미지를 넣고자 한다. 본문 폭이 728 픽세이라면 이와 같거나 보다 큰 사이즈의 이미지를 넣으면 이미지가 본문 가로 폭에 맞게 된다. 하지만 스킨을 변경하게 되면 상황이 달라진다. 변경한 스킨의 본문 폭이 860 픽세이라면 그만큼 여백이 발생된다. 티스토리에 이미지를 업로드하면 본문 가로넓이에 맞게 자동으로 축소된다. 이렇게 축소된 이미지는 스킨을 변경해도 다시 확대되지는 않는다. 티스토리 초창기 시절부터 시작된 문제지만 아직까지 개선되지 않고 있다. 지금 테스트하니 이 문제점은 개선되었네~ 티스토리 이미지 원본 크기 유지 스킨이 변경되어도 원본 이미지의 크기를 유지하려면 본문 크기를 실제 크기보다 크게 설정해 주면 된다. 그렇다고 무조건 크게 해서는 안..

2021.12.14