반응형 티스토리 정보18 ICO 변환하는 방법 | 티스토리 파비콘 전용 파일로 변환 방법 티스토리 블로그를 운영하면서 브랜드 아이덴티티를 강화하려면 파비콘(Favicon) 설정이 필수입니다. 파비콘은 브라우저 탭이나 즐겨찾기에 표시되는 작은 아이콘으로, 블로그의 인지도를 높이고 방문자의 신뢰도를 높이는 역할을 합니다. 하지만 티스토리에서는 파비콘을 ICO 파일 형식으로만 지원하기 때문에, 일반적인 PNG, JPG 등의 이미지 파일을 ICO로 변환해야 합니다. 이 글에서는 이미지를 ICO 파일로 변환하는 방법을 자세히 알려드리고자 합니다. 저만 따라오세요~ 변환 사이트 추천 ICO 변환 사이트 바로가기 Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly generate a favicon for yo.. 2025. 2. 20. 티스토리 페이지 성능 최적화 이미지 지연 로드 적용 방법 티스토리 블로그에 글을 포스팅할 때, 사진을 많이 올리나요? 저 또한 이미지나 사진을 많이 올리는 편인데, 가끔 사진 로딩이 느려지는 현상이 발생할 때가 자주 발생하더라구요.. 그래서 구글링 해 본 결과, 사용자 화면에 있는 사진 순서대로 로딩하는 방법이 있어 페이지 성능을 향상시키는 방법이 있다고 해서 가져와봤습니다. 천천히 잘 따라오세요~ 이미지 지연 로드 (Lazy Load) 란? 페이지가 로드될 때 모든 이미지를 한 번에 불러오는 대신, 사용자가 해당 이미지를 스크롤하여 볼 때마다 점진적으로 로드되는 방식입니다. 이를 통해 페이지의 초기 로딩 속도를 개선할 수 있고, 사용자가 필요하지 않은 이미지 데이터를 미리 불러오는 것을 방지하여 성능을 최적화할 수 있습니다. 예를 들어봅시다. 블로그 글을 작.. 2025. 2. 19. 티스토리 블로그 포스팅 링크 버튼 만들기 다른사람들의 블로그에 있는 바로가기 링크 버튼을 보신 적이 있나요? 이 링크 버튼은 방문자가 클릭하여 다른 글이나 외부 사이트로 쉽게 이동할 수 있도록 해줍니다. 이 글에서는 티스토리 블로그에서 링크 버튼을 만드는 방법을 알려드리겠습니다. 000 전 후 링크 버튼 만들기 전vs.링크 버튼 만든 후 버튼 디자인 사이트 추천 사이트에 바로가기 버튼 꾸미기 1️⃣ 위 웹사이트로 이동 왼쪽에서 내가 원하는 버튼 디자인 선택오른쪽에서 텍스트 및 사이즈, 경계 등 취향에 맞게 디자인을 변경변경을 완료한 후에 가운데에 있는 Get Code를 클릭해서 버튼의 코드 생성 2️⃣ 코드 복사 생성된 코드 위는 html 코드, 아래는 css 코드입니다. 티스토리에 버튼 적용 1️⃣ 블로그 관리 > 꾸미기 > 스킨 편집.. 2024. 11. 29. 티스토리 서식 사용 방법 적용하기 티스토리 블로그 운영시 각 블로그마다 자주 쓰게 되는 문구나 레이아웃이 있텐데, 오늘 이 글에서는 그러한 본인만의 서식을 미리 설정하는 방법을 알려드리고자 합니다. 저만 따라오세요~ 서식 만드는 방법 1️⃣ 블로그 관리 > 콘텐츠 > 서식 관리 클릭 2️⃣ 서식 쓰기 클릭 3️⃣ 원하는 서식 제목 및 내용 작성 서식 적용 방법 1️⃣ 글쓰기 > 우측 상단 점 세개 > 서식 클릭 2️⃣ 적용하고 싶은 서식 클릭 결과물쨘~ 이렇게하면 서식 생성 및 적용할 수 있습니다 :)u { text-decoration:none; border-radius: 30px; font-weight: normal; color: #000; background: linear-gradient(to top, #f.. 2024. 11. 28. 티스토리 블로그 이름 옆 아이콘 (파비콘) 적용하는 방법 나의 티스토리 블로그를 좀 더 사람들에게 각인시키고 싶으신 분 계시나요? 그렇다면 파비콘을 설정하시는 걸 추천하면서 적용 방법을 알아보도록 하겠습니다. 파비콘이란? 파비콘(Favicon)dms "favorites icon"의 줄임말로, 웹사이트를 대표하는 작은 아이콘입니다. 주로 브라우저의 탭에 표시되기 때문에 사이트를 쉽게 인식할 수 있는 네임택같은 역할을 합니다. .ico 파일 전환 사이트 추천 1️⃣ 만들어 놓은 파비콘 디자인을 준비 (되도록이면 png파일로 준비)2️⃣ ico파일로 전환 후 저장 ico 파일 전환 사이트에 바로가기 클릭 Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly genera.. 2024. 11. 23. 티스토리 블로그 포스팅 제목 배경 흐리게 블러처리하기 티스토리 블로그에 글을 올릴 때, 포스팅 제목 배경 사진에 제목이 잘 안 보이는 것이 거슬리셨나요? 그렇다면 잘 찾아오셨습니다. 아주 간단한 방법으로 포스팅 제목 배경을 흐리게 만들 수 있는 방법을 알아보겠습니다. 이 방법을 통해 제목을 더 잘 보이게 해서 블로그의 디자인을 개선할 수 있길 바랍니다. 저만 따라오세요~! 1️⃣ 관리 > 꾸미기 > 스킨 편집 클릭 2️⃣ html 편집 클릭 3️⃣ css > ctrl+f 로 cover:before 검색해서 .post-cover:before 찾기 4️⃣ 맨 아래 줄에 한 줄 추가하기backdrop-filter: blur(원하는 숫자px); 원하는 숫자 px라는 것은 px 사이즈를 말합니다. px 숫자가 높아질수록 더 짙게 블러처리가 됩니다. 저는 3p.. 2024. 9. 9. 이전 1 2 3 다음 반응형
