Image Splitter
Mod
Çıktı biçimi
Genişlik
Ölçek
Saydam
Şablonlar
Görsel adresi ekleyebilirsiniz, örneğin: <img src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80" />
Önizleme

HTML’den görsel

HTML ve CSS’yi görsele dönüştürün

Nasıl kullanılır

1

Hazırlık

Metni girin ya da HTML veya Markdown düzenleyicisini açın.

2

Ayar ve kontrol

Görünümü ayarlayıp önizlemeyi kontrol edin ve görseli kaydedin.

Gerçek örnekler

HTML’den görsel · Örnek 1

Bu dosyalar bu araçla veya aracın kullandığı kodla işlendi. Kaynak dosyaları, ayarları ve indirilebilir sonuçları karşılaştırabilirsiniz.

Örnek 1
PNG1000 × 640 px

Girdi2

<section><small>01 / 03</small><h1>2026</h1><p>09 / 22</p></section>
*{box-sizing:border-box} body{margin:0} section{padding:56px;background:#153d36;color:#f7e3b6;min-height:320px;font-family:system-ui;border-radius:20px} small{letter-spacing:4px;font-size:16px} h1{font-size:72px;line-height:1.1;margin:30px 0} p{font-size:22px}
Kaynak dosyalar (2)

SonuçPNG

HTML’den görsel — Örnek 1 — Sonuç
İndir 1PNG
Gerçek örnekler

HTML’den görsel · Diğer örnekler

Bu dosyalar bu araçla veya aracın kullandığı kodla işlendi. Kaynak dosyaları, ayarları ve indirilebilir sonuçları karşılaştırabilirsiniz.

Örnek 2
PNG1000 × 640 px

Girdi2

<section><small>02 / 03</small><h1>12:30</h1><p>09 / 22 · 2026</p></section>
*{box-sizing:border-box} body{margin:0} section{padding:56px;background:#f5e6d8;color:#673f2f;min-height:320px;font-family:system-ui;border-radius:20px} small{letter-spacing:4px;font-size:16px} h1{font-size:72px;line-height:1.1;margin:30px 0} p{font-size:22px}
Kaynak dosyalar (2)

SonuçPNG

HTML’den görsel — Örnek 2 — Sonuç
İndir 1PNG
Örnek 3
PNG1000 × 640 px

Girdi2

<section><small>03 / 03</small><h1>01 → 02</h1><p>12 + 24 = 36</p></section>
*{box-sizing:border-box} body{margin:0} section{padding:56px;background:#e4eef4;color:#214762;min-height:320px;font-family:system-ui;border-radius:20px} small{letter-spacing:4px;font-size:16px} h1{font-size:72px;line-height:1.1;margin:30px 0} p{font-size:22px}
Kaynak dosyalar (2)

SonuçPNG

HTML’den görsel — Örnek 3 — Sonuç
İndir 1PNG

Sık sorulan sorular

Hayır. Girdiğiniz metni, HTML’yi veya Markdown’ı görsele dönüştürür. Sonuç, içeriğiniz ve biçimlendirme ayarlarınızla belirlenir.

İlgili araçlar

Görselden PDF

Görselleri tek PDF’de birleştirin. Sayfa sırasını sürükleyerek belirleyin ve kenar boşluklarını ayarlayın.

Aç

Görsel sıkıştır

Biçim ve kaliteyi ayarlayarak görsel dosyasını küçültün. Boyut kazancı ve ayrıntı kaybı kaynak görsele bağlıdır.

Aç

Görsel boyutlandır

Görselin genişlik ve yüksekliğini değiştirin. Bozulmayı önlemek için oranı koruyun; büyütme eksik ayrıntıları geri getirmez.

Aç