HTML resme çevirme

Bu HTML resme çevirme aracı kodunuzu bir görsele dönüştürür: HTML’i yapıştırın, genişlik seçin, “Resim oluştur”a tıklayın ve PNG, JPG veya WebP olarak indirin. Görsel tarayıcınızda oluşur: kodunuz yüklenmez, kaydedilmez ve adres çubuğuna eklenmez.

Kaynak: W3C SVG 2 – foreignObject (HTML-Inhalt in SVG einbetten). Güncelleme: 30 Eylül 2026.

Genişlik

Görselin CSS pikseli cinsinden genişliği (50–4.000)

Yükseklik

0 = içeriğe göre otomatik

İç boşluk

İçerik ile görsel kenarı arasındaki boşluk

Çözünürlük

Arka plan

Biçim

AraçlarımGirdileriniz yalnızca bu tarayıcıda saklanır.

HTML koduSatır içi stilli HTML veya <style> bloğu. Görseller yalnızca Base64 (data:image/…), yazı tipleri yalnızca sistemden. Betikler ve dış adresler kaldırılır.

Metniniz tarayıcınızda kalır – gönderilmez, kaydedilmez ve adres çubuğuna eklenmez.

Sonuç

Çıktı: 600 px genişliğinde görsel, 2× çözünürlük → 1.200 px

Nasıl hesaplanır?

HTML nasıl görsele dönüşür

Tarayıcınız HTML kodunu bir grafik olarak çizer: önce kod temizlenir, sonra gömülü HTML içeren bir SVG olarak (foreignObject) işlenir ve PNG, JPG veya WebP olarak kaydedilen bir tuvale (canvas) boyanır. Kartlar, alıntılar, tablolar, fatura parçaları, e-posta blokları veya sosyal medya önizleme görselleri için işe yarar – HTML ve CSS ile tasarlanabilen her şey.

Neler desteklenir

HTML ve CSS: satır içi stiller ve bir <style> bloğu, flexbox, grid, gradyanlar, gölgeler, yuvarlak köşeler, tablolar.
Görseller: yalnızca Base64 adresi (data:image/png;base64,…) veya satır içi SVG olarak gömülü. Resmi Base64’e dönüştürme bir resim dosyasını doğru adrese çevirir.
Yazı tipleri: cihazınızda kurulu yazı tipleri ve sistem yazı tipi. İnternetten yüklenen web yazı tipleri (Google Fonts) çekilmez.

Neler çalışmaz

Betikler çalışmaz, başka adreslerdeki görseller, yazı tipleri ve stil dosyaları yüklenmez; animasyonlar, üzerine gelme efektleri, iframe, canvas ve video görsel üretmez. Bu parçalar temizleme sırasında kaldırılır; sonucun altındaki not bunu bildirir. Tarayıcı burada yalnızca sizin parçanızı çizdiği için görünüm gerçek bir sayfadan biraz farklı olabilir.

Boyut, netlik ve biçim

Genişlik ve yükseklik: “0” değerinde yükseklik içeriğe göre belirlenir.
Çözünürlük: 2× iki kat piksel verir ve telefonlarda ile Retina ekranlarda net görünür. Çok büyük görsellerde çözünürlük otomatik sınırlanır.
Biçim: keskin kenarlı metin ve grafik ile şeffaflık için PNG, küçük dosyalar için JPG (her zaman arka planla), modern bir orta yol olarak WebP.

Gizlilik ve güvenlik

Kodunuz yalnızca tarayıcınızda işlenir ve hiçbir yere kaydedilmez. Betikler, onclick gibi olay öznitelikleri ve dış adresler çizimden önce kaldırılır. Bunun yerine mevcut bir fotoğrafa yazı eklemek isterseniz fotoğrafa yazı yazma aracını kullanın.

Sıkça sorulan sorular

HTML nasıl resme çevrilir?

HTML kodunu yapıştırın, genişlik ve çözünürlüğü seçin ve “Resim oluştur”a tıklayın. Sonra görseli PNG, JPG veya WebP olarak indirin.

Görsellerim neden görünmüyor?

Başka adreslerdeki görseller (https://…) güvenlik nedeniyle yüklenmez. Bunları Base64 adresi (data:image/…) olarak gömün veya satır içi SVG kullanın.

Kodum yükleniyor mu?

Hayır. Kod tarayıcınızda okunur ve orada görsele çizilir. Gönderilmez ve kaydedilmez.

Şeffaf arka planı nasıl elde ederim?

Arka plan olarak “Şeffaf”ı ve PNG veya WebP biçimini seçin. JPG şeffaflığı desteklemez ve her zaman beyaz arka plan alır.

Görsel neden bulanık?

Çözünürlüğü 2× veya 3× yapın. Görsel, aynı görüntüleme boyutunda iki veya üç kat piksele sahip olur.

Google Fonts çalışır mı?

Hayır, internetten yüklenen web yazı tipleri çekilmez. Arial, Georgia veya Verdana gibi sistem yazı tiplerini ya da cihazınızda kurulu yazı tiplerini kullanın.

Kaynaklar ve yasal dayanak

Güncelleme: 30 Eylül 2026 · Editoryal ilkeler