Yer Tutucu Görüntü Oluşturucu

Renkler, başlıklar, degradeler, desenler, kenarlıklar ve 30'dan fazla ön ayar ile istediğiniz boyutta özel yer tutucu ve sahte görüntüler oluşturun. PNG, JPG, WebP veya SVG'yi dışa aktarın, bir ZIP'yi toplu olarak indirin veya bir veri URI'sini, <img>, CSS'yi veya Markdown snippet'ini kopyalayın — ücretsiz, filigransız, tarayıcınıza %100.

Tamamen tarayıcınızda özel sahte görüntüler oluşturan ücretsiz, gelişmiş bir yer tutucu görüntü oluşturucu. İstediğiniz boyutu, rengi, resim yazısını ve arka plan stilini ayarlayın, 30'dan fazla sosyal/reklam/cihaz ön ayarını kullanın, ardından PNG, JPG, WebP veya SVG'yi dışa aktarın veya bir veri URI'sini, <img> etiketini, CSS'yi veya Markdown snippet'ini kopyalayın. Yükleme yok, oran sınırı yok, filigran yok.

Share
Kategori
Görüntü Araçları
İçerir
10'nin özellikleri
Erişim
Özgür · Kayıt yok
Mahremiyet
Tarayıcınızda çalışır
Yer Tutucu Görüntü Oluşturucu

Calibrating Placeholder Studio......

Please wait a moment

Genel Bakış

Yer Tutucu Görüntü Oluşturucu - Anında Özel Yapay Görüntüler

Yer Tutucu Görüntü Oluşturucu, maketler, tel çerçeveler, prototipler ve ön uç geliştirme için özel yer tutucu ve yapay görüntüler oluşturmaya yönelik ücretsiz, gelişmiş bir çevrimiçi araçtır. İstediğiniz genişliği ve yüksekliği yazın, renklerinizi seçin, bir etiket ekleyin, bir arka plan stili seçin, ardından net bir PNG, JPG, WebP veya sonsuz ölçeklenebilir SVG olarak dışa aktarın veya tek tıklamayla görüntüyü veri URI'si, <img> etiketi, CSS arka planı veya Markdown olarak kopyalayın. Her şey tarayıcınızda yerel olarak oluşturulur, dolayısıyla hız sınırı yoktur, bozuk bağlantıya sahip URL'ler yoktur ve hiçbir şey yüklenmez.

Dahil

Özellikler

01
Any custom width × height, with optional locked aspect ratio
02
30+ presets: avatars, social posts, OG cards, IAB ad units & devices
03
Backgrounds: solid, gradient, stripes, grid, dots, checkerboard & noise
04
Özel başlık metni veya otomatik piksel boyutu etiketi
05
WCAG kontrast denetleyicisiyle yazı tipi ailesi, ağırlığı, boyutu ve rengi
06
Kenarlık genişliği/rengi ve yuvarlatılmış köşeler
07
PNG, JPG, WebP veya ölçeklenebilir SVG'yi 1×, 2× veya 3× oranında dışa aktarın
08
Copy as data URI, <img> tag, CSS background or Markdown
09
Toplu mod: Aynı anda birçok boyutu işleyin ve bir ZIP indirin
10
%100 istemci tarafı — yükleme yok, oran sınırı yok, filigran yok
Nasıl kullanılır

Yer Tutucu Görüntü Oluşturucu nasıl kullanılır?

  1. 01

    Boyutu ayarlayın

    Özel bir genişlik ve yükseklik girin veya Instagram gönderisi, Açık Grafik kartı veya skor tablosu reklamı gibi bir ön ayar seçin. Orantılı olarak yeniden boyutlandırmak için en boy oranını kilitleyin.

  2. 02

    Stil ver

    Bir arka plan rengi, degrade veya desen seçin, kenarlık ve köşe yarıçapı ayarlayın, ardından başlık metnini, yazı tipini, boyutunu ve rengini özelleştirin. Kontrast denetleyici etiketinizin okunabilir olmasını sağlar.

  3. 03

    Canlı önizleme

    Yer tutucu, siz ayarlarda değişiklik yaptıkça anında güncellenir ve seçtiğiniz dışa aktarma ölçeğinde elde edeceğiniz tam çıktıyı gösterir.

  4. 04

    Dışa aktarın veya kopyalayın

    1×–3× boyutunda bir PNG, JPG, WebP veya SVG indirin, bir dizi boyutu ZIP olarak toplu olarak indirin veya bir veri URI'sini, <img> etiketini, CSS arka planını veya Markdown snippet'ini kopyalayarak doğrudan projenize yapıştırın.

