이 영역을 누르면 첫 페이지로 이동
소소한 인생 블로그의 첫 페이지로 이동

소소한 인생

페이지 맨 위로 올라가기

소소한 인생

파비콘 설명 및 만들기

  • 2018.03.19 10:39
  • 프로그래밍

파비콘이란



파비콘은 웹페이지에 접속했을 때, 상단 탭에 보여지는 아이콘이다.

현재 내 티스토리엔 파비콘 설정을 하지 않아서 기본 티스토리 파비콘이 나오는 상태.

예전엔 하나만 등록해도 된다면 이제는 다양한 브라우저와 기기때문에 사이즈별로 등록해야한다.



파비콘 설정방법




※ 각 사이즈별로 파일 등록해야함

저렇게 설정하면 거의 대부분 기기나 브라우저에서 지원한다.


그리고 작업할때 한 파일만 등록하면 사이즈별로 만들어주는 사이트가 있다.


참고 사이즈 : https://realfavicongenerator.net/


이용방법은 파일을 등록후에 팝업이 하나 뜨는데 파란색 버튼 클릭하면 생성해주는 페이지로 넘어가고,

따로 수정해야하는 경우엔 수정 후 화면 하단에 "Generate your Favicons and HTML code" 버튼을 클릭!


그러면 <head></head>에 넣어야할 코드들과 압축파일을 받을 수 있는 버튼이 생긴다.


그런데 사이즈가 좀 적게 나올 경우엔 상단에 "Get the old package" 버튼을 클릭해서 페이지 넘어가면

더 사이즈가 다양하게 생성된다.


저작자표시 비영리 변경금지 (새창열림)

'프로그래밍' 카테고리의 다른 글

아톰(Atom) 에디터 설치 및 세팅  (0) 2018.05.17
sublime text3 html 파일 오픈 방법  (0) 2018.04.03
ios 팝업시 overflow-x:scroll 안되는 문제  (0) 2018.03.15
sublime text (-) 하이픈 영역 나뉘어서 선택시 해결방법  (0) 2018.03.07
jquery slick plugin slickGoTo 사용하기  (0) 2018.02.19

댓글

이 글 공유하기

  • 구독하기

    구독하기

  • 카카오톡

    카카오톡

  • 라인

    라인

  • 트위터

    트위터

  • Facebook

    Facebook

  • 카카오스토리

    카카오스토리

  • 밴드

    밴드

  • 네이버 블로그

    네이버 블로그

  • Pocket

    Pocket

  • Evernote

    Evernote

다른 글

  • 아톰(Atom) 에디터 설치 및 세팅

    아톰(Atom) 에디터 설치 및 세팅

    2018.05.17
  • sublime text3 html 파일 오픈 방법

    sublime text3 html 파일 오픈 방법

    2018.04.03
  • ios 팝업시 overflow-x:scroll 안되는 문제

    ios 팝업시 overflow-x:scroll 안되는 문제

    2018.03.15
  • sublime text (-) 하이픈 영역 나뉘어서 선택시 해결방법

    sublime text (-) 하이픈 영역 나뉘어서 선택시 해결방법

    2018.03.07
다른 글 더 둘러보기

정보

소소한 인생 블로그의 첫 페이지로 이동

소소한 인생

  • 소소한 인생의 첫 페이지로 이동

검색

메뉴

  • 홈
  • 태그

카테고리

  • 분류 전체보기 (174)
    • 일기 (52)
    • 여행 (36)
    • 추억 (64)
    • 프로그래밍 (22)

최근 글

인기 글

댓글

공지사항

아카이브

태그

  • #등산
  • #13박14일
  • #sublime text
  • #몽골
  • #맛집
  • #CSS
  • #1박2일
  • #공연

정보

_sunny의 소소한 인생

소소한 인생

_sunny

방문자

  • 전체 방문자
  • 오늘
  • 어제

티스토리

  • 티스토리 홈
  • 이 블로그 관리하기
  • 글쓰기
Powered by Tistory / Kakao. © _sunny. Designed by Fraccino.

티스토리툴바