favicon.ico 오류가 발생합니다


132

Netbeans IDE를 다운로드하여 HTML로 코딩했습니다. 나는 처음이다. 코드를 실행하면 크롬이 열리고 모든 것이 잘 작동합니다. 출력-브라우저 로그에 일종의 오류가 발생합니다.

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico

어떻게 고치나요?

답변:


152

나는 또한이 오류가 오랫동안 있었다. netbeans 커넥터와 관련된 일종의 netbeans 버그 일 수 있습니다. favicon.ico내 코드 또는 프로젝트 설정에서 언급을 찾을 수 없습니다 .

head내 HTML 파일 섹션에 다음 줄을 넣어서 문제를 해결할 수있었습니다.

<link rel="shortcut icon" href="">

현재 테스트 환경에서 이것을 사용하고 있지만 모든 프로덕션 환경에서 제거하고 싶습니다.


3
NetBeans와 관련이 있다고 생각하지 않습니다. 당신이 할 때마다 발생합니다 cordova run browser.
Ricardo Cruz

2
나를 위해 지금 내 웹 사이트의 디렉토리 안에있는 동안 일어났습니다. 그러나 favicon.ico를 찾는 루트 디렉토리를 가리 켰습니다. 나는 ... 크롬을 사용하고
알렉스의 CIO

4
NetBeans와 관련이 없으며 Eclipse, PyCharm 등을 사용하며 동일한 오류가 발생합니다.
Ibo

3
이 솔루션은 시도한 결과 정확하지 않을 수 있으며 작동하지 않습니다. 여전히 오류가 발생합니다.
Vlădel

나를 위해 같은 엡 @Tamas, 아래의 대답은 올바른 것이어야한다
카리스 테오

131

수락 된 답변이 효과가 없었습니다. href 속성에 값을 추가해야했습니다.

<link rel="shortcut icon" href="#" />

8
받아 들인 대답은 나에게도 효과가 없었다. 이것을 게시 해 주셔서 감사합니다 ... 크롬에서 저를 일했습니다.
Nirmal

1
예. 이렇게하면 AWS S3에서 HTML 페이지를 호스팅 할 때 Chrome에서 오류가 제거됩니다. 코드가 없으면 파비콘에 대한 참조가 없었음에도 불구하고 favicon.ico에 대해 403 오류가 발생합니다.
MSC

이를 위해 MIME 유형을 지정해야합니까?
Kurkula

1
이렇게하면 일부 브라우저 (Chrome 포함)에서 문서의 이중 반입이 시작됩니다. stackoverflow.com/questions/2009092/…
kursus

@ kursus : Sr Julien 답변에서 문제가 억제 된 것 같습니다. stackoverflow.com/a/40527353/669527
IvanH

25

수락 된 답변이 저에게 효과적이지 않아서이 솔루션을 찾았습니다 .

가장 유권 한 솔루션은 다음과 같이 HTML 버전과 관련이있을 수 있습니다.

HTML5에 대해 유효성을 검사하기 위해 문서가 필요한 경우 대신 다음을 사용하십시오.

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

자세한 내용은 링크를 참조하십시오.


24

favicon.ico는 웹 사이트의 제목 표시 줄에있는 웹 사이트의 아이콘입니다. Netbeans가 웹 사이트 폴더에서 favicon.ico 파일을 찾을 수 없습니다

원하지 않으면 머리 부분에서 이와 비슷한 줄을 제거 할 수 있습니다

 <link rel="shortcut icon" href="favicon.ico">

또는 제목 표시 줄에 아이콘을 사용하려는 경우 아이콘 변환기 를 사용하여 .ico 이미지를 생성하여 웹 사이트 폴더에 유지하고 헤드 섹션의 위 줄을 사용할 수 있습니다


4
내 머리 부분에는 이와 같은 아이콘이 없습니다.
Rockstar5645

1
당신의 머리 섹션 HTML 코드를 게시하십시오, 코드를 보지 않고 오류를 해결하기 어렵다
Trinadh venna

15

위의 답변은 저에게 효과적이지 않았습니다. Favicon대한 매우 좋은 기사를 발견했습니다 .

  • Favicon은 무엇입니까?
  • Favicon.ico가 로그 파일에 404로 표시되는 이유는 무엇입니까?
  • 왜 Favicon을 사용해야합니까?
  • Pics 또는 다른 Favicon 제작자의 FavIcon을 사용하여 Favicon을 만드는 방법 ;
  • Favicon을 표시하는 방법

