Ücretsiz SVG Arka Planları ve Desenler | SVG Backgrounds

• 48 adet hafif SVG arka planı ve deseni sunar; kullanıcılar bunları yalnızca kopyalayıp yapıştırarak web projelerine uygulayabilir
• Her tasarımda renk, boyut, blend mode gibi ayarlar serbestçe değiştirilebilir ve bazıları döndürme, taşıma gibi animasyon efektlerini destekler
• Tüm grafikler SVGBackgrounds.com'a özgü tasarımlardır ve kişisel ile ticari projelerde kullanılabilir
• Ancak rakip ürünlerin içine dahil edilemez ve atıf (Attribution) zorunludur
• Web tasarımcıları ve geliştiriciler için markaya uygun arka planları kolayca üretmeye yarayan ücretsiz bir kaynak

---

Ücretsiz SVG arka planları ve desenlerine genel bakış

• SVGBackgrounds.com, ücretsiz kullanılabilen SVG arka planları ve desen setleri sunar
  • Kullanıcılar site içinde renk, blend, boyut gibi ayarları düzenleyerek özelleştirilmiş arka planlar oluşturabilir
  • Bazı tasarımlar ölçekleme, döndürme, taşıma gibi görsel dönüşüm özellikleri içerir
• Her arka plan, SVGBackgrounds.com'un özgün tasarımıdır ve web siteleri ya da uygulama arayüzlerine doğrudan uygulanabilir
• Sunulan grafikler CSS inline kodu, SVG ve PNG formatlarında indirilebilir

Kullanım şekli

• Kullanıcılar, CSS kodunun nereye ekleneceğini gösteren demo sayfası üzerinden uygulama yöntemini görebilir
• Arka planlar kopyala-yapıştır (Copy and Paste) yöntemiyle kolayca entegre edilebilir
• Site; renk paleti, ölçek, blend mode gibi çeşitli ayar seçenekleri sunar

Lisans ve kullanım koşulları

• Grafikleri kullanırken SVGBackgrounds.com lisans sözleşmesini kabul etmek gerekir
  • Hem kişisel hem de ticari projelerde kullanılabilir
  • Rakip ürünlere dahil edilemez veya yeniden satılamaz
  • Ücretsiz kullanımda atıf (Attribution) zorunludur
• Ücretli aboneler sınırsız kullanım ve atıf zorunluluğundan muafiyet avantajı elde edebilir

Üretici ve topluluk

• Site Matt tarafından işletilir ve her ay yeni ücretsiz ve ücretli kaynaklar yayımlanır
  • Kullanıcılar e-posta aboneliğiyle en yeni arka planlar ve güncellemeler hakkında bildirim alabilir
• Üretici, kullanıcılara HTML bağlantısı, sosyal medya paylaşımı, destek (Buy me a coffee) gibi çeşitli kredi verme yöntemleri önerir

Ek kaynaklar ve araçlar

• SVGBackgrounds.com, arka planların yanı sıra SVG ikonları, illüstrasyonlar, butonlar, imleçler, shape divider'lar gibi çeşitli grafik öğeleri de sunar
• Geliştiriciler, SVG to CSS dönüştürücü ve Shape Divider Generator gibi araçlarla doğrudan SVG dönüştürebilir veya üretebilir
• En yeni sürümler ve blog aracılığıyla yeni tasarım setleri ve ürün güncellemeleri düzenli olarak paylaşılır

[GN⁺]

Hacker News yorumları

• Bu arka planlar gerçekten çok güzel. Yalnız “kopyalamak için tıkla” düğmesi yerine CSS’in göründüğü bir <textarea> eklenmesini isterdim
  Çünkü bazı tarayıcılarda veya bazı kullanıcılar için güvenlik nedeniyle panoya erişim engelli oluyor ve bu durumda kopyalama çalışmadığında alternatif bir yol kalmıyor

  • İyi bir nokta. Eskiden böyleydi; tekrar o yönteme dönmek ya da kodu göster düğmesi eklemek çok zor olmaz gibi görünüyor

