Softonic

Lorem Picsum Galerisi

Adım 1 / 2
Sonraki

Lorem Picsum, basit bir URL API’si aracılığıyla telifsiz fotoğraflar sunar, https://picsum.photos/{width}/{height} her boyutta bir görsel döndürür. Bu galeri sayesinde genişlik, yükseklik, seed, bulanıklık yarıçapı ve gri ton düzeyini seçebilir, ardından yapıştırmaya hazır URL’yi (veya <img> etiketini) kopyalayabilirsiniz. Böylece stok fotoğraf aramaya gerek kalmadan fotoğrafik yer tutucuları doğrudan Figma’ya, Blade görünümünüze veya bir React bileşenine yerleştirebilirsiniz.

Galeri nasıl kullanılır

  1. 1

    Görsel boyutlarını ayarlayın

    Genişlik ve yükseklik piksel cinsindendir. 800×600 veya 1200×630 gibi yaygın boyutlar hazır ayar olarak mevcuttur.

  2. 2

    Değiştiricileri seçin

    Bulanıklık (0–10), gri ton, yeniden üretilebilir görseller için sabit seed, WebP veya JPEG biçimi.

  3. 3

    Önizleme ızgarasını inceleyin

    Birden fazla rastgele örnek yüklenir; böylece beğendiğiniz birini seçebilirsiniz.

  4. 4

    URL'yi kopyalayın

    Sade URL'yi, tam `<img>` etiketini veya Markdown görsel söz dizimini alın.

URL yapısı

Temel uç nokta:

https://picsum.photos/{width}/{height}

Ayrıca isteğe bağlı sorgu ve yol bölümleri:

Varyant Örnek Etki
Kare kısayolu /200 → /200/200 ile aynı Kare görsel
Sabit seed /seed/cat/400/300 Her zaman aynı fotoğrafı döndürür
Belirli fotoğraf ID’si /id/237/400/300 Koleksiyondaki 237 numaralı görsele sabitler
Gri ton /400/300?grayscale Tek renkli filtre
Bulanıklık /400/300?blur=5 Gauss bulanıklığı, 1–10
Biçim /400/300.webp Dosya biçimini zorunlu kılar
Her yüklemede rastgele Yalnızca URL Her yenilemede yeni fotoğraf

Gerçek stok fotoğraflara karşı ne zaman kullanılır

  • İyi: wireframe’ler, tasarım incelemeleri, dahili demolar, test fikstürleri, lazy loading deneyleri.
  • İyi değil: üretimdeki pazarlama siteleri, ana (hero) görseller, sosyal medya önizlemeleri. Gerçek trafik için başkasının ücretsiz görsel hizmetine hotlink vermek görgüsüz ve kırılgandır, fotoğraf haber verilmeden değişebilir.

İpuçları

  • Belgeler için tasarımların ekran görüntülerini alırken bir seed sabitleyin; aksi takdirde birisi sayfayı bir sonraki açtığında görsel değişir.
  • Gerçek fotoğraflarla değiştirdiğinizde düzeninizin kaymaması için son varlıklarınızın en boy oranlarını eşleştirin (16:9, 4:5, 1:1).
  • Yer tutucudan gerçeğe geçişleri test etmek için bulanıklığı kullanın (LQIP desenleri), Picsum’un bulanık çıktısı, düşük kaliteli bir görsel yer tutucusunun nasıl görüneceğini taklit eder.
  • Geliştirme sırasında daha hafif sayfalar için WebP isteyin.

Sık Sorulan Sorular

Teknik olarak fotoğraflar Unsplash lisanslıdır, ancak üretimden picsum.photos’a hotlink vermek önerilmez, prototipler için kullanın ve üretimde kullanım için varlığı indirin (veya orijinal Unsplash kaynağına gidin).

Bir seed veya ID olmadan API her istekte rastgele bir fotoğraf sunar. Sabitlemek için /seed/kelimen/... veya /id/123/... kullanın.

Lorem Picsum, Cloudflare üzerinde çalışan ücretsiz bir hizmettir ve makul hız sınırlarına sahiptir. Ağır test paketleri veya yük testleri için yerel bir kopya indirin ve kendi sunucunuzdan sunun.

Evet, hizmet yalnızca HTTPS’tir. Oluşturulan tüm URL’ler https:// ile başlar.

Yalnızca doğrudan picsum.photos’tan yüklenen önizleme küçük resimleri için. Bu galeri boyut veya seed seçimlerinizle ilgili hiçbir veriyi kendisi üçüncü taraflara göndermez.

İlgili Araçlar

ASCII Tablosu Referansı

NUL, LF ve DEL dahil her kod için ondalık, onaltılık, sekizlik ve ikili değerlerle HTML sayısal karakter başvurusu gösterimini sunan tam ASCII tablosu.

HTML Karakter Referansı

HTML varlıklarının aranabilir listesi; adlandırılmış ve sayısal kodlarıyla birlikte özel karakter ve semboller için tek tıkla kopyalama.

Klavye kısayolları başvurusu

macOS, Windows ve Linux’ta VS Code, Chrome ve GNU Readline kullanan Bash için belgelenmiş varsayılan kısayolları arayın.

FPS Sayacı

requestAnimationFrame ile tarayıcı FPS değerini ölçün: yumuşatma, en düşük ve en yüksek kare hızı, uyarı eşiği ve isteğe bağlı grafik. Yerel çalışır, yükleme ve API yoktur.

EditorConfig Oluşturucu

Girinti stili ve boyutu, satır sonu, karakter kümesi ve boşluk kurallarınızla bir .editorconfig dosyası oluşturarak IDE ve editörler arasında tutarlı biçimlendirme sağlayın.

E-posta Doğrulayıcı

Bir e-posta adresini doğrulayın: RFC 5322 sözdizimi kontrolü, canlı MX kaydı sorgulama, ayrıca yerel kısım, alan adı ve uzunluk bilgileri. Hiçbir e-posta gönderilmez.

Araç diğer dillerde mevcuttur