← Özelliklere Dön
Free

Resimleri Çıkar

Resimleri Çıkar, herhangi bir web sayfasını tarar ve her resmi gezilebilir bir galeride sunar. Her resim için küçük resimleri, orijinal boyutları, dosya boyutlarını ve kaynak URL'leri görün — ardından tek tek resimleri seçin veya hepsini bir kerede indirin. Img etiketlerinden, CSS background-image özelliklerinden, picture/source öğelerinden ve satır içi veri URI'lerinden resimleri algılar.

Bir web sayfasından resimleri tek tek kaydetmek — sağ tık, "Resmi Farklı Kaydet", klasör seç, tekrarla — bir sayfada onlarca resim olduğunda acı verici derecede yavaştır. Ve yalnızca normal img etiketleri için çalışır. CSS arka plan resimleri, duyarlı picture öğeleri ve veri URI resimleri bu şekilde hiç kaydedilemez. Resimleri Çıkar, tüm sayfa DOM'unu ve hesaplanmış stilleri tarayarak, nasıl uygulandığından bağımsız olarak her resmi bularak ve bunları temiz bir galeri panelinde sunarak bu sorunu çözer. Her resim küçük resim önizlemesini, orijinal boyutlarını (genişlik × yükseklik), dosya biçimini, yaklaşık dosya boyutunu ve kaynak URL'yi gösterir. İndirmek için tek tek resimler seçebilir veya her şeyi bir kerede almak için "Tümünü İndir"i kullanabilirsiniz. Bir boyut filtresi, yalnızca içerikle ilgili resimleri görmek için küçük izleme piksellerini ve favicon'ları atlamanıza olanak tanır.

Canlı Önizleme
example.com/portfolio
12 images found | Min size: 100 × 100 Download All
hero-banner.jpg
1920 × 1080 · 245 KB
product-shot.png
800 × 600 · 128 KB
team-photo.jpg
640 × 480 · 89 KB
logo-dark.svg
200 × 60 · 4 KB
feature-1.png
400 × 300 · 67 KB
bg-pattern.png
1200 × 800 · 156 KB
icon-set.svg
48 × 48 · 2 KB
avatar-default.jpg
150 × 150 · 12 KB
2 selected · Total: 373 KB Download Selected
Temel Özellikler

Eksiksiz Resim Galerisi

Sayfadaki her resim, küçük resim önizlemeleri ile bir ızgara galerisinde görüntülenir. 8, 20 veya 100+ resmi bir bakışta görün — tam olarak ihtiyacınız olanı bulmak için kaydırın. Her küçük resim, resim içeriğini tanımlamak için yeterince büyüktür.

Her Resim için Meta Veri

Her resim orijinal boyutlarını (örn. 1920×1080), dosya biçimini (PNG, JPG, WebP, SVG), yaklaşık dosya boyutunu (örn. 245 KB) ve geldiği kaynak URL'yi veya CSS özelliğini gösterir. Resim kalitesi veya boyutu hakkında tahmin yürütmek yok.

Minimum Boyut Filtresi

İzleme pikselleri, ayırıcı GIF'ler ve favicon'lar gibi küçük resimleri filtrelemek için minimum boyut eşiği (örn. 100×100) ayarlayın. Gerçekten önemli olan içerik resimlerine odaklanın.

Seç ve Toplu İndir

Tek tek resimlere tıklayarak onları seçin (mor bir onay işaretiyle gösterilir), ardından yalnızca seçilenleri indirin. Veya sayfadaki her resmi tek bir işlemde cihazınıza kaydetmek için "Tümünü İndir"e tıklayın.

Çoklu Kaynak Algılama

Tüm kaynaklardaki resimleri bulur: standart img etiketleri, CSS background-image özellikleri, picture/source duyarlı öğeler, resim olarak oluşturulan satır içi SVG'ler ve veri URI kodlu resimler. Hiçbir şey atlanmaz.

Seçim Sayacı ve Toplam Boyut

Bir durum çubuğu kaç resmin seçildiğini ve seçimin toplam dosya boyutunu gösterir. İndirme düğmesine basmadan önce tam olarak ne kadar indireceğinizi bilirsiniz.

Yaygın Kullanım Durumları

E-Ticaret Sitelerinden Ürün Resimlerini Kaydetme

Bir katalog sayfasından tüm ürün resimlerine mi ihtiyacınız var? Resimleri Çıkar onları bir kerede bulur ve indirir — sağ tıklayıp kaydedemeyeceğiniz duyarlı varyantlar ve CSS arka plan kahraman resimleri dahil.

Tasarım Referans Resimlerini Toplama

Bir duygu panosu oluşturuyor veya tasarım ilham sitelerinden görsel referanslar mı topluyorsunuz? Resim galerisine göz atın, istediklerinizi seçin ve tek tek kaydetmek yerine tek bir toplu olarak indirin.

Kendi Sitenizdeki Resim Varlıklarını Denetleme

Sayfanızdaki tüm resimleri, büyük boyutlu dosyaları, eksik WebP alternatiflerini veya kullanılmayan arka plan resimlerini kontrol etmek için inceleyin. Boyutlar ve dosya boyutları, optimizasyona ihtiyaç duyan resimleri belirlemenize yardımcı olur.

Web İçeriğini Arşivleme

Çevrimdışı referans için bir sayfa mı kaydediyorsunuz? HTML ile birlikte tam görsel içeriğe sahip olmanız için tüm resimleri çıkarın. Belgeleri, tasarım referanslarını veya değişebilecek veya çevrimdışına geçebilecek sayfaları arşivlemek için kullanışlıdır.

Gizli Arka Plan Resimlerini Bulma

Birçok modern site, kahraman bölümleri, kart arka planları ve dekoratif öğeler için CSS background-image kullanır. Bu resimler sağ tık ile kaydedilemez. Resimleri Çıkar bunları normal img öğeleri ile birlikte algılar ve indirir.

Nasıl Kullanılır
1

Resimleri Çıkar'ı Etkinleştirin

DevSuite Pro yüzen yuvasını açın ve Resimleri Çıkar simgesine tıklayın. Araç her resmi bulmak için sayfa DOM'unu ve hesaplanmış stilleri tarar.

2

Resim Galerisine Göz Atın

Bir galeri paneli bulunan tüm resimleri küçük resim ızgarası olarak görüntüler. Her resim dosya adını, boyutları ve dosya boyutunu gösterir. Sayfadaki tüm resimlere göz atmak için kaydırın.

3

Boyuta Göre Filtrele (İsteğe Bağlı)

Simge ve izleme pikselleri gibi küçük resimleri gizlemek için minimum boyut filtresini kullanın. Yalnızca içerikle ilgili resimleri göstermek için 100×100 olarak ayarlayın.

4

Resimleri Seçin

Tek tek resimlere tıklayarak onları seçin — mor bir onay işareti görünür. Durum çubuğu seçiminizin sayısı ve toplam boyutu ile güncellenir.

5

İndir

Seçtiğiniz resimleri kaydetmek için "Seçilenleri İndir"e veya sayfadaki her resmi almak için "Tümünü İndir"e tıklayın. Dosyalar cihazınızın indirilenler klasörüne kaydedilir.

Denemeye Hazır mısınız? Resimleri Çıkar?

DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 39'dan fazla geliştirici aracının kilidini açın.

Chrome'a Ekle Edge'e Ekle FireFox'a Ekle