많은 웹 사이트를 탐색하면 브라우저 주소 표시 줄 앞에 작은 아이콘이 있으며 브라우저의 태그 위치에 작은 아이콘도 있습니다. 예를 들어, Baidu, Tencent 및 기타 웹 사이트에는 그러한 아이콘이 있습니다. 웹 사이트에 이와 같은 작은 아이콘을 추가하고 싶습니까? 이 작은 아이콘을 사용하면 웹 사이트가 다른 사람들의 웹 사이트보다 시선을 사로 잡을 것이며 다른 사람들의 관심을 끌 것입니다.
Photoshop, Flashfxp, 노트북
ICO 형식으로 작은 아이콘을 만들어야합니다
단계/방법 :
1. Photoshop을 사용하여 너비와 높이가 32 픽셀의 작은 아이콘을 만들고 생산이 완료된 후 ICO 형식으로 저장하십시오.
2. FlashFXP를 사용하여 웹 페이지를 로컬로 다운로드하고 소스 코드의 사본을 백업하여 경우를 대비하여 웹 페이지를 엽니 다.
3. 웹 페이지 소스 코드의 헤드 부분을 찾아 다음 코드를 헤드 부분에 삽입하십시오. HREF의 주소는 ICO 아이콘을 저장하고 웹 사이트의 위치에 따라 작성하는 주소입니다.
<link rel = 바로 가기 아이콘 유형 = image/x-icon href = http : //www.iswweb.com/images/favicon.ico media = screen/>
4. 수정 된 웹 페이지 파일을 가상 호스트에 업로드 한 다음 준비된 ICO 파일을 가상 호스트의 이미지 웹 사이트 디렉토리에 저장하십시오.
5. 임무가 완료되었습니다! IE 브라우저를 열고 URL을 입력하여 시도 하시겠습니까? 이미 작은 아이콘이 있습니까?
작은 아이콘의 형식은 너비와 높이가 모두 32 픽셀 값으로 ICO 형식이어야합니다.
위의 단계를 따른 후 작은 아이콘을 볼 수 없으면 IE 브라우저의 캐시를 정리하십시오. 캐시를 청소 한 후 작은 아이콘을 볼 수 있습니다.
작은 아이콘의 저장 위치는 코드의 저장 위치와 일치해야합니다. 그렇지 않으면 표시되지 않습니다.