웹 사이트에서 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.