Web siteniz için rastgele görüntü oluşturucu

Yeni bir web sitesi tasarlarken en büyük güçlüklerden biri, tekrar değiştireceğinizi bildiğiniz test görsellerini aramaktır.

Başka bir deyişle, harcadığınız tüm zaman uzun vadede boşa harcanır, ancak iyi görseller seçmek için zaman harcamazsanız, test web sitesi çirkin görünecektir ve bu hiç de hoş değildir.

Rastgele bir görüntü oluşturucu aramak abartı gibi görünebilir ama inanın öyle değil. Tam tersine.

ile birlikte kullanıyorum alfredapp.

Alfred ile bir klavye kısayolu oluşturdum, böylece rastgele görüntü oluşturucunun url'sini ekler, böylece hiçbir şeyi hatırlamama gerek kalmaz.

3 yıl önce, özellikle hakkında konuştuğum web geliştirme için görüntü oluşturucuları beğenip beğenmediğimi görün Fotoğraflar.

Ama daha fazla uzatmadan, hadi işe başlayalım.

Aracın adı lorem.space ve aşağıda göreceğiniz gibi çalışması çok basittir.

Video öğretici

Rastgele Görüntü Oluşturucunun temel çalışması

Tek yapmamız gereken, bir resmin görünmesini istediğimiz yere aracın bize verdiği url'yi eklemek.

İşte bir örnek:

https://api.lorem.space/image/movie?w=150&h=220

Bir resmin görünmesi için url'yi kullanırsak, sonuç bu olur

Önceki url'ye bakarsak, daha sonra göreceğimiz farklı parametrelere sahip olduğunu görürüz.

Resim Kategorisi

Önceki resimde bir filmin göründüğünü görebiliriz ve bunun nedeni, kelimenin url'de görünmesidir. film.

Araç, aşağıdakiler için görüntünün kategorisini değiştirmemize olanak tanır:

• film
• oyun
• albüm
• kitap
• yüz
• Moda
• ayakkabı
• izle
• mobilya

Bu nedenle, sadece yüz için film kelimesini değiştirerek, film yerine yüz resimlerinin göründüğünü göreceğiz:

Ve böylece kategorilerin her biri ile

Görüntü boyutu

Resimlerin kategorilerine ek olarak, boyutlarını da değiştirebiliriz.

URL'nin sonunda görünen boyutu değiştirmek kadar basit:

https://api.lorem.space/image/face?w=150&h=220

Yakından bakarsak, ortaya çıkıyor:

• ?w=150 –> Resmin piksel cinsinden genişliğini ifade eder
• h=220 –> Görüntünün piksel cinsinden yüksekliğini ifade eder.

450 660'lık bir görüntü istiyorsak şunu koymamız gerekir:

https://api.lorem.space/image/face?w=450&h=660

Ve sonuç şöyle olurdu:

Gördüğünüz gibi çalışması daha kolay olamazdı.

Umarım işinize yarar 😉