파비콘(즐겨찾기 아이콘)은 웹사이트 이름이나 URL 옆에 있는 브라우저 탭이나 주소 표시줄에 나타나는 작은 아이콘 또는 이미지입니다. 이 파비콘은 작지만 의외의 중요성이 있습니다. 파비콘에 대해 알아보며 만드는 방법을 살펴볼까요?
이 글은 온라인 초보자, 블로그로 돈을 벌고싶은 초보자 분들이 함께 읽으면 좋은 글입니다.
안녕하세요:) 경제적 자유를 위해 디지털 노마드를 꿈꾸는 온라인 초보자를 위해 디지털부업과 N잡정보를 전하고 있는 렛미노마드입니다.
이 글의 사진과 내용의 저작권은 글을 작성한 작성자인 렛미노마드에게 있습니다. 만약 해당 글이 상업적으로 이용되거나 다른 곳에서 무단으로 복사, 배포, 수정되는 경우에는 저작권 침해로 인정될 수 있으므로 주의하시기 바랍니다.
또한 잘못된 정보가 있다면 언제든지 댓글로 알려주세요. 그럼 시작하겠습니다.
티스토리 애드센스 파비콘의 중요성 및 만드는 방법
디지털 노마드를 꿈꾸시는 분들이 함께읽으면 좋은글 추천해드립니다:)
(블로그부업) 구글 애드센스 승인받는 꿀팁 5가지(feat. 승인글 작성하기)
똑똑:) 안녕하세요! 유용한 생활정보와 꿀팁을 전해드리는 꿀팁큐레이터 미야 입니다. 오늘은 프로N잡러, 디지털부업으로 많이들 하고계시는애드센스 승인에 대한 포스팅을 가져왔어요:) 제가 2
astrald.com
#렛미노마드 #디지털부업꿀팁 #디지털부업 #온라인부업 #N잡러되기 #디지털노마드되는법
목차
★
파비콘이란?
favicon파비콘은 고유하고 인식 가능한 이미지를 표시하여 사용자가 웹 사이트를 쉽게 식별하고 기억할 수 있도록 도와줍니다. 또한 동일한 브라우저에 열려 있는 여러 탭이나 창을 구분하여 사용자가 더 쉽게 탐색하고 전환할 수 있도록 합니다. Favicon은 일반적으로 16x16픽셀 또는 32x32픽셀 크기의 정사각형 이미지 형식이며 간단한 링크 태그를 사용하여 웹사이트의 HTML 코드에 생성 및 추가할 수 있습니다. 티스토리에서는 블로그 설정에서 추가할수있습니다.
파비콘을 하면 브랜드 이미지를 높일수 있고 보다 전문적인 웹사이트를 운영할수 있다는 장점이 있으며 구글 애드승인을 받을때 가산점이 있다고 합니다. 무료사이트 소개해드리며 아울러 만드는 방법이 간단하니 한번 따라해 보세요.
★
파비콘만드는무료사이트
https://www.favicon-generator.org/
Favicon-generator.org는 이미지를 업로드하고 배경색을 선택하고 출력 형식을 선택하여 파비콘을 만들 수 있는 무료 온라인 사이트입니다. .ico, .png 및 .gif를 포함한 여러 파일 형식을 지원하며 Windows, Mac, Android 및 iOS와 같은 다양한 플랫폼에 대한 파비콘을 생성할 수 있습니다. 또한 웹사이트는 자신만의 파비콘을 만드는 데 도움이 되는 다양한 디자인 도구와 템플릿을 제공합니다. 전반적으로 Favicon-generator.org는 간단하고 무료인 파비콘 생성 도구를 원하는 사람들에게 좋은 선택입니다.
Favicon & App Icon Generator
Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.
www.favicon-generator.org
온라인 변환해주는 사이트
https://image.online-convert.com/convert-to-ico
★
파비콘만드는방법
포토샵에서 만드는 방법
1. Photoshop에서 32x32픽셀 크기의 새 문서를 만들어 시작합니다. 파비콘의 표준 크기입니다.
2. Photoshop의 다양한 도구와 기능을 사용하여 파비콘을 디자인합니다. 파비콘은 작은 크기로 표시되므로 간단하고 쉽게 알아볼 수 있어야 합니다.
3. 파비콘 디자인이 완료되면 배경이 투명한 PNG 파일로 저장합니다.
4. 웹 브라우저를 열고 PNG 파일을 파비콘에 필요한 파일 형식인 ICO 파일로 변환하는 웹 사이트로 이동합니다. 이러한 목적으로 인기 있는 웹사이트는 위에 소개한 사이트를 사용하셔도 되요.
5. PNG 파일을 웹사이트에 업로드하고 ICO 파일로 변환합니다.
6. 웹사이트의 루트 디렉토리에 ICO 파일을 업로드하고 HTML 문서의 헤드 섹션에 다음 코드를 추가합니다.
<link rel="바로가기 아이콘" href="favicon.ico" type="image/x-icon">
* 코드는 웹 브라우저에 favicon 파일을 찾고 웹 사이트에 표시할 위치를 알려주는 태그입니다.
무료 로고사이트에서 제작하여 만드는 방법
아래사이트에서 손쉽게 로고 이미지를 만들수 있습니다. 아래사이트를 이용하시면 포토샵에서 이미지를 만들지 않아도 됩니다.
로고이미지를 만든 후 ico 파일로 변환하면 됩니다.
https://www.shopify.com/tools/logo-maker
Free Logo Maker - Create a Logo in Seconds - Shopify
Free Logo MakerCreate professional logos in secondsIntroducing Hatchful - the custom logo maker.Get startedDesign a logo from hundreds of templatesCreate professional logosHigh-resolution logos in just a few clicksHatchful is a logo maker built for entrepr
www.shopify.com
★
티스토리 파비콘 적용하기
티스토리 블로그에 파비콘을 적용해 보겠습니다.
오른쪽 상단 메뉴에서 톱니바퀴 모양 설정 들어가 주세요.
블로그 관리로 들어가 주세요.
이제 파비콘 만든 이미지를 불러오기로 불러온뒤 저장을 눌러주시면 끝!
'디지털노마드 > 경제적자유정보' 카테고리의 다른 글
| 그런데 애드수익 받는날은 언제야..? (4) | 2023.04.12 |
|---|---|
| 구글 애드센스 광고 용어 궁금할때 (0) | 2023.04.09 |
| 티스토리 애드센스 여정 일지(같은블로그 다른도메인) (5) | 2023.04.07 |
| 블로그로 집에서 돈버는 방법 10가지 알아봄 (2) | 2023.04.07 |
| 검색이 잘되는 블로그 글 쓰기 체크리스트 2탄 (1) | 2023.04.03 |
댓글