Hızlı ve Basit Resim Yer Tutucuları
Web siteleriniz ve projeleriniz için harika rengarek resim yer tutucuları oluşturun!
Örnek Resim Placeholderları
plchldr.co aşağıdaki örnekler gibi anında mükemmel özel yer tutucu görüntüler oluşturur:
Resim placeholder nasıl kullanılır?
Hızlı ve çok kolaydır. Hemen projelerinizde kullanmaya başlayabilirsiniz.
Placeholder Basit Kullanımı
Bu, yer tutucu resimleri kullanmanın en temel yoludur. Kodu kopyalayın ve boyutu istediğiniz gibi değiştirin.
Özel Arkaplan Rengiyle Placeholder
Özel arka plan renklerini yer tutucularımızla kullanabilirsiniz. Bunun nasıl yapılacağını öğrenmek için aşağıdaki örnek kodu inceleyin.
Özel Font Rengiyle Placeholder
Yer tutucu metninin rengini kolayca değiştirebilirsiniz. Bunun nasıl yapılacağını öğrenmek için aşağıdaki örnek kodu inceleyin.
Özel Yazıyla Placeholder
Özel metinleri yer tutucularınızda kullanmak çok kolay! Bunu nasıl yapacağınızı öğrenmek için aşağıdaki örnek kodu inceleyin.
Placeholder Resim Ayarları
plchldr.co, web geliştiricilerinin ve tasarımcılarının bir projede yer tutucu olarak kullanılacak görüntüleri dinamik olarak oluşturmasına olanak tanıyan bir sunucu tarafı görüntü oluşturma aracıdır. Gereken tek parametre görüntünün genişliği için bir sayıdır. Tabii ki, yükseklik, renkler, metin ve daha fazlası gibi daha fazla parametre sağlama yeteneğiniz de var!
URL’imizden sonra istediğiniz resim boyutunu belirtmeniz yeterlidir. Resim otomatik olarak oluşturulur. Resim URL’si bu şekilde görünmelidir: https://plchldr.co/i/336x280
HTML veya PHP içeriklerinizede kullanmak için kod aşağıdaki örnek gibi olmalıdır:<a href="https://plchldr.co/"><img src="https://plchldr.co/i/336x280" alt="plchldr.co"></a>
Önce genişliği, sonra yüksekliği belirtin. Yükseklik isteğe bağlıdır. Eğer yükseklik belirtmezseniz, yer tutucu resminiz otomatik olarak kare olur. https://plchldr.co/i/336 336x336 pixel kare görüntü oluşur.
URL'nin en sonundaki text= sorgu dizesi kullanarak resminiz içerisine istediğiniz yazıyı yazabilirsiniz. https://plchldr.co/i/728x90?text=merhaba
Metin isteğe bağlıdır. Varsayılan, piksel cinsinden görüntü boyutlarıdır. A-Z karakterleri, büyük veya küçük harf, sayı ve çoğu sembolu kullanabilirsiniz.
Varsayılan olarak, metin beyaz ve arka plan ise rastgele renklerle gelir. Görüntü boyutlarından sonra renkler hex kodlarla gösterilir. Örneğin, #FF0000 kırmızıdır. İlk renk her zaman arka plan rengidir ve ikinci renk ise metin rengidir.
https://plchldr.co/i/125x125?bg=000000&fc=ffffff&text=apple.com
https://plchldr.co/i/125x125?bg=f1dea1&fc=6040fb&text=godady.com
https://plchldr.co/i/125x125?bg=252f3f&fc=f29800&text=amazon.com
https://plchldr.co/i/125x125?bg=f1f1f1&fc=e200c2&text=lyft.com
https://plchldr.co/i/125x125?bg=5dd851&fc=000000&text=spotify.com
Standard Banner Ölçüleri
Tüm dünyada internette reklam amaçlı kullanılan standart banner boyutları aşağıda listelenmiştir. Bannerlar web sitelerinde reklam alanlarında kullanılırlar.
| Ölçü (PX) | Banner Adı | Kullanım Oranı | Örnek Banner Linki |
|---|---|---|---|
| 120×240 | Skyscraper | 1% | https://plchldr.co/i/120x240 |
| 120×600 | Skyscraper | 1% | https://plchldr.co/i/120x600 |
| 125×125 | Button | 1% | https://plchldr.co/i/125x125 |
| 250×250 | Square | 1% | https://plchldr.co/i/250x250 |
| 300×250 | Medium Rectangle | 40% | https://plchldr.co/i/300x250 |
| 300×600 | Half Page | 6% | https://plchldr.co/i/300x600 |
| 336×280 | Large Rectangle | 10% | https://plchldr.co/i/336x280 |
| 468×60 | Banner | 3% | https://plchldr.co/i/468x60 |
| 728×90 | Leaderboard | 25% | https://plchldr.co/i/728x90 |
| 970×250 | Billboard | 4% | https://plchldr.co/i/970x250 |
Dinamik Dummy Resim Oluşturucu
Web projeleriniz için yer tutucu görüntülere mi ihtiyacınız var? Özel aplikasyonumuz ile renklerini ve efektlerlni ve boyutlarını ayarlayabildiğiniz yer tutucu resimler oluşturun. Web tasarımı yaparken gerekli olan tasarım içi resim alanları ile uğraşmak istemeyebilirsiniz. Placeholder resimleri ekleyerek, tasarım içi düzeni daha iyi görürsünüz. plchldr.co URL ile görüntü üreten küçük ve hızlı bir araçtır. Boyutu, renkleri hatta metni seçin. Sadece HTML kodunuza özel bir URL ekleyin ve uygun bir yer tutucu resmi otomatik olarak elde edin. Yer tutucu görüntü oluşturucu aracımız, genişlik ve yükseklik, oranlar, arka plan ve ön plan rengi ve en sevdiğimiz ortak ön ayar ekranı ve reklam boyutları dahil olmak üzere birçok seçenek sunar. Mükemmel görüntüler oluşturmak için plchldr.co tarafından ücretsiz çevrimiçi yer tutucu görüntü oluşturma aparatı.