• Özellikle turuncu çatı desenini çok beğendim. Ama Firefox’ta bazı kısımlar doğru görünmüyor — mavi ve yeşil girdaplar sırasıyla yalnızca bir kare ve bir altıgen olarak render ediliyor
  Bir de bu tür arka planları içeriği rahatsız etmeyecek şekilde nasıl kullanmak gerektiğini merak ediyorum. İnce desenler görsel olarak sık sık dikkat dağıtıcı olabiliyor

  • Genelde tüm belgeye bir arka plan koyup, üstüne metni göstermek için opaklığı ayarlanmış bir overlay yerleştirme yöntemi kullanılıyor. Masaüstünde tam ekranda iyi duruyor ama mobilde alan dar olduğu için arka planı yeterince göstermek zorlaşıyor
  • Firefox’ta kontrol ettim, çalışıyor ama etkinin görünmesi için üstteki slider’ı hareket ettirmek gerekiyor. Etki yönünü tersine çevirmek daha iyi olabilir diye tekrar düşüneceğim
  • “Mavi kare ve yeşil altıgen” sorunu, slider’ı hareket ettirince düzeliyor

• Arka plan değiştirme arayüzü ile parametre ayar panelini beğendim. Geçmişte SVG/canvas/webgl ile prosedürel desenler denemiştim; bunu görünce ifade biçimini yeniden paketlemeyi tekrar denemek istedim

  • Teşekkürler. Grafik düzenleme UI’larını birkaç kez tasarladım ve bu sürüm özellikle çok daha fazla incelendi. Arka planı mümkün olduğunca geniş göstermek isterken bazı kısıtlar oluştu ama bu da yaratıcı seçimler yapmayı mümkün kıldı. Sonuçtan oldukça memnunum

• “Arka plana erişim izniniz var” bildirimi mobil ekranın üçte birini kaplıyor ve kapatmanın bir yolu yok. Sebebini merak ediyorum

  • Yalnızca “Erişim izniniz var. Tadını çıkarın!” yazıyor ama araştırınca bu tür erişimin genelde yıllık 120 dolar civarında bir değeri var gibi görünüyor
  • İyi tespit. Küçük görsele tıklayınca önizleme düğmesinin arka plan düzenleme UI’ına dönüşmesi şeklinde bir yapı var; bu kısmı yeniden tasarlamayı düşünüyorum

• Fareyle üstüne gelince görmek istediğim bölümün bulanıklaşması ya da kapanması garip hissettiriyor

  • O yöne gitmemin nedeni, tek tıklamayla tam görünümün zaten açılabilmesi ve hover durumunda ayrıca gösterilecek çok fazla önizleme olmamasıydı. Hover’ın ana amacı etkileşimli olduğunu açıkça göstermekti

• <blink /> efektini taklit eden hiçbiri yok. Paramı geri istiyorum (şaka yollu)

• Dark Reader eklentisi açıkken önizleme çalışmıyor

• Özellikle üçgen desenini çok beğendim. Acaba Rule 30’dan ilham alındı mı diye merak ediyorum

  • Rule 30’u ilk kez duydum. Bağlantının Wikipedia olması iyi oldu; kavram oldukça ilginç ve ilham verici bir fikirmiş. Paylaştığın için teşekkürler

• Yaklaşık bir yıl önce portföyümü yenilerken bu siteyi keşfetmiş ve header’da arka planlardan birini kullanmıştım. Gerçekten teşekkürler

  • İşine yaramasına sevindim. Yardımcı olabildiyse ne mutlu

• Gerçekten harika arka planlar. Bunları solitaire oyunuma koymak istiyorum
  Ama mobilde önizlemeden sonra kaydırınca görsel kayboluyor ve yeniden görmek için sayfayı yenilemek gerekiyor. Bir de desenlerin isimleri olsa iyi olurdu

  • İlginç. Cihaz veya tarayıcı bilgisini iletişim formundan gönderirsen sevinirim. Bu arada her arka planın bir adı var ama mobilde ekran alanı dar olduğu için gizli tutuluyor