İçeriğe geç

HTML’yi SVG’ye dönüştürün

Bir HTML ve CSS parçasını görsele dönüştürün.

Yükleniyor…

HTML ve CSS yapıştırın — bir kart, rozet, alıntı ya da biçimlendirilmiş tablo — ve hemen SVG görseli olarak görün. Yükseklik içeriği izler, arka plan saydam kalabilir; SVG’yi ya da iki veya üç kat büyük net bir PNG’yi indirebilirsiniz. Betikler ve dış kaynaklar kaldırılır, böylece görsel kendi başına yeterlidir.

HTML’yi SVG’ye dönüştürmek nasıl yapılır

  1. Adım 1

    HTML ve CSS’inizi yapıştırın.

  2. Adım 2

    Genişliği ve arka planı ayarlayın.

  3. Adım 3

    SVG’yi veya PNG’yi indirin.

Neden PhotoTools

Gerçek CSS

Gradyanlar, gölgeler, yazı tipleri ve düzenler tarayıcının çizdiği gibi.

SVG ve PNG

Vektör dosya veya 3×’e kadar net bir görsel.

Güvenli ve gizli

Betik yok, hiçbir şey yüklenmez.

Desteklenen formatlar

Girdi

  • HTML
  • CSS

Çıktı

  • SVG
  • PNG

Sık sorulan sorular

Görsellerim veya web yazı tiplerim neden eksik?

Güvenlik ve gizlilik için görsel başka sitelerden dosya yükleyemez. Korumak için görselleri ve yazı tiplerini data URL olarak ekleyin.

SVG nerede çalışır?

İçinde HTML bulunan SVG’ler tüm modern tarayıcılarda görünür; yalnızca vektör şekilleri anlayan tasarım araçları HTML kısmını göstermeyebilir.

Bu ücretsiz mi?

Evet. PhotoTools’un tarayıcı araçları ücretsizdir, sınır yoktur ve hesap gerekmez.

Resimlerim bir sunucuya yükleniyor mu?

Hayır. Bu araç WebAssembly sayesinde tamamen tarayıcınızda çalışır. Resimleriniz cihazınızdan asla çıkmaz ve hiçbir şey saklanmaz.