티스토리 운영자들이 알아야 할 가독성 높히는 방법. 1 - 잡학다식 베베토
사업정보 / / 2025. 4. 20. 12:35

티스토리 운영자들이 알아야 할 가독성 높히는 방법. 1

목차

    반응형

    티스토리 운영자가 해야하는 가독성 높히는 방법

     

     

    본 포스팅은 티스토리를 운영하면서 가독성을 높이기 위해 해야 하는 3가지 방법에 대해 알려드리도록 하겠습니다

     

    반응형

    이미지 파일 크기 조정

    이미지의 파일은 PNG파일을 압축하여 사용하는 것인데, WEBP 변환과 이미지 압축, 기존 이미지 3개를 가지고 왜 그렇게 해야만 하는지 알려드리겠습니다.

     

    EX )

    • 캡쳐 이미지 = 87KB
    • 이미지 압축 = 34 KB
    • WEBP 변환 = 45 KB

     

    3가지의 동일캡쳐본은 이렇게 크기가 달라지게 되는데 이는 포스팅 내용을 읽는 이용자들에게 롤링(대기시간)을 없애거나 축소하여 읽기 빠르게 만들어 주어야 빠른 사회 한국에서도 가독성이 높아지기 때문입니다.

     

    ➡️ 👉 이미지 변환하러 가기


     

     

    제목 힘주기

    제목을 작성할 때 단순하게만 구분을 해주게 되면 가독성에서 포인트가 되어 주지 못하게 됩니다. 이때에는 가독성을 높여주기 위해서는 스킨편집에서 CSS로 들어가 h1, h2, h3, h4에 맞춰서 아래에 적용되는 html을 맨 하단에 차례대로 원하는 크기, 모양, 색상을 입력하여 적용해 주면 됩니다.



    스킨편집 CSS에서 위와 같이 입력을 해주면 제목에 힘이 들어가게 됩니다
    제목힘주기.txt
    0.00MB

     


     

     

    원하는 부분 강조하기

    원하는 부분만 강조하고 싶을 때가 있습니다.

    이럴때는 굵은 글씨로 작성만 해주면 티스토리에서 제공하는 밑줄도 있지만 원하는 색상으로 변경을 해줄 수 있어 좋습니다.

    이번에도 관리 - '스킨편집' - CSS로 들어가 코드를 입력만 해주면 됩니다.

     

    가독성을 높힐 수가 있습니다.

     

    밑줄긋기.txt
    0.00MB

     

     

    "블로그 방문자 수를 2배로 늘리는 키워드 전략 활용법"

    티스토리나 워드프레스 블로그를 운영하면서 가장 궁금한 부분 중 하나가 바로 **"블로그 상위 노출 조건과 방법"**입니다. 저도 처음엔 감으로 글을 쓰다가, 지금은 구체적인 전략을 세워 글 하

    bebetolife.tistory.com

     

     

    alt 태그, 상위노출을 위한 실전 심화 이해하기

    📌 정의:HTML의 img 태그 속성 중 하나로, 이미지가 로드되지 않을 경우 또는 시각장애인을 위한 스크린 리더(읽기 소프트웨어)를 사용할 때 이미지의 내용을 설명해 주는 대체 텍스트입니다. ✅

    bebetolife.tistory.com

     

    드림어스컴퍼니

    드림어스컴퍼니의 역사적 발전드림어스컴퍼니(Dreamus Company)는 1999년 1월 20일, 양덕준과 여섯 명의 동료들에 의해 '레인콤(ReignCom)'이라는 이름으로 설립되었습니다. 이 회사는 처음에는 반도체

    bebetolife.tistory.com

     

    "반려동물을 위한 의료비 지원되는 우리동네 병원 찾기!"

    서울시 동물병원 검색📍 자치구 선택:전체종로구중구용산구성동구광진구동대문구중랑구성북구강북구도봉구노원구은평구서대문구마포구양천구강서구구로구금천구영등포구동작구관악구서

    bebetolife.tistory.com

    반응형
    • 네이버 블로그 공유
    • 네이버 밴드 공유
    • 페이스북 공유
    • 카카오스토리 공유
    맨위로