Modern Önyüz İş Akışları İçin

Derleme (Build) Hattınızda Görsel Optimizasyonunu Otomatikleştirin

WebP görsellerini topluca dönüştürün, sıkıştırın ve dışa aktarın — doğrudan tarayıcınızın içinde. Ağır yazılımlar yok. Bulut yüklemesi yok. Sadece hızlı yerel işleme.

HafifÇevrimdışıToplu İşleme Hazır

getwebp-cli — node
$

Görsel Optimizasyonu Her Zaman Sonradan Düşünülür

  • Tasarım araçlarından manuel olarak dışa aktarılır
  • Tutarsız bir şekilde sıkıştırılır
  • Karışık formatlar (jpg/png/webp)
  • Lighthouse şikayet edene kadar unutulan devasa dosyalar

Peki ne olur?

  • Şişirilmiş paketler
  • Yavaş derlemeler
  • Kötü performans puanları
  • Dağınık varlık klasörleri
assets/
hero-banner.png4.8 MB
screenshot.jpg2.2 MB
Optimize Edilmemiş
Lighthouse — Performans

En Büyük İçerikli Boyama (LCP)

4.2s

Geliştiriciler sırf görselleri sıkıştırmak için manuel olarak Photoshop'u açmak zorunda kalmamalı.

GetWebP ile Tanışın — Geliştiriciler İçin Hızlı, Yerel Bir Görsel Aracı

GetWebP, hafif bir varlık işlemcisi gibi çalışan bir tarayıcı uzantısıdır.

Toplu Dönüştür

Görselleri tek seferde WebP'ye toplu olarak dönüştürün. Komut dosyası yok, CLI yok — sadece sürükleyip bırakın.

Sıkıştır

Yapılandırılabilir kalite ile otomatik olarak sıkıştırın. Netliği kaybetmeden dosya boyutunu küçültün.

Yeniden Boyutlandır

Duyarlı (responsive) kırılma noktaları için yeniden boyutlandırın. srcset ve modern düzenler için çoklu boyutlar çıktılayın.

Yeniden Adlandır

Tutarlı kurallarla yeniden adlandırın. SEO uyumlu isimler ve toplu şablonlar.

Dışa Aktarma Formatları

WebP, AVIF veya PNG olarak dışa aktarın. Her kullanım durumu için doğru formatı seçin.

Kazı / İndir

Herhangi bir web sitesinden optimize edilmiş görselleri doğrudan iş akışınıza indirin.

Her şey yerel olarak çalışır. API yok. Sunucu yok. Yükleme sınırı yok.

Gerçek Geliştirici İş Akışları İçin Üretildi

Commit Öncesi Varlıkları Hazırla

/assets klasörünüzü bırakın → toplu dönüştürün → sıkıştırın → değiştirin. Sadece optimize edilmiş görselleri commit'leyin.

git commit -m "optimize assets"

Derleme Öncesi Optimize Et

Statik site oluşturmadan veya paketlemeden önce görselleri ön işlemden geçirin. Son paket boyutunu anında küçültün.

Web'den Kazı ve Dönüştür

Herhangi bir görsele sağ tıklayın → doğrudan sıkıştırılmış WebP olarak indirin. Mockup'lar ve dokümantasyon için mükemmeldir.

Çoklu Boyutlar Oluştur

Bir kez yeniden boyutlandırın → küçük resimleri, mobil ve retina sürümlerini dışa aktarın. Ekstra araca gerek yok.

Geliştiriciler Neden GetWebP Kullanıyor?

Daha Hızlı Performans Puanları

Daha küçük varlıklar, daha iyi Lighthouse ve Önemli Web Verileri (Core Web Vitals) puanları anlamına gelir.

Ekstra Bağımlılık Yok

ImageMagick yok, ağır CLI kurulumu yok, bakımı yapılacak Docker konteynerleri yok.

%100 Yerel İşleme

Yükleme yok. Tescilli varlıklarınız asla makinenizden ayrılmaz.

Kurulum Zamanından Tasarruf Edin

Saniyeler içinde kurun ve kullanın. Herhangi bir teknoloji yığını ile çalışır (React, Vue, Astro, vb.).

İhtiyacınız Olan Her Şey

Toplu görsel dönüştürücü
WebP / JPG / PNG / AVIF çıktısı
Sürükle bırak arayüzü
Yeniden boyutlandır ve sıkıştır
Özel dosya isimlendirme kuralları
Filigran desteği
Herhangi bir web sitesinden doğrudan indirme
Çevrimdışı destek
Sıfır konfigürasyon

Neden CLI Araçları Değil?

AraçKurulumÖğrenme EğrisiYerel mi?Küçük işler için hızlı mı?
ImageMagickKarmaşıkYüksekEvetHayır
Node script'leriOrtaOrtaEvetHayır
Çevrimiçi araçlarYokDüşükHayırEvet
GetWebPSadece kurYokEvetEvet

GetWebP, mühendislik yükü olmadan hızlı, pratik optimizasyon için mükemmeldir.

Tipik İş Akışı

Uzantıyı kur

Görselleri sürükle

Dönüştür ve sıkıştır

Varlıkları değiştir

Git Commit

30 saniyenin altında biter.

Sık Sorulan Sorular

Evet. GetWebP, WebAssembly kullanarak tamamen tarayıcınızın içinde %100 yerel olarak çalışır. Tescilli varlıklar için tam gizlilik sağlayarak, hiçbir görsel bir sunucuya yüklenmez.

Evet. Aynı anda yüzlerce görseli sürükleyip bırakabilirsiniz. Uzantı, CPU iş parçacıklarınıza göre bunları paralel kuyruklarda işler.

Günlük geçici görevler için (örneğin bir açılış sayfası varlığını optimize etmek) evet—bir komut dosyası yazmaktan çok daha hızlıdır. Otomatikleştirilmiş CI/CD hatları için derleme araçlarınıza bağlı kalmalısınız.

Koda yazılmış (hardcoded) bir yazılım sınırı yoktur. İşleme kapasitesi tamamen makinenizin kullanılabilir RAM'ine bağlıdır. 50MB+ dosyaları başarıyla test ettik.

Büyük Boyutlu Görselleri Yayına Almayı Bırakın

Varlıklarınızı üretime (production) geçmeden önce optimize edin.

GetWebP'yi kurun ve görsel optimizasyonunu bugün otomatikleştirin.