웹 사이트에서 favicon을 다운로드하는 방법은 무엇입니까?


121

웹 사이트를 탐색하면 "favicon"아이콘이 탭이나 URL 옆 (또는 북마크 옆)에 나타납니다.

그래픽을 원한다면 사이트에서 직접 다운로드 할 수있는 방법이 있습니까? 웹에서 직접 다운로드하는 것을 선호하지만 다른 모든 방법이 실패하면 컴퓨터에 저장된 위치 (Windows 7, Firefox 3.6.6)에서 파헤칩니다.

답변:


158

Studiohack에는 "완전한"접근 방식이 있지만 여기에는 짧은 핵이 있습니다.

  1. 같은 도메인 이름을 입력하십시오 https://superuser.com/( '/'로 끝나야 함)
  2. favicon.ico끝에 추가
  3. Enter 키를 누릅니다 (URL에 있어야 함 https://superuser.com/favicon.ico).
  4. 이미지를 마우스 오른쪽 버튼으로 클릭하고 "다른 이름으로 이미지 저장"을 클릭하십시오.

다른 답변은 모두 훌륭합니다. 많이 배웠습니다. 감사합니다. 그러나 내 특정 목적을 위해 이것이 내가 찾고 있던 것입니다. 받아 들였습니다.
Robert Cartaino

2
Wikia와 같은 사이트를 제외하고는.
Hello71

10
간단하면서도 천재적입니다.
Raffi Khatchadourian

48

http://en.wikipedia.org/wiki/Favicon 을 읽으면 다음을 확인할 수 있습니다.

다음 형식은 브라우저 간 호환 가능하며 Internet Explorer, Firefox, Chrome 및 Opera에서 지원됩니다. [3]

<link rel="shortcut icon" href="http://www.example.com/myicon.ico" />

또한 다음 사항도 허용됩니다.

<link rel="shortcut icon" href="/somepath/myicon.ico" />

다음은 HTML 및 XHTML에 대한 예제를 사용하여 지원되는 링크 태그 형식을 보여줍니다.

HTML :

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico"> <link rel="icon" type="image/png" href="http://example.com/image.png"> <link rel="icon" type="image/gif" href="http://example.com/image.gif">

따라서 일반적인 관행은 실제로 'favicon.ico'라는 파일을 루트 폴더에 넣는 것이지만 반드시 제공되는 파일의 소스 코드를 찾아서 정의되어 있는지 확인해야합니다.

예를 들어 http://superuser.com의 경우

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico"> 

1
루트 폴더, 특히 Wikia에서 favicon.ico를 저장하지 않는 사이트를 발견했습니다. 그러나 위의 효과가있었습니다.
D Coetzee

페이지에서 검사 요소를 열고 검색 ico하면 찾아야합니다.
Qwertie

SFTP 서버의 HTTPS 인터페이스에 추가하기 위해 공개 사이트에서 클라이언트 아이콘을 찾을 때도 도움이되었습니다.
Dacid Salin

29

항상 /favicon.ico를 추가 할 수는 없습니다 (예 : https://superuser.com/favicon.ico )
모든 답변이 필요보다 복잡합니다.

당신이 할 일은 여기에 쓰여진 것입니다 : http://www.itechcolumn.com/4-way-download-favicon-website/

  1. 대상 사이트로 이동하십시오.
  2. 페이지 소스보기 (페이지를 마우스 오른쪽 버튼으로 클릭하고 "페이지 소스보기"를 클릭하십시오)-Firefox를 사용하는 경우 브라우저마다 약간 다를 수 있습니다.
  3. "바로 가기 아이콘"검색 (Ctrl + F)
  4. 다음과 같이 보일 것입니다 :

    link rel="shortcut icon" href="http://www.sitename.com/images/thenameofthefavicon.ico"/>

  5. 링크 http://www.sitename.com/images/favicon.ico를 마우스 오른쪽 단추로 클릭 하고 아이콘을 저장하십시오. 또는 URL을 사용하여 페이지를 열고 페이지를 저장하십시오.


4
좋은 조언! 그러나 모든 사이트가 HTML로 직접 지정하지는 않지만 유추 될 수 있습니다.
Jeff Atwood

1
이것은 /favicon.ico가 작동하지 않았을 때 작동했습니다. 감사.
Joshua Dance

26

Google S2 변환기를 사용하여이 작업을 수행 할 수 있습니다.

구문은 다음과 같습니다. http://www.google.com/s2/favicons?domain=DomainName

예 : http://www.google.com/s2/favicons?domain=https://superuser.com/


훌륭한 도구 및 특정 favico URL로 이동보다 빠른
루카 Steeb

이것이 나를 위해 일한 유일한 방법입니다.
Anixx

이것은 실제로 답이되어야합니다! 위의 대답은 favicon 파일이 항상 루트 디렉토리에 있다고 가정하기 때문에 항상 "favicon" 이라는 이름을 가지며 항상 .ico 형식으로 되어 있습니다. . 누군가 @vamshi 게시 링크의 요청으로 인해 Google의 S2 라이브러리가 캐시 된 웹 사이트를 표시하는 대신 대상 웹 사이트에서 즐겨 찾기 아이콘을 실제로 가져옵니다. 그러나 나는 그것을 확실히 테스트 할 것입니다.
lightproof

1
도메인 이름이 Google에 도달 할 수없는 경우에는 작동하지 않습니다. 개인 네트워크에서는 사실 일 수 있습니다.
Andrew Savinykh

13

아이콘이 필요한 사이트가 내부 사이트 였고 소스에 노출시키지 않았으며 /favicon.ico 추가를 허용하지 않았기 때문에 이전 답변 중 어느 것도 나를 위해 일하지 않았습니다.

Chrome은이 솔루션을 사용하여 즐겨 찾기 아이콘을 안정적으로 가져올 수 있습니다.

  1. 파비콘을 원하는 사이트를 방문하십시오.
  2. 사이트 URL 앞에 'chrome : // favicon /'을 추가하십시오.
  3. 이미지를 마우스 오른쪽 버튼으로 클릭
  4. 이미지를 다른 이름으로 저장 ...

5

Firefox 3에서 즐겨 찾기 아이콘을 클릭하면 팝업이 나타나고 팝업 창에서 "추가 정보"를 클릭하면 "미디어"탭으로 이동합니다. 원하는 특정 미디어 항목을 강조 표시 한 다음 (창 하단의 큰 공백으로 미리보기를 표시) "다른 이름으로 저장"을 클릭하십시오. 이름을 지정하고 위치를 선택하면 완료됩니다! :)

일부 사이트에는 즐겨 찾기 아이콘이 표시되지 않을 수 있지만 일부 사이트에는 수퍼 유저에서 시도하거나 놓칠 수 있습니다 ... SU에는 즐겨 찾기 아이콘이 있습니다 ...


1
이것은 Firefox 최신 버전 (21 버전)에서도 동일하게 작동하지만 즐겨 찾기 아이콘이 IE 기본 사이트의 루트에 있으면 미디어로 표시되지 않습니다! HTML에 직접 지정되지 않았기 때문에 암시됩니다.
Jeff Atwood

4

JavaScript가 활성화 된 경우 콘솔에서이를 실행할 수 있습니다.

(function() {
    var i=0;
    var arrLink = [];
    var found = 0;
    arrLink = document.getElementsByTagName('link');
    if (arrLink.length > 0) {
        for (i=0; i < arrLink.length; i++) {
            if (typeof arrLink[i].rel !== 'undefined' && arrLink[i].rel.indexOf('icon') > -1) {
                found = 1;
                window.open(arrLink[i].href);
            }
        }
        if (found === 0) {
            alert('favico Not Found');
        }
    } else {
        alert('favico Not Found');
    }
})();

또는 아래 코드를 URL의 책갈피 / 붙여 넣기로 사용하십시오.

javascript:(function(){var a=0,b=[],c=0,b=document.getElementsByTagName("link");if(0<b.length){for(a=0;a<b.length;a++)"undefined"!==typeof b[a].rel&&-1<b[a].rel.indexOf("icon")&&(c=1,window.open(b[a].href));0===c&&alert("favico Not Found")}else alert("favico Not Found")})();

2

모든 PHP 쓰레기가 필요하지 않습니다.

Firefox에서는 URL에서 ico 이미지를 클릭하고 "추가 정보"를 클릭 한 다음 "미디어"버튼을 클릭하기 만하면됩니다. Favicon.ico는 일반적으로 목록에서 첫 번째로 이미 강조 표시되어 있지만 강조 표시되어 있지 않으면 아래로 스크롤 한 다음 "다른 이름으로 저장"버튼을 클릭하십시오.

그런데 Firefox 16부터 ico 이미지는 더 이상 URL 필드에 표시되지 않지만 각 탭에 표시되며 같은 방식으로 잡을 수 있습니다.


이것은 더 이상 사실이 아닌 것 같습니다. 파비콘은 탭에만 나타납니다. URL 상자 아이콘은 사이트 보안 및 권한에 대한 정보 만 제공하는 지구본입니다.
크로노

1

즐겨 찾기 아이콘을 잡고 .ico 파일로 저장하는이 PHP 비트를 사용해보십시오. 이 파일을 사용하여 거의 모든 파일을 가져올 수 있습니다. 'binary'플래그에 'b'를 사용하십시오.

<?php
    echo '<p>Fetching Favicon.ico.</p>';
    $in = fopen('http://targetdomain.com/favicon.ico', 'rb');
    $contents = '';
    while (!feof($in)) {
        $contents .= fread($in, 8192);
        }
    fclose($in);
    $len = strlen($contents);
    echo '<p>Read ' . $len . ' bytes.</p>';

    $out = fopen('favicon.ico', 'wb');
    fwrite($out, $contents, $len);
    fclose($out);
    echo '<p>Written Favicon.ico.</p>';
?>

1
이것은 작동하지만 너무 과잉이며 OP가 Windows / Firefox에서 다운로드하라는 요청과 일치하지 않습니다. PHP를 사용하려는 경우 소스 코드 내에서 링크 참조를 검색 할 수도 있습니다.
wag2639

0

주소 표시 줄에서 URL을 복사하고 웹 사이트를 마우스 오른쪽 버튼으로 클릭하고 소스보기 또는 주소 표시 줄 유형을 선택하십시오 : view-source : website address. 페이스 북의 아이콘을 얻으려면 입력하십시오. : http://www.facebook.com에서 Ctrl과 F를 함께 누르고 .ico를 입력하면 링크가 표시됩니다. 녹색으로 강조 표시된 .ico 텍스트가 표시되면 해당 링크를 누르십시오. > 다른 이름으로 이미지 저장을 클릭 한 다음 이름을 지정하고 저장하십시오.


0

파비콘 URL은와 다를 수 있습니다 www.example.com/favicon.ico.

페이지를 마우스 오른쪽 버튼으로 클릭하고을 클릭 View Page Source하면 태그 에서 favicon링크를 찾을 수 있습니다 head!

예 :

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.