그래서을 사용하여 Favicon을 만들었습니다 FavIcon from Pics. favicon이라는 폴더에 넣고 <head>태그에 다음 코드를 추가하십시오 .

<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">

이제 오류가 없으며 Favicon이 보입니다.

여기에 이미지 설명을 입력하십시오


이것을 시도했습니다 ... 모든 지역에서 잘 작동하지만 서버에 배포하면이 오류가 발생합니다.
Ziggler

1
@ Petya Kostova, 링크 주셔서 감사합니다! 매우 도움이됩니다. 그냥 한 번 더 링크를 추가, 이 문서는 방법을 설명 icon하면서 등 크롬 / 파이어 폭스 /입니다 shortcut iconIE입니다 당신이 모두 필요한 이유를 궁금해서 (나 같은) 사람을 위해.
James Toomey 19 :

9

나에게 대답은 효과가 없었지만 이것은 잘 작동합니다.

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

이렇게하면 이중 페치가 발생하지 않고 문제가 해결됩니다.
IvanH

4

예를 들어 자신의 이미지를 제공하고 헤드에서 참조 할 수 있습니다.

<link rel="shortcut icon" href="images/favicon.ico">

3

또한 href 위치가 잘못되지 않도록주의하십시오. 연구 사례 :

내 색인 페이지는 LAYOUTS라는 임시 하위 폴더에있었습니다. LAYOUTS 폴더의 형제 인 IMAGES 폴더에서 favicon.png에 도달하려면 다음과 같이 경로를 href에 배치해야했습니다.

href="../images/favicon-32x32.png"

폴더 탐색 "위쪽"에는 이중 마침표가 필요하며 슬래시 + images문자열은 이미지 폴더로 이동하고 ( "점프"트리 분기 수행) 마지막으로을 작성하여 파일을 참조합니다 favicon-32x32.png.

이 설명은 처음부터 시작하는 사람들에게 유용하며 링크에 다른 트리 href가 필요한 LAYOUTS 폴더 외부에 특정 * .php 파일이 있다는 것을 잊었으므로 몇 번 보았을 때 유용했을 것입니다. 각 페이지의 HEAD 섹션에서

파비콘 이미지의 경로를 적절히 참조하십시오.


1
상대 경로를 직접 사용하는 것이 좋은지 잘 모르겠습니다. 클라이언트로 전송하기 전에 MVC 또는 ASP.NET 웹 API를 사용하여 URL을 완전히 확인하는 경우 일반적으로 @ Url.Content ( "~ / Images / favicon.ico")를 사용합니다.
justdan23

2

이 태그를 HEDER로 HTML 파일의 맨 위에 선언하지 않으면이 문제가 발생합니다.

<link rel="icon" href="your_address_icon" type="image/x-icon">

0

나는 이상한 상황이 있었다. 광산은 잘 작동하고 있었고 그 오류 메시지와 함께 갑자기 중단되었습니다. 헤더 선언이 이미있었습니다. 그래서 왜 작동하지 않는지 멍청했습니다.

<link rel="shortcut icon" href="favicon.png">

말 그대로 사이트의 다른 어떤 것도 내가 말할 수있는 문제가 없었습니다. 나를 위해 고 쳤던 유일한 것은 내 Apache 서비스를 다시 시작하는 것이었고 모두 좋았습니다.

다른 것이 효과가 없다면 그 장면을보고 무슨 일이 일어나는지보십시오.


0

각 브라우저 / 장치가 다르게 처리하기 때문에 악몽입니다.

Favicon Generator는 가장 가능한 시나리오를 다루어야하는 애플리케이션에 많은 도움이됩니다.

https://realfavicongenerator.net/

260px x 260px (최소한)의 png 이미지 만 있으면 생성기가 웹 페이지 내에서 필요한 모든 참조를 생성합니다.

이 참조 및 이미지를 애플리케이션에 추가하기 만하면됩니다.

여기에 이미지 설명을 입력하십시오


0

Angular이전에 우리는 있었다 .angular-cli.json언급 파일을 favicon.ico. 최신 버전 중 하나로 업그레이드 Angular하면 angular.json대신 사용됩니다. 이러한 최신 버전의 경우 index.html지금부터 파비콘 경로를 참조해야합니다 .


-1

동일한 즐겨 찾기 아이콘 오류-404 (찾을 수 없음)가 표시되었습니다. <head>index.html 파일 의 요소에 다음 요소를 사용 하여 오류를 수정했습니다.

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

1
이것이 어떻게 오류를 수정하는지에 대한 설명은 매우 도움이 될 것입니다. 답변에 세부 정보를 추가하십시오.
bjoster
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.