Bagaimana cara mengunduh favicon dari situs web?

121

Saat Anda menelusuri situs web, ikon "favicon" muncul di tab atau di sebelah URL (atau di sebelah bookmark).

Jika saya ingin gambar itu, apakah ada cara untuk mengunduhnya langsung dari situs? Saya lebih suka mengunduhnya langsung dari web, tetapi jika semuanya gagal, saya akan menggali di mana pun itu disimpan di komputer saya (Windows 7, Firefox 3.6.6).

Robert Cartaino
sumber

Jawaban:

158

Studiohack memiliki pendekatan "menyeluruh" tetapi ini hack singkat:

  1. Masukkan nama domain seperti https://superuser.com/(harus diakhiri dengan '/')
  2. Tambahkan favicon.icoke akhir
  3. Tekan enter (ini harus di URL: https://superuser.com/favicon.ico)
  4. Klik kanan pada gambar dan klik "simpan gambar sebagai"
wag2639
sumber
Jawaban lainnya semuanya luar biasa. Saya belajar banyak, terima kasih. Tetapi, untuk tujuan spesifik saya, inilah yang saya cari. Diterima
Robert Cartaino
2
Ya, kecuali situs seperti Wikia.
Hello71
10
Sangat sederhana namun jenius.
Raffi Khatchadourian
48

dengan membaca http://en.wikipedia.org/wiki/Favicon Anda juga dapat menemukan bahwa:

Format berikut ini kompatibel lintas-browser dan didukung oleh Internet Explorer, Firefox, Chrome, dan Opera. [3]

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

Selain itu, hal-hal berikut juga dapat diterima:

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

Berikut ini menunjukkan format tag tautan yang didukung, menggunakan contoh, untuk HTML dan 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">

Jadi, praktik umum memang untuk meletakkan file yang disebut 'favicon.ico' pada folder root, tetapi yang pasti, Anda harus mencari kode sumber dari file yang dilayani dan melihat apakah dan apa yang didefinisikan di sana.

misalnya, untuk http://superuser.com itu

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico"> 
akira
sumber
1
Saya telah menemukan situs yang tidak menyimpan favicon.ico di folder root, terutama di Wikia. Tetapi hal di atas berhasil.
D Coetzee
membuka elemen memeriksa pada halaman dan pencarian icoharus menemukannya.
Qwertie
Ini juga bekerja untuk saya ketika mencari ikon klien di situs publik mereka untuk ditambahkan ke antarmuka HTTPS server SFTP mereka.
Dacid Salin
29

Anda tidak selalu dapat menambahkan / favicon.ico (mis. Https://superuser.com/favicon.ico )
Semua jawaban lebih rumit daripada yang diperlukan.

Yang Anda lakukan hanyalah apa yang tertulis di sini: http://www.itechcolumn.com/4-way-download-favicon-website/

  1. Pergi ke situs target.
  2. Lihat sumber halaman (Klik kanan pada halaman dan klik "Lihat sumber Halaman") - menggunakan firefox, mungkin sedikit berbeda di browser lain.
  3. Cari (Ctrl + F) untuk "ikon pintasan"
  4. Anda harus melihat sesuatu seperti ini:

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

  5. Klik kanan pada tautan http://www.sitename.com/images/favicon.ico dan simpan ikonnya. Atau, buka halaman menggunakan URL dan simpan halaman.

selau
sumber
4
saran yang bagus! Tetapi tidak semua situs menentukan secara langsung dalam HTML, dapat disimpulkan ..
Jeff Atwood
1
ini bekerja ketika / favicon.ico tidak. Terima kasih.
Joshua Dance
26

Anda dapat melakukan ini menggunakan konverter Google S2.

Berikut ini sintaksinya: http://www.google.com/s2/favicons?domain=DomainName

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

Vamshi Kurra
sumber
alat hebat dan lebih cepat daripada menavigasi ke url favico tertentu
Luca Steeb
Ini satu-satunya cara bekerja untuk saya.
Anixx
Ini sebenarnya perlu jawabannya! Karena jawaban yang diterima di atas mengasumsikan bahwa file favicon selalu di direktori root, selalu bernama "favicon" dan selalu dalam format .ico , yang tidak selalu terjadi! . Seseorang menyebutkan di suatu tempat bahwa permintaan di tautan @vamshi diposting membuat perpustakaan S2 Google untuk benar-benar menarik favicon dari situs web target alih-alih menampilkan yang di-cache. Tapi saya akan mengujinya untuk memastikan.
Lightproof
1
Tidak, itu tidak berfungsi jika nama domain tidak dapat dijangkau Google, yang mungkin benar di dalam jaringan pribadi.
Andrew Savinykh
13

Tidak ada jawaban sebelumnya yang berfungsi untuk saya karena situs yang saya perlukan ikonnya adalah situs internal, tidak memaparkannya di sumber, dan tidak mengizinkan menambahkan / favicon.ico jadi saya menggali sedikit lebih banyak.

Chrome andal dapat menarik favicon menggunakan solusi ini:

  1. Kunjungi situs yang Anda inginkan untuk favicon
  2. Tambahkan 'chrome: // favicon /' sebelum url situs.
  3. Klik kanan pada gambar
  4. Menyimpan gambar sebagai...
JD
sumber
5

Di Firefox 3: Klik favicon, sebuah popup muncul, dan Anda dapat mengklik "informasi lebih lanjut" ... di jendela yang muncul, buka tab "Media". Sorot item media tertentu yang Anda inginkan (ini menunjukkan pratinjau di ruang putih besar di bagian bawah jendela), lalu klik "Simpan Sebagai". Beri nama, pilih lokasi, dan Anda selesai! :)

Beberapa situs mungkin tidak memiliki favicon terdaftar, tetapi beberapa akan ... hit atau miss ... coba ini di Super User ... SU memiliki favicon terdaftar ...

studiohack
sumber
1
Ini berfungsi sama di Firefox terbaru (ver 21) namun, jika favicon berada di root situs ala default IE, itu tidak akan muncul sebagai media di sana! Karena tidak ditentukan secara langsung dalam HTML, itu tersirat.
Jeff Atwood
4

Jika Anda mengaktifkan JavaScript, Anda bisa menjalankan ini di konsol:

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

Atau gunakan kode di bawah ini sebagai bookmark / paste di 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")})();
Pranav 웃
sumber
2

Tidak perlu untuk semua omong kosong PHP itu.

Yang perlu Anda lakukan di Firefox adalah klik gambar ico di URL, klik "Informasi Lebih Lanjut", lalu klik tombol "Media". Favicon.ico biasanya yang pertama dalam daftar dan sudah disorot, tetapi jika tidak, gulir ke bawah lalu klik tombol "Simpan Sebagai".

Ngomong-ngomong, sejak Firefox 16, gambar ico tidak lagi ditampilkan di bidang URL, tetapi lakukan di setiap tab dan dapat diambil dengan cara yang sama.

Xircal
sumber
Tampaknya ini tidak benar lagi. Favicon hanya muncul di tab. Ikon kotak URL adalah bola dunia yang hanya memberikan informasi tentang keamanan dan izin situs
kronometrik
1

Coba sedikit PHP ini yang mengambil favicon dan menyimpannya sebagai file .ico. Anda mungkin dapat menggunakan ini untuk mengambil hampir semua file. Perhatikan penggunaan flag 'b' untuk 'binary'.

<?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>';
?>
Peretas PHP
sumber
1
Ini mungkin bekerja tetapi cukup berlebihan dan tidak cocok dengan permintaan OP untuk mengunduhnya dari Windows / Firefox. Jika Anda akan menggunakan PHP, Anda mungkin juga mencari referensi tautan dalam kode sumber.
wag2639
0

cukup salin url dari bilah alamat dan ambil situs web dan klik kanan dan pilih sumber tampilan atau pada jenis bilah alamat: lihat-sumber: alamat situs web. Jika Anda ingin mendapatkan ikon facebook, cukup ketik, lihat-sumber : http://www.facebook.com dan cukup tekan Ctrl dan F bersamaan dan ketik .ico dan Anda akan melihat tautan. Di dalamnya akan ada teks dengan .ico yang disorot dengan warna hijau. Tekan tautan itu. Anda akan melihat ikon.Klik kanan> Simpan Gambar Sebagai lalu berikan nama dan simpan.

Blestin V Bency
sumber
0

URL favicon mungkin berbeda dengan www.example.com/favicon.ico.

Cukup klik kanan pada halaman dan klik View Page Source, maka Anda dapat menemukan favicontautan dalam headtag!

misalnya:

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
Ahmad Mobaraki
sumber