분류 웹서버

파비콘 생성 및 홈페이지에 달기

컨텐츠 정보

본문



포토샵에서 적당히 1:1 비율로 이미지를 생성합니다.

배경은 투명으로 하고 PNG로 저장할 때 



이런 식으로 저장합니다.

그냥 png로 저장할 때와는 별 차이를 모르겠습니다만 ㅎㅎ


위 사이트에 가셔서 적절하게 옵션 선택 후 ico 파일을 생성하면 됩니다.

그 후 파비콘 파일을 그누보드 루트에 넣고

그누보드 환경 설정에서 추가 script, css에

<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
<link rel="icon" href="../favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" href="../favicon.ico">


위의 문구를 넣어주시면 즐겨찾기 및 파비콘이 적용 됩니다.

물론 파비콘의 이름도 favicon.ico 로 바꾸시구요.

관련자료

댓글 20

우성군님의 댓글의 댓글

아 저기 php 안에 넣어도 되지만

그누보드 환경설정에서 넣어도 됩니다.

추가 script, css

여기에 넣으면 업그레이드 할 때도 편하겠죠~

희망규짱님의 댓글의 댓글

아. 저번에 그렇게 해서 메인화면에는 안떳던것같아서.
함 해봐야겟네요. 저번엔 왜 메인화면에는 적용이 안됫는지는 모르겠지만 말입니다~

희망규짱님의 댓글

우성군님. 아이폰에서 홈바로가기있잖아요?
배추빌더나 네이버 같은건 적용한 파비콘이 뜨는것같은데
sir이나 우성군님껀 이게 안나오네요?
즐겨찾기 추가한건 나오는데 홈화면에 안떠서 뭔가 심심해요.
여튼 배추빌더는 나와요. 어떻게 해야 될까요? 코드 같은게 다른것같은데 말이죠.

희망규짱님의 댓글의 댓글

아 우성군님 저 소스에 이걸 더 추가하면 됩니다.
<link rel="apple-touch-icon-precomposed" href="파비콘주소">

파비콘주소는 ico넣어도 되네요.

날아라핫도그님의 댓글

http://realfavicongenerator.net/
여기는 안드로이드, ios 홈화면 바로가기 윈8 메트로UI 바로가기 등등의 파비콘도 만들어 주네요. 친절하게 넣을 소스도 가르쳐 주는데 참고하시라고..

우성군님의 댓글의 댓글

좋은 정보 고맙습니다. ㅎㅎ

요샌 head.sub.php 말고 환경설정의 추가 스크립트 입력 부분에 넣으면 됩니다.

업그레이드 할 때도 편합니다
Total 43 / 1 Page
RSS
Docker에 code-server 설치하는 방법

웹서버 code-server는 쉽게말해 VS Code를 서버에 직접 설치하는 것입니다.설치 후 웹브라우저에서 해당 URL이나 포트에 접근하면, 웹브라우…

도커 허브에서 매일 이미지 빌드하기 댓글 2

웹서버 Dockerfile을 만들고 Github와 연동해서 도커허브에 이미지를 만들 수 있습니다.하지만 위 스샷에 있듯이, 비공식 이미지 업데이트가 되…

Nginx proxy cache를 이용하여 이미지 캐시서버 구축하기 (Ubuntu, CentOS 8)

웹서버 1. Ubuntu 20.04 LTShttps://nginx.org/en/linux_packages.html위 링크에 있는 방식으로 Nginx를 …

Outline Manager 삭제 후 복원하는 방법

기타 1. 들어가며오늘 컴퓨터를 포맷했는데, outline manager(아웃라인 매니저)를 복원하는 방법을 몰랐습니다.초기 설치 때 SSH상에 떴던…

Caddy 웹서버 설치 및 그누보드 설정하기 댓글 4

웹서버 1. 들어가며Caddy는 기존의 웹서버보다 더 쉽고 간단하게 설치 및 유지 보수를 할 수 있습니다.SSL 인증서 자동발급 및 갱신하는 것이 큰 …

AlphaSSL 와일드카드 인증서 설치와 OCSP 설정 (Nginx용) 댓글 3

SSL 1. 와일드카드 인증서와 Letsencrypt 인증서와의 비교 현재 제 홈페이지에는 AlphaSSL의 와일드카드 인증서가 설치되어 있습니다. 와…

최근글


새댓글