개발 관련 티스토리 블로그 글 작성 시 코드블록을 통해 코드를 공유하는 글을 작성하게 됩니다. 본문 내용은 "복사", "붙여넣기"를 방지하고, 코드블록 안의 코드만 "복사", "붙여넣기"가 가능하게 하는 방법입니다. CSS 수정에서 최하단에 아래의 코드를 카피하여 추가하면, 코드블록 안의 코드만 "복사", "붙여넣기" 가능하게 됩니다. code {-webkit-user-select: text !important;-moz-user-select: text !important;-ms-user-select: text !important;user-select: text !important;}body {-webkit-user-select: none !important;-moz-user-select: -moz-non..
티스토리 블로그 운영 중에 글 하단에 표기되는 네임카드(프로필) 삭제 방법입니다. CSS 수정에서 최하단에 아래의 코드를 복사 붙여 넣기 하여 추가하면, 티스토리 네임카드를 숨길 수 있습니다./*글하단 네임카드 삭제*/[data-tistory-react-app="Namecard"] {display: none;} 티스토리 네임카드티스토리 블로그 글을 읽다 보면, 글이 끝나는 부분에 블로그 주인의 네임카드(프로필)가 보입니다. 위의 그림은 PC 버전의 글 하단에 표기되는 네임카드(프로필)입니다. 스마트폰에서도 글 하단에 네임카드가 동일하게 출력됩니다. 네임카드 숨기기네임카드를 숨기는 가장 간단하면서 확실한 방법입니다. 스킨 편집에 들어갑니다.html 편집에 들어갑니다.CSS 편집으로 들어갑니다.최하단..
WebP 이미지란?WebP 이미지 파일 형식은 2010년에 Google에서 개발한 차세대 이미지 형식입니다.JPEG보다 압축률이 높아 웹페이지 속도 향상에 효과적입니다.하지만, WebP는 구형 브라우저나 일부 플랫폼에서 지원되지 않을 수 있기 때문에, 호환성을 확인하는 것이 중요합니다. 프로그램 설치 없이 이미지 형식을 WebP로 무료 변환할 수 있는 웹 사이트를 소개하겠습니다. Convertio 사용 방법https://convertio.co/kr/ Convertio — 파일 변환기300가지 이상의 포맷 지원 저희는 300가지 이상의 서로 다른 파일 포맷 간의 25600가지 이상의 서로 다른 변환을 지원합니다. 다른 어떤 변환기보다 많은 수입니다. 신속 및 간단 페이지에 간단히convertio.coW..
티스토리 블로그에 이미지를 넣을 때, 이미지 최적화는 필수입니다. 이미지 최적화는 단순히 용량을 줄이는 것뿐만 아니라, 구글 SEO(검색 엔진 최적화)에도 큰 영향을 미칩니다. 최적화된 이미지는 웹 페이지 로딩 속도를 향상해 사용자 경험을 개선하고, 검색 엔진에서 더 높은 순위를 차지하는 데 도움을 줍니다. 블로그 이미지 최적화 필요 이유페이지 로딩 속도 향상: 이미지 용량이 크면 페이지 로딩 속도가 느려져 사용자 이탈률이 높아집니다. 최적화된 이미지는 용량을 줄여 페이지 로딩 속도를 향상하고, 쾌적한 사용자 경험을 제공합니다.SEO 효과: 구글은 페이지 로딩 속도를 검색 순위 요소로 고려합니다. 따라서 이미지 최적화는 블로그의 검색 순위를 높이는 데 도움이 됩니다.이미지 검색 노출: 최적화된 이미지..