홈페이지 주소창에 이미지(favicon) 만들기

Bynicejee
광고

[출처 : http://hmjkor.tistory.com/109]

브라우저의 주소창이나 탭, 즐겨찾기에 사이트만의 특정 로고나 이미지를 삽입하는 방법이다.

1. favicon.ico 제작

먼저 사용될 favicon 아이콘을 제작한다.
사이즈는 16*16, 32*32, 48*48로 제작
jpg,gif,png 등의 파일을 사이즈에 맞게 제작을 하여 파일명은 favicon, 확장자는 ico 확장자로 변경한다. 직접 제작을 해도 되나 그러지 못한 경우는 검색해보면 많이 나오니 찾아서 제작
하나 추천 : http://www.html-kit.com/favicon

2. html 페이지 코드 삽입
 
만들어진 favicon.ico를 WebRoot 하위에 업로드 함
index 페이지에 다음 코드를 삽입

방법 1

<html>
<head>
    <title>favicon</title>
     <link rel=”shortcut icon” href=”/favicon.ico” />
</head>
<body>
</body>
</html>
광고

방법 2

<html>
<head>
    <title>favicon</title>
    <link rel=”icon” href=”/favicon.ico” type=”image/x-icon” />
   <link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />
</head>
<body>
</body>
</html>

이미지가에 문제가 있는경우는 나타나지 않을 수도 있다.

광고

함께보면 좋은 글

  • 업무·학습에 유용한 무료 소프트웨어 추천 TOP 10

      보통 업무나 학습을 하다보면 여러가지 프로그램들을 사용해보는데요. 그 중에서도 개인적으로 무료로 사용해도 와우~ 할 정도로 괜찮은 프로그램들을 소개해보고자 합니다.   특히나 문서작성과 협업도구에 있는 것들은 필히 참고해서 사용해보시면 좋으실 겁니다.!!   업무 및 학습에 유용한 무료 소프트웨어 추천 TOP10…

  • 시력 보호 필수! 윈도우에서 블루라이트 차단 설정법

    장시간 컴퓨터를 사용하면 눈이 쉽게 피로해지고, 시력 저하나 수면 장애로 이어질 수 있습니다. 이런 문제를 예방하기 위해 윈도우에는 ‘야간 모드(Night Light)’ 기능이 내장되어 있으며, 블루라이트(청색광)를 효과적으로 줄여줍니다.   이 글에서는 윈도우10과 윈도우11에서 블루라이트를 차단하는 방법을 단계별로 설명하고, 외부 프로그램을 활용하는…

  • 윈도우 부팅 오류 해결 방법 가이드

    윈도우 부팅 오류는 컴퓨터 사용 중 겪을 수 있는 가장 답답한 문제 중 하나입니다. 컴퓨터를 켰을 때 윈도우 로고만 보이거나, 블루스크린이 뜨거나, 아예 전원이 들어오지 않는 등 다양한 형태로 나타날 수 있죠. 이러한 오류는 하드웨어 문제, 소프트웨어 충돌, 시스템 파일…

  • 윈도우11 가상 데스크톱 사용법: 작업 공간을 똑똑하게 나누는 법

    마치 맥OS 처럼 윈도우도 하나의 PC, 여러 개의 작업 공간으로 나누는 똑똑한 방법!   맥을 써보신 분들은 아시겠지만, 예전부터 맥에서는 여러 개의 바탕화면을 두고 사용이 가능했었죠. 윈도우도 이런 게 있으면 얼마나 좋을까 생각을 많이 하게 됐었는데요. (물론, 윈도우에서도 예전부터 가상…

  • [바이러스] Antivirus XP 2008 제거방법

    회사 동료분께서 바이러스가 걸렸다고 해서함 살펴봤는데… 이상한게 깔려있었다… 자꾸 바이러스 프로그램을 구입하라고 하는… 뭔가가.. ㅡ.ㅡ;첨듣는 바이러스 프로그램 같아서 네이버에게 물어봤더니..허걱… 멀웨어란다. ㅡ.ㅡ; 겨우겨우 위의 멀웨어를 지우긴 했지만…그래도 기분이 개운치가 않다. 해당 바이러스를 지우는 방법은 아래 링크를 보면 된다.단, 해당 링크를…

  • 윈도우 11 최적화 설정: 더 빠르고 쾌적한 PC 환경 만들기

    윈도우 11은 세련된 디자인과 다양한 편의 기능을 제공하지만, 일부 사용자에게는 이전 버전보다 느리거나 시스템 리소스를 많이 소모한다고 느껴질 수 있습니다. 하지만 몇 가지 최적화 설정을 통해 윈도우 11의 성능을 향상시키고 더욱 쾌적한 PC 환경을 만들 수 있습니다. 이 글에서는 윈도우…