Cara mengunduh gambar latar dan gambar lazy-load

Mengapa gambar seperti ini sulit disimpan

Gambar latar

Banyak banner utama, kartu, dan galeri menaruh gambar di style sheet halaman sebagai latar, bukan memakai elemen gambar. Klik kanan pada gambar itu hanya memunculkan menu halaman biasa, tanpa "Simpan gambar sebagai". Gambarnya ada, tetapi hanya gaya halaman yang tahu alamatnya.

Gambar lazy-load

Agar lebih cepat dimuat, halaman sering menunggu sampai Anda menggulir mendekati gambar sebelum mengambilnya. Sampai saat itu, alamat aslinya tersimpan di atribut seperti data-src dan yang tampil hanya placeholder kosong atau buram. Halaman dengan gulir tanpa akhir bahkan baru menambahkan gambar baru saat Anda mencapai bagian bawah.

Unduh dengan IDM - Bulk Download Manager Extension

1. Gulir seluruh halaman

   Gulir perlahan sampai ke bawah, atau tekan End beberapa kali dan tunggu sebentar, agar gambar lazy-load dan kumpulan gambar baru dimuat.

2. Buka popup

   Klik ikon IDM. Jika sudah terbuka, klik Pindai ulang di bagian atas untuk membaca halaman lagi.

3. Turunkan filter ukuran jika perlu

   Latar dekoratif kecil mungkin tersembunyi oleh ukuran minimum. Pilih Semua ukuran untuk melihat semuanya. Gambar yang ukurannya belum diketahui selalu ditampilkan.

4. Pilih dan unduh

   Arahkan kursor ke thumbnail untuk memeriksa nama dan ukurannya, pilih yang Anda mau, lalu klik Unduh yang dipilih, atau ZIP untuk satu file.

Di mana ekstensi ini mencari

• Gaya: gambar latar, gambar bingkai, dan poin daftar, baik dari style sheet maupun gaya inline.
• Atribut lazy-load: data-src, data-lazy-src, data-original, data-bg, data-srcset, dan varian umum lainnya.
• Gambar responsif: setiap ukuran yang tercantum di srcset dan di sumber <picture>, sehingga Anda bisa memilih yang terbesar.
• Gambar yang dimuat skrip: gambar yang diambil halaman dengan skrip, dibaca dari daftar file yang dimuat browser.
• Di seluruh halaman: frame tersemat, komponen web terbuka, dan gambar pratinjau video.

Yang tidak bisa ditemukan

• Gambar yang digambar di <canvas>, seperti di beberapa penampil dan game. Itu piksel di layar, bukan file.
• Gambar yang disimpan halaman di memorinya sendiri (alamat blob:). Gambar ini hanya ada di dalam tab itu dan tidak bisa diunduh dari luar.
• Latar yang ditambahkan lewat dekorasi ::before dan ::after.
• Gambar yang sudah dihapus lagi oleh halaman. Beberapa feed yang sangat panjang membuang gambar lama saat Anda menggulir. Gulir sebagian, unduh, lalu lanjutkan.

Tanpa ekstensi: alat developer

Alat developer Chrome bisa menemukan gambar apa pun, satu per satu:

1. Klik kanan di dekat gambar dan pilih Periksa.
2. Di panel Gaya (Styles), cari background-image: url(…) pada elemen yang dipilih atau induknya. Untuk gambar lazy-load, cari data-src pada elemen gambar.
3. Klik kanan alamatnya, buka di tab baru, lalu gunakan Simpan gambar sebagai.

Atau, buka panel Jaringan (Network), pilih filter Img, dan gulir halaman: setiap gambar yang dimuat akan tercantum, dan Anda bisa membuka masing-masing. Kedua cara ini berhasil, tetapi butuh beberapa menit per gambar.

Tanya jawab