Kodu resme nasıl dönüştürürüm?

Buraya yapıştırın, dili ve temayı seçin, sonra PNG dosyasını indirin. Resim tarayıcınızda ekran çözünürlüğünün iki katıyla çizilir, böylece büyütüldüğünde de net kalır.

Barındırılan kod-resim araçları güvenli mi?

Yalnızca çizim yerelse. Çoğu parçayı bir sunucuya gönderir; anahtar ya da müşteri verisi içeren kod için bu uygun değildir.

Belgelemede kod resimleri kullanmalı mıyım?

Hayır. Resim kopyalanamaz, aranamaz ve ekran okuyucu tarafından okunamaz. Yalnızca gösterim için kullanın ve metni de ekleyin.

Renklendirmede hangi diller destekleniyor?

JavaScript, JSON, HTML, CSS, PHP, Python ve kabuk komutları ile düz metin.

Frontend StüdyosuKoddan görseleAracı değiştir

Kodu resme dönüştür

Bir kod bloğunu okunmaz düz metne çeviren yerler için: slaytlar, sosyal medya gönderileri, bir müşteriye mesaj. Resim bu sekmede iki kat çözünürlükle çizilir, böylece retina ekranda net kalır ve kod parçası kimseye yüklenmez.

Diller: 8 dil renklendirilir
Çıktı: 2× çözünürlükte PNG
Kodunuz: Sekmeden asla çıkmaz

Kodunuz

Resme dönüştürmek istediğiniz kod parçasını yapıştırın.

DilSözdizimi renklerini seçer. Kodun kendisi değişmez.Pencere başlığıGenellikle dosya adı. Kaldırmak için boş bırakın.

TemaPencere çerçevesinin ve kodun renkleri.

Boşluk ve metin boyutu

Dolgu: 48pxKod penceresinin çevresindeki boş alan.Metin boyutu: 16pxBüyük metin slaytlarda ve telefonlarda daha iyi okunur.

Satır numaralarını göster

Önizleme

863 × 510 nokta, bunun iki katıyla dışa aktarılır.

Resmi panoya kopyalamaya Chrome ve Edge izin verir; Firefox ve Safari kısıtlar, orada İndir'i kullanın.

Neden kodun resmi

Paylaşım için önemli yerlerin hiçbiri kod bloğunu düzgün göstermez: bir slayt, bir sosyal medya gönderisi, bir müşteriyle sohbet. Resim girintiyi ve rengi korur; kodu bir bakışta okunur kılan şeyin büyük kısmı budur.

Peki belgeleme için neden olmaz

Resim kopyalanamaz, aranamaz, çevrilemez ve ekran okuyucu tarafından okunamaz. Kodu göstermek için kullanın, teslim etmek için asla; okuyucunun parçayı çalıştırması gerekiyorsa metni de verin.

Renklendirme hakkında

Buradaki renklendirici metinleri, yorumları, sayıları ve anahtar kelimeleri işaretler; görsel bilginin neredeyse tamamını taşıyan dört şey bunlardır. Her dil için tam bir gramer, bir resim uğruna megabaytlarca ayrıştırıcı demektir ve bir tarayıcı sekmesinde buna değmez.

Sıkça sorulan sorular

Kodu resme nasıl dönüştürürüm?: Buraya yapıştırın, dili ve temayı seçin, sonra PNG dosyasını indirin. Resim tarayıcınızda ekran çözünürlüğünün iki katıyla çizilir, böylece büyütüldüğünde de net kalır.
Barındırılan kod-resim araçları güvenli mi?: Yalnızca çizim yerelse. Çoğu parçayı bir sunucuya gönderir; anahtar ya da müşteri verisi içeren kod için bu uygun değildir.
Belgelemede kod resimleri kullanmalı mıyım?: Hayır. Resim kopyalanamaz, aranamaz ve ekran okuyucu tarafından okunamaz. Yalnızca gösterim için kullanın ve metni de ekleyin.
Renklendirmede hangi diller destekleniyor?: JavaScript, JSON, HTML, CSS, PHP, Python ve kabuk komutları ile düz metin.