วิธีการดาวน์โหลด 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' ลงในโฟลเดอร์ root แต่เพื่อให้แน่ใจว่าคุณต้องค้นหาซอร์สโค้ดของไฟล์ที่ให้บริการและดูว่ามีอะไรกำหนดไว้หรือไม่

เช่นสำหรับhttp://superuser.comเป็น

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

1
ฉันพบไซต์ที่ไม่เก็บ favicon.ico ในโฟลเดอร์รูทโดยเฉพาะใน Wikia แต่ข้างต้นทำงาน
D Coetzee

การเปิดองค์ประกอบตรวจสอบในหน้าและการค้นหาicoควรค้นหา
Qwertie

สิ่งนี้ใช้ได้สำหรับฉันเช่นกันเมื่อค้นหาไอคอนของลูกค้าบนไซต์สาธารณะเพื่อเพิ่มไปยังอินเทอร์เฟซ HTTPS ของเซิร์ฟเวอร์ SFTP
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/


เครื่องมือที่ยอดเยี่ยมและเร็วกว่าการนำทางไปยัง URL ที่ชื่นชอบเป็นพิเศษ
Luca Steeb

นี่เป็นวิธีเดียวที่ใช้ได้ผลสำหรับฉัน
Anixx

จริง ๆ แล้วนี่ต้องเป็นคำตอบ! เนื่องจากคำตอบที่ยอมรับข้างต้นถือว่าไฟล์ favicon อยู่ในไดเรกทอรีรากเสมอจึงมีชื่อว่า"favicon"และอยู่ในรูปแบบ. icoเสมอซึ่งไม่ใช่ทุกกรณี! . มีคนพูดถึงบางที่ว่าคำขอในลิงก์ @vamshi ที่โพสต์ทำให้ห้องสมุด S2 ของ Google ดึง favicon จากเว็บไซต์เป้าหมายแทนการแสดงแคช แต่ฉันจะทดสอบให้แน่ใจ
lightproof

1
ไม่นั่นไม่สามารถใช้งานได้หากชื่อโดเมนไม่สามารถเข้าถึง google ได้ซึ่งอาจเป็นจริงในเครือข่ายส่วนตัว
Andrew Savinykh

13

คำตอบก่อนหน้านี้ไม่เหมาะกับฉันเพราะไซต์ที่ฉันต้องการไอคอนจากนั้นเป็นเว็บไซต์ภายในไม่ได้เปิดเผยในแหล่งที่มาและไม่อนุญาตให้ผนวก /favicon.ico ดังนั้นฉันจึงขุดอีกเล็กน้อย

Chrome สามารถดึง favicon ได้อย่างน่าเชื่อถือโดยใช้โซลูชันนี้:

  1. เยี่ยมชมเว็บไซต์ที่คุณต้องการสำหรับ favicon
  2. เพิ่ม 'chrome: // favicon /' หน้าเว็บไซต์
  3. คลิกขวาที่ภาพ
  4. บันทึกภาพเป็น ...

5

ใน Firefox 3: คลิก favicon ป๊อปอัพจะปรากฏขึ้นและคุณสามารถคลิก "ข้อมูลเพิ่มเติม" ... ในหน้าต่างที่ปรากฏขึ้นให้ไปที่แท็บ "สื่อ" เน้นรายการสื่อเฉพาะที่คุณต้องการ (แสดงตัวอย่างในพื้นที่สีขาวขนาดใหญ่ที่ด้านล่างของหน้าต่าง) จากนั้นคลิก "บันทึกเป็น" ให้ชื่อเลือกสถานที่และคุณทำเสร็จแล้ว! :)

บางไซต์อาจไม่มีรายการของ favicon แต่บางเว็บไซต์จะ ... กดหรือพลาด ... ลองใช้กับผู้ใช้ขั้นสูง ... SU มีรายการของ favicon ที่แสดงอยู่ ...


1
สิ่งนี้ใช้งานได้เหมือนกันใน Firefox ล่าสุด (เวอร์ชั่น 21) แต่หาก favicon อยู่ในรูทของไซต์โดยค่าเริ่มต้น 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 คือคลิกที่ภาพ ico ใน URL คลิก "ข้อมูลเพิ่มเติม" จากนั้นคลิกปุ่ม "สื่อ" Favicon.ico มักจะเป็นรายการแรกในรายการและไฮไลต์ไว้แล้ว แต่ถ้าไม่ใช่ให้เลื่อนลงแล้วคลิกปุ่ม "บันทึกเป็น"

ยังไงก็ตามเนื่องจาก Firefox 16, ภาพ ico ไม่แสดงในช่อง URL อีกต่อไป แต่ทำในแต่ละแท็บและสามารถคว้าในลักษณะเดียวกัน


ดูเหมือนว่าจะไม่เป็นความจริงอีกต่อไป favicon จะปรากฏบนแท็บเท่านั้น ไอคอนช่อง URL เป็นลูกโลกที่ให้ข้อมูลเกี่ยวกับความปลอดภัยของไซต์และการอนุญาตเท่านั้น
chronometric

1

ลอง PHP นี้สักหน่อยเพื่อคว้า favicon และบันทึกเป็นไฟล์. ico คุณอาจจะใช้มันเพื่อจับเกือบทุกไฟล์ สังเกตการใช้ธง '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
นี่อาจจะใช้งานได้ แต่ค่อนข้าง overkill และไม่ตรงกับคำขอของ OP สำหรับการดาวน์โหลดจาก Windows / Firefox หากคุณกำลังจะใช้ PHP คุณอาจค้นหาการอ้างอิงลิงก์ภายในซอร์สโค้ดด้วยเช่นกัน
wag2639

0

เพียงแค่คัดลอก URL จากแถบที่อยู่และนำเว็บไซต์และคลิกขวาและเลือกแหล่งที่มาดูหรือในประเภทแถบที่อยู่: ดูแหล่งที่มา: ที่อยู่เว็บไซต์ถ้าคุณต้องการที่จะได้รับไอคอนของ Facebook เพียงแค่พิมพ์มุมมองที่มา : http://www.facebook.comและเพียงกด Ctrl และ F ร่วมกันแล้วพิมพ์. ico และคุณจะเห็นลิงค์ในนั้นจะมีข้อความที่มี. ico เน้นด้วยสีเขียวกดลิงค์ที่คุณจะเห็น ไอคอนคลิกขวา> บันทึกภาพเป็นจากนั้นให้ชื่อและบันทึก


0

URL ของ favicon 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.