Yer Tutucu Görsel Oluşturucu
Sosyal medya, reklam ve küçük resim hazır boyutlarında; gradyan veya rastgele dolgular, çapraz veya ızgara desenler, çok satırlı etiketler ve @2x dışa aktarma ile yer tutucu görseller oluşturun.
Yer Tutucu Görsel Oluşturucu — Sosyal medya, reklam ve küçük resimler için yaygın hazır ayarlardan bir boyut seçin ya da kendinizinkini girin; düz, gradyanlı veya rastgele üretilmiş bir arka plan seçip üzerine çapraz ya da ızgara desen bindirin. Kendi yazı tipi ailesi, kalınlığı ve boyutuyla istediğiniz yere yerleştirilebilen çok satırlı bir etiket ekleyin, ardından PNG, JPG, WebP veya SVG olarak — retina ekranlar için isteğe bağlı @2x ile — dışa aktarın. Her şey tarayıcınızda canvas ve SVG API'leriyle çizilir, bu nedenle girdiğiniz hiçbir şey bir sunucuya yüklenmez.
Yer Tutucu Görsel Oluşturucu nedir?
Yer Tutucu Görsel Oluşturucu; düzenler, mockup'lar, reklamlar ve bileşen kitaplıkları oluştururken dolgu görselleri gereken tasarımcılar ve ön uç geliştiriciler için ücretsiz, tarayıcı içi bir araçtır. Bir Instagram gönderisi, YouTube küçük resmi, OG kartı veya 728×90 leaderboard gibi bir reklam alanı gibi hazır ayarla başlayın ya da tam piksel boyutlarını yazın. Arka planı tek renk, iki renkli çapraz gradyan veya rastgele bir palet olarak biçimlendirin, çapraz ya da ızgara desen ekleyin ve çok satırlı bir etiketi dokuz konumdan birine sans, serif veya monospace bir yazı tipiyle yerleştirin. Genişlik ve yüksekliği köşeye basmak için boyut bindirmesini açın ve PNG, JPG, WebP veya kopyalanabilir SVG olarak, raster biçimler için isteğe bağlı @2x retina ölçeğiyle dışa aktarın.
Yer Tutucu Görsel Oluşturucu nasıl kullanılır
- Bir hazır boyut (sosyal, küçük resim veya reklam) seçin ya da tam genişlik ve yüksekliği piksel olarak yazın.
- Arka planı ayarlamak için Ayarlar'ı açın: düz, iki renkli gradyan veya güvenli rastgele renkler için Rastgele'ye tıklayın.
- İsteğe bağlı olarak çapraz ya da ızgara desen bindirin ve boyut bindirmesini açın.
- Bir etiket yazın — çok satırlı metin için satır sonları kullanın — ardından konumunu, yazı tipi ailesini, kalınlığını ve boyutunu ayarlayın.
- PNG, JPG, WebP veya SVG seçin ve retina raster dışa aktarımı için @2x'i etkinleştirin.
- Canlı önizlemeyi kontrol edin ve İndir'e tıklayın (SVG için işaretlemeyi de kopyalayabilirsiniz).
Örnekler
1080×1080 Instagram gönderisi
Instagram Post hazır ayarını seçin, iki renkli gradyan arka plan belirleyin, kalın iki satırlı bir etiketi ortalayın ve akış mockup'ı için hazır bir PNG indirin.
728×90 leaderboard reklamı
Ad Leaderboard hazır ayarını seçin, ızgara desenli düz gri arka planı ve açık boyut bindirmesini koruyun ve bir reklam alanı için WebP dolgu görseli dışa aktarın.
Retina YouTube küçük resmi
YouTube Thumbnail hazır ayarını (1280×720) seçin, @2x dışa aktarmayı etkinleştirin ve yüksek yoğunluklu ekranlarda net kalan 2560×1440 bir PNG indirin.
Sıkça sorulan sorular
- Hangi hazır boyutlar dahildir?
- Sosyal boyutlar (Instagram gönderisi, dikey ve story, Facebook kapağı, X gönderisi ve başlığı, LinkedIn afişi, YouTube küçük resmi, OG kartı) ve standart reklam birimleri (leaderboard, orta dikdörtgen, geniş gökdelen, billboard). Genişlik ve yüksekliği doldurmak için birini seçin veya herhangi bir özel boyut girin.
- Arka plan ve desen seçenekleri nasıl çalışır?
- Arka plan tek renk, iki renkli çapraz gradyan veya tarayıcınızın güvenli rastgele üreticisini kullanan Rastgele düğmesinden gelen rastgele bir palet olabilir. Üzerine metin renginde çizilen çapraz çizgi veya ızgara deseni bindirebilirsiniz.
- Etiket birden çok satır olabilir ve yeniden konumlandırılabilir mi?
- Evet. Çok satırlı metin için etiket kutusuna satır sonları yazın, bloğu dokuz konumdan birine (üst/orta/alt × sol/orta/sağ) yerleştirin ve normal veya kalın ağırlıkta, otomatik veya sabit boyutta sans, serif ya da monospace bir yazı tipi seçin. Boyutları otomatik yazdırmak için etiketi boş bırakın.
- @2x dışa aktarma ne yapar?
- Raster biçimlerde (PNG, JPG, WebP), dosyanın retina ve yüksek DPI ekranlarda net kalması için tuvali iki katı piksel boyutunda işler. SVG zaten çözünürlükten bağımsızdır, bu yüzden @2x ona uygulanmaz.
- Görsellerim veya metinlerim herhangi bir yere yükleniyor mu?
- Hayır. Her yer tutucu tamamen tarayıcınızda canvas ve SVG API'leriyle çizilir ve indirmeler yerel olarak gerçekleşir — yazdığınız veya oluşturduğunuz hiçbir şey bir sunucuya gönderilmez, böylece çevrimdışı çalışır ve çalışmanız gizli kalır.
İlgili araçlar
Koddan Görsele
Bir kod parçacığını tarayıcınızda söz dizimi vurgulu bir görsele dönüştürün; 20'den fazla dil, özel temalar ve arka planlar, satır numaraları ve PNG veya SVG dışa aktarma ile.
Renk Kontrastı Denetleyici
Metin ve arka plan rengi arasındaki WCAG 2.1 kontrastını ve APCA Lc puanını denetleyin, AA, AAA ve 3:1 rozetlerini görün ve en yakın geçen rengi uygulayın.
Renk Karıştırıcı
İki HEX rengi seçtiğiniz oranda RGB veya Lab renk uzayında harmanlayın ve ortaya çıkan ara rengi örnek ve kopyalanabilir HEX değeri olarak okuyun.
Renk Tonu Üretici
Tek bir temel HEX rengini ayarlanabilir adımlar, adım başına WCAG kontrast ipuçları ve CSS, Tailwind, JSON dışa aktarımıyla OKLCH, HSL veya RGB ölçeğine dönüştürün.