Làm thế nào để tải favicon từ trang web?


121

Khi bạn duyệt một trang web, biểu tượng "favicon" sẽ hiển thị trong tab hoặc bên cạnh URL (hoặc bên cạnh dấu trang).

Nếu tôi muốn đồ họa đó, có cách nào để tải nó trực tiếp từ trang web không? Tôi muốn tải xuống trực tiếp từ web, nhưng nếu thất bại, tôi sẽ đào nó ra khỏi bất cứ nơi nào nó được lưu trữ trên máy tính của tôi (Windows 7, Firefox 3.6.6).

Câu trả lời:


158

Studiohack có cách tiếp cận "kỹ lưỡng" nhưng đây là một bản hack ngắn:

  1. Nhập tên miền như https://superuser.com/(phải kết thúc bằng '/')
  2. Thêm favicon.icođến cùng
  3. Nhấn enter (cái này phải có trong URL https://superuser.com/favicon.ico:)
  4. Nhấp chuột phải vào hình ảnh và nhấp vào "lưu hình ảnh dưới dạng"

Các câu trả lời khác đều tuyệt vời. Tôi đã học được rất nhiều, cảm ơn bạn. Nhưng, với mục đích cụ thể của tôi, đây là những gì tôi đang tìm kiếm. Đã được chấp nhận.
Robert Cartaino

2
Chà, ngoại trừ các trang như Wikia.
Hello71

10
Thật đơn giản nhưng thiên tài.
Raffi Khatchadourian

48

bằng cách đọc http://en.wikipedia.org/wiki/Favicon bạn cũng có thể thấy rằng:

Định dạng sau tương thích với nhiều trình duyệt và được Internet Explorer, Firefox, Chrome và Opera hỗ trợ. [3]

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

Ngoài ra, những điều sau đây cũng được chấp nhận:

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

Dưới đây cho thấy định dạng được hỗ trợ của các thẻ liên kết, sử dụng các ví dụ, cho HTML và 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">

Vì vậy, thực tế phổ biến thực sự là đặt một tệp có tên 'favicon.ico' vào thư mục gốc, nhưng để chắc chắn, bạn phải tra cứu mã nguồn của tệp được cung cấp và xem nếu và những gì được xác định ở đó.

ví dụ: đối với http://superuser.com, đó là

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

1
Tôi đã tìm thấy các trang web không lưu trữ favicon.ico trong thư mục gốc, đặc biệt là trên Wikia. Nhưng ở trên đã làm việc.
D Coetzee

mở phần tử kiểm tra trên một trang và tìm kiếm icosẽ tìm thấy nó.
Qwertie

Điều này cũng hiệu quả với tôi khi tìm kiếm biểu tượng của khách hàng trên trang web công cộng của họ để thêm vào giao diện HTTPS của máy chủ SFTP của họ.
Dacid Salin

29

Bạn không thể luôn thêm /favicon.ico (ví dụ: https://superuser.com/favicon.ico )
Tất cả các câu trả lời phức tạp hơn mức cần thiết.

Tất cả những gì bạn làm là những gì được viết ở đây: http://www.itechcolumn.com/4-way-doad-favicon-website/

  1. Tới trang đích.
  2. Xem nguồn trang (Nhấp chuột phải vào trang và nhấp vào "Xem nguồn trang") - sử dụng firefox, có thể hơi khác trong các trình duyệt khác.
  3. Tìm kiếm (Ctrl + F) cho "biểu tượng phím tắt"
  4. Bạn sẽ thấy một cái gì đó như thế này:

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

  5. Nhấp chuột phải vào liên kết http://www.sitename.com/images/favicon.ico và lưu biểu tượng. Hoặc, mở trang bằng URL và lưu trang.


4
lời khuyên tốt! Nhưng không phải tất cả các trang web đều chỉ định nó trực tiếp trong HTML, nó có thể được suy ra ..
Jeff Atwood

1
điều này hoạt động khi /favicon.ico không. Cảm ơn.
Vũ điệu Joshua

26

Bạn có thể làm điều này bằng cách sử dụng trình chuyển đổi Google S2.

Đây là cú pháp: http://www.google.com/s2/favicons?domain=DomainName

ví dụ: http://www.google.com/s2/favicons?domain=https://superuser.com/


công cụ tuyệt vời và nhanh hơn việc điều hướng đến url favico cụ thể
Luca Steeb

Đây là cách duy nhất làm việc cho tôi.
Anixx

Điều này thực sự cần phải là câu trả lời! Bởi vì câu trả lời được chấp nhận ở trên giả định rằng tệp favicon luôn nằm trong thư mục gốc, luôn được đặt tên là "favicon" và luôn ở định dạng .ico , không phải lúc nào cũng như vậy! . Ai đó đã đề cập ở đâu đó rằng yêu cầu trong liên kết @vamshi đã đăng tải khiến thư viện S2 của Google thực sự lấy favicon từ trang web mục tiêu thay vì hiển thị bộ nhớ cache. Nhưng tôi sẽ kiểm tra nó để chắc chắn.
nhiệt

1
Không, điều đó không hoạt động nếu tên miền không thể truy cập google, điều này có thể đúng trong các mạng riêng.
Andrew Savinykh

13

Không có câu trả lời nào trước đây hoạt động với tôi vì trang web tôi cần biểu tượng là một trang nội bộ, không để lộ nó trong nguồn và không cho phép thêm /favicon.ico vì vậy tôi đã đào thêm một chút.

Chrome đáng tin cậy có thể kéo favicon bằng giải pháp này:

  1. Truy cập trang web bạn muốn favicon cho
  2. Thêm 'chrome: // favicon /' trước url trang web.
  3. Nhấp chuột phải vào hình ảnh
  4. Lưu ảnh dưới dạng...

5

Trong Firefox 3: Nhấp vào favicon, một cửa sổ bật lên xuất hiện và bạn có thể nhấp vào "thêm thông tin" ... trong cửa sổ bật lên, chuyển đến tab "Phương tiện". Làm nổi bật mục phương tiện cụ thể mà bạn muốn (nó hiển thị bản xem trước trong khoảng trắng lớn ở dưới cùng của cửa sổ), sau đó nhấp vào "Lưu dưới dạng". Đặt tên cho nó, chọn một địa điểm và bạn đã hoàn tất! :)

Một số trang web có thể không có favicon được liệt kê, nhưng một số trang web sẽ ... nhấn hoặc bỏ lỡ ... hãy thử điều này trên Super User ... SU có một favicon được liệt kê ...


1
Điều này hoạt động tương tự trong Firefox mới nhất (ver 21), tuy nhiên, nếu favicon nằm trong thư mục gốc của trang ala mặc định IE, nó sẽ không hiển thị dưới dạng phương tiện ở đó! Bởi vì nó không được chỉ định trực tiếp trong HTML, nên nó được ngụ ý.
Jeff Atwood

4

Nếu bạn đã bật JavaScript, bạn có thể chạy nó trong bảng điều khiển:

(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');
    }
})();