Kullanım örnekleri

Yaygın kullanım durumları

  • -Tasarım yaparken maketleri, tel çerçeveleri ve prototipleri sahte görüntülerle doldurun.
  • -Ön uç geliştirme sırasında HTML/CSS düzenlerinde resim yuvalarını ayırın.
  • -Gerçek sanat eseri hazır olmadan önce test etmek için boyutlu reklam öğeleri ve sosyal kartlar oluşturun.
  • -Duyarlı bir galeriyi veya ızgarayı tam olarak doğru boyutlara sahip yer tutucularla doldurun.
  • -Kilitli veya hava boşluklu ağlardaki demolar için çevrimdışı, base64 veri URI yer tutucuları oluşturun.
  • -Hız sınırı koyan, çöken veya modellerinizi sızdıran güvenilmez yer tutucu URL hizmetlerini değiştirin.
Rehber

Ayrıntılı kılavuz

Gri bir kutudan çok daha fazlası

Klasik “600 × 400” gri dikdörtgenin ötesine geçin. Düz renkler, pürüzsüz degradeler, çapraz çizgiler, ızgaralar, noktalar, dama tahtaları ve hafif gürültü arasından seçim yapın, kenarlık ve yuvarlatılmış köşeler ekleyin ve altyazı metnini, yazı tipi ailesini, ağırlığını, boyutunu ve rengini bağımsız olarak kontrol edin. Her görüntüye tam piksel boyutunu damgalamak veya kendi metninizi yazmak için otomatik boyut etiketini açın. Yerleşik kontrast denetleyici, metniniz ve arka planınız WCAG okunabilirliği konusunda başarısız olduğunda sizi uyarır, böylece yer tutucularınız her tasarımda okunabilir kalır.

Her ekran, reklam ve sosyal alan için ön ayarlar

30'dan fazla hazır boyutla tahminleri atlayın: avatarlar ve küçük resimler, Instagram için kare ve portre gönderileri, Facebook ve X/Twitter kapakları, YouTube küçük resimleri, Açık Grafik kartları, IAB reklam birimleri (büyük şerit, orta dikdörtgen, gökdelen, reklam panosu), yaygın cihaz çözünürlükleri ve baskı dostu oranlar. Yeniden boyutlandırırken bir en boy oranını kilitleyin veya tüm boyutları tek seferde oluşturmak ve bunları ZIP olarak indirmek için toplu moda geçin; duyarlı bir galeriyi veya bir reklam yaratıcı kitini saniyeler içinde doldurmak için mükemmeldir.

Geliştiriciler ve tasarımcılar için tasarlandı

Oluşturulan yer tutucuları doğrudan kod tabanınıza bırakın. Yapıştırmaya hazır bir <img> etiketini, bir arka plan görüntüsü CSS kuralını, bir Markdown görüntüsünü veya hiçbir harici istek olmadan çevrimdışı çalışan bir base64 veri URI'sini kopyalayın. Herhangi bir yakınlaştırma seviyesinde keskin vektörler için SVG'yi dışa aktarın veya retina ekranlar için PNG/JPG/WebP'yi 1×, 2× veya 3× hızında dışa aktarın. Aracın tamamı istemci tarafında olduğundan, kilitli ağlarda, güvenlik duvarlarının arkasında ve çevrimdışı çalışır; kapanan, hız sınırına neden olan veya modellerinizi üçüncü taraf bir sunucuya sızdıran yer tutucu hizmetlerin yerine güvenilir bir alternatiftir.

