SVG'den 3D'ye

Hazır

SVG'yi buraya sürükleyin

veya «SVG yükle»ye tıklayın. Konturlar stüdyo ışığıyla hacimli şekillere dönüşür.

SVG online olarak 3D'ye nasıl dönüştürülür

Araç, düz bir vektör konturunu pahlı kenarları ve stüdyo ışığı olan hacimli bir şekle dönüştürür. Logolar, ikonlar ve basit işaretler için uygundur: web siteniz için 3D logo, kapak görseli, sosyal medya ya da sunum önizlemesi hazırlayabilirsiniz. Sahne, program kurmaya gerek kalmadan tarayıcıda Three.js (WebGL) ile işlenir.

Nasıl kullanılır

"SVG yükle" düğmesine tıklayın ya da dosyayı pencereye sürükleyin. Önce nasıl göründüğüne bakmak isterseniz "Demoyu görün" düğmesine tıklayın.
Malzemeyi seçin: stüdyo, cam, plastik, metal veya krom.
Modelin rengini ve arka plan rengini belirleyin.
Işık gücünü ve 3D derinliğini (0 ile %200 arası) ayarlayın. İmleci sahne üzerinde gezdirin: şekil fareyi takip ederek eğilir, böylece açıyı ve parlamayı ayarlayabilirsiniz.
Sonucu kaydedin: "4K ekran görüntüsü" 3840 px genişliğinde bir PNG verir, "HTML dışa aktar" ise sahneyi sitenize yerleştirmeniz için kod olarak verir.

SVG nasıl hazırlanır

Yalnızca dolgulu şekiller hacim kazanır. Dolgusu olmayan çizgiler (kontur, stroke) atlanır. Konturu dış hatta dönüştürün: Figma'da Outline stroke, Illustrator'da Object → Path → Outline Stroke.
Metni eğrilere dönüştürün, aksi takdirde harfler görünmez.
Kontur ne kadar sadeyse pah o kadar temiz olur. Gereksiz noktalar ve küçük ayrıntılar bozulmalara yol açar.
Şeklin tamamı tek renge boyanır, SVG'nin orijinal renkleri korunmaz.

HTML olarak dışa aktarma

Kod, SVG dosyanızı ve seçtiğiniz ayarları içerir. Herhangi bir sayfadaki HTML kod bloğuna yapıştırın: sahne 16:10 oranında bir alan kaplar ve fareye burada olduğu gibi tepki verir. Three.js bu sırada CDN'den yüklendiği için sayfanın internet bağlantısına ihtiyacı vardır.

Sınırlamalar

3D model (GLB, OBJ, STL) indirilemez. Sonuç bir görsel ya da etkileşimli bir sahnedir; 3D baskı ve Blender için uygun değildir.
Yalnızca SVG kabul edilir. PNG ve JPG gibi raster görseller uygun değildir.
Eğme efekti fareyle çalışır. Telefonda şekil ilk açısında kalır.
Cam ve krom ekran kartını daha fazla yorar; zayıf cihazlarda sahne takılabilir.

Gizlilik

SVG dosyası tarayıcınızda okunur ve işlenir, sunucuya gönderilmez. Three.js kütüphanesi cdnjs ve jsDelivr CDN'lerinden yüklenir. Site ziyaret istatistikleri tutar: çerez kullanmayan Cloudflare Web Analytics her zaman çalışır, Yandex Metrica ve Google Analytics ise yalnızca çerezlere onay verdiyseniz devreye girer. Ayrıntılar için gizlilik politikasına bakın.

Bir logo fikri mi arıyorsunuz? Logo promptlarına göz atın. 4K PNG ekran görüntüsü büyük yer kaplar; yayınlamadan önce online sıkıştırmak işinizi kolaylaştırır. Sıradan bir fotoğraftan hacim elde etmek için online derinlik haritası aracını kullanabilirsiniz.

SVG'den 3D'ye: sık sorulan sorular

Baskı için 3D model indirebilir miyim?

Hayır. Araç 3840 px PNG ekran görüntüsü ve sahnenin HTML kodunu kaydeder. GLB, OBJ ve STL dosyası yoktur.

SVG neden hacimli şekle dönüşmüyor?

Büyük olasılıkla dosyada yalnızca konturlar ya da metin var. Konturu ve yazıyı dolgulu eğrilere dönüştürüp dosyayı yeniden yükleyin.

3D logo siteye nasıl eklenir?

"HTML dışa aktar" düğmesine, ardından "Kopyala" düğmesine tıklayın ve kodu site oluşturucunuzun HTML kod bloğuna ya da sayfa şablonuna yapıştırın.

Ücretsiz mi?

Evet, kayıt gerekmez. Ekran görüntüsünde filigran yoktur.