Hoặc sử dụng mã dưới đây làm dấu / dán trong 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

Không cần tất cả những thứ tào lao PHP.

Tất cả những gì bạn cần làm trong Firefox là nhấp vào hình ảnh ico trong URL, nhấp vào "Thông tin khác", sau đó nhấp vào nút "Phương tiện". Favicon.ico thường là cái đầu tiên trong danh sách và đã được tô sáng, nhưng nếu không, hãy cuộn xuống và sau đó nhấp vào nút "Lưu dưới dạng".

Nhân tiện, kể từ Firefox 16, hình ảnh ico không hiển thị trong trường URL nữa mà thực hiện trong từng tab và có thể được lấy theo cùng một cách.


Điều này dường như không còn đúng nữa. Các favicon chỉ xuất hiện trên tab. Biểu tượng hộp URL là một quả địa cầu chỉ cung cấp thông tin về bảo mật và quyền của trang
thời gian

1

Hãy thử một chút PHP này lấy favicon và lưu nó dưới dạng tệp .ico. Bạn có thể có thể sử dụng điều này để lấy hầu hết các tập tin. Lưu ý việc sử dụng cờ 'b' cho 'nhị phân'.

<?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
Đây có thể là công việc nhưng quá mức cần thiết và không phù hợp với yêu cầu của OP để tải xuống từ Windows / Firefox. Nếu bạn sẽ sử dụng PHP, bạn cũng có thể tìm kiếm tham chiếu liên kết trong mã nguồn.
wag2639

0

chỉ cần sao chép url từ thanh địa chỉ và lấy trang web và nhấp chuột phải và chọn xem nguồn hoặc trên loại thanh địa chỉ: view-source: địa chỉ trang web. Nếu bạn muốn lấy biểu tượng của facebook, chỉ cần nhập, xem nguồn : http://www.facebook.com và chỉ cần nhấn Ctrl và F cùng nhau và nhập .ico và bạn sẽ thấy một liên kết. Trong đó sẽ có một văn bản với .ico được tô sáng bằng màu xanh lục. Bấm vào liên kết đó. Bạn sẽ thấy biểu tượng.Right click> Save Image As và sau đó đặt tên và lưu nó.


0

Các url favicon có thể khác với www.example.com/favicon.ico.

Chỉ cần nhấp chuột phải vào trang và nhấp vào View Page Source, sau đó bạn có thể tìm thấy faviconliên kết trong headthẻ!

ví dụ :

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.