SSS

Sık sorulan sorular

Yer tutucu görsel nedir ve ne zaman kullanmalıyım?+

Yer tutucu (veya sahte) görüntü, son sanat eseri hazır olmadan önce görüntü yuvasını dolduran bir yedek grafiktir. Tasarımcılar ve geliştiriciler bunları maketlerde, tel çerçevelerde, prototiplerde ve HTML/CSS düzenlerinde tam olarak doğru boyutlarda yer ayırmak için kullanırlar, böylece gerçek fotoğraflar üretilirken bir tasarım veya sayfa tamamlanmış görünür.

Bu yer tutucu görüntü oluşturucu ücretsiz ve filigransız mı?+

Evet. Oluşturduğunuz her görüntü tamamen ücretsizdir, tam çözünürlüktedir ve filigran içermez, kaydolmanıza ve kullanım sınırınıza gerek yoktur. Görüntüler bir sunucu yerine tarayıcınızda oluşturulduğundan, ödenecek hiçbir şey yoktur ve hız sınırlaması yoktur.

Hangi görüntü formatlarını ve çözünürlüklerini dışa aktarabilirim?+

PNG, JPG ve WebP raster görüntülerini retina ekranlar için 1×, 2× veya 3× oranında veya her yakınlaştırmada son derece keskin kalan bir SVG olarak dışa aktarabilirsiniz. Sonucu base64 veri URI'si, <img> etiketi, CSS arka plan resmi kuralı veya Markdown olarak da kopyalayabilirsiniz.

Özel boyut ve renk ayarlayabilir miyim?+

Kesinlikle. İstediğiniz genişlik ve yüksekliği girin (isteğe bağlı kilitli en boy oranıyla), ardından arka plan renginizi, degradenizi veya deseninizi, kenarlığınızı, köşe yarıçapını ve başlık metnini, yazı tipini, boyutunu ve rengini seçin. Yerleşik kontrast denetleyicisi, metnin ve arka planın okunması zorsa sizi uyarır.

Sosyal medya ve reklamlar için ön ayarlarınız var mı?+

Evet — avatarlar ve küçük resimler, Instagram, Facebook ve X/Twitter gönderileri ve kapakları, YouTube küçük resimleri, Açık Grafik kartları, IAB reklam birimleri (büyük tablo, orta dikdörtgen, gökdelen, reklam panosu) ve yaygın cihaz çözünürlükleri dahil 30'dan fazla ön ayar vardır. Birini seçtiğinizde boyut otomatik olarak doldurulur.

Aynı anda birden fazla boyut oluşturabilir miyim?+

Evet. Toplu moda geçin, ihtiyaç duyduğunuz boyutları seçin; araç, bunların hepsini mevcut stilinizle oluşturur ve ardından tüm seti bir ZIP olarak indirmenize olanak tanır; duyarlı galeriler ve reklam yaratıcı kitler için idealdir.

HTML veya CSS'ime nasıl yer tutucu resim eklerim?+

Görüntüyü oluşturun, ardından yapıştırmaya hazır bir <img> etiketi veya bir CSS arka plan görüntüsü kuralı almak için Kopyala düğmelerini kullanın. Tamamen bağımsız, çevrimdışı bir yer tutucu için base64 veri URI'sini kopyalayın; bu, görüntüyü herhangi bir harici istek olmadan doğrudan kodunuza yerleştirir.

Verilerim herhangi bir yere yüklendi mi?+

Hayır. Aracın tamamı, HTML tuvali ve SVG'yi kullanarak tarayıcınızda istemci tarafında çalışır; hiçbir resim, metin veya ayar hiçbir zaman bir sunucuya gönderilmez. Bu, yer tutucu URL hizmetlerinin aksine, kilitli veya çevrimdışı ağlarda bile onu hızlı, özel ve güvenilir kılar.

İlgili araçlar

İlgili araçlar