Penukar Teks ke SVG

Alatan ini menawarkan pilihan Google Fonts popular yang dimuat naik pada masa rendering, merangkumi gaya sans-serif, serif, monospace, dan paparan. Pilihan biasa termasuk Roboto, Inter, Open Sans, Montserrat, Lato, dan fon paparan seperti Anton dan Oswald. Fon dipaparkan dalam pratonton melalui Google Fonts dan dimasukkan ke dalam output SVG supaya fon yang betul muncul walaupun pada sistem yang tidak mempunyai pemasangan secara tempatan.

Ya. Bahagian Ikon membenarkan anda menambah ikon terbina dalam: Emel, Telefon, Lokasi, Web, Pengguna, Bintang, dan Hati. Pilih sama ada untuk meletakkan ikon di sebelah kiri atau kanan teks anda, dan laras saiz ikon secara berasingan. Ikon dan teks digabungkan ke dalam satu elemen SVG tunggal, memudahkan penciptaan lencana kenalan profesional atau grafik berlabel tanpa alat reka bentuk.

SVG (kod XML mentah), komponen React JSX (sedia untuk ditampal ke dalam projek React), komponen SVG React Native, imej raster PNG (dengan skala yang boleh dikonfigurasi untuk output retina), dan Data URI Base64 (SVG yang dikodkan sebagai data: URL untuk dimasukkan terus ke dalam HTML img src atau CSS background-image). Salin mana-mana format ke papan keratan atau muat turun fail bergantung kepada aliran kerja anda.

Data URI mengkodkan SVG sebagai rantaian base64 dan memasukkannya secara terus sebagai URL. Daripada merujuk fail luaran (src="logo.svg"), anda menggunakan src="data:image/svg+xml;base64,...". Ini menghapuskan permintaan HTTP dan berfungsi dalam persekitaran di mana hos fail luaran tidak tersedia — HTML emel (sesetengah klien), fail HTML yang dikongsi secara tempatan, atau nilai CSS background-image. Kelemahannya ialah rantaian yang dikodkan adalah lebih besar daripada fail SVG mentah.

Ya. Butang Muat Turun PNG menukarkan SVG kepada raster pada kanvas pada skala yang ditetapkan dan memuat turunnya sebagai fail PNG. Gunakan Skala 1x untuk paparan standard dan 2x atau lebih tinggi untuk skrin retina/high-DPI. PNG berguna apabila destinasi tidak menyokong SVG — imej profil media sosial, klien emel yang hanya menerima imej, atau aplikasi yang hanya menerima format raster.

Aktifkan kotak semak "Transparent" di bawah Warna Latar Belakang. Dengan ketelusan diaktifkan, atribut latar belakang SVG akan dibuang dan eksport PNG menggunakan latar belakang telus. Ini penting untuk logo dan lencana yang perlu terletak di atas latar belakang berwarna berbeza tanpa kotak putih di sekelilingnya.

Tidak. Semua penjanaan, rendering, dan eksport SVG berlaku dalam pelayar anda. Fail fon diambil daripada Google Fonts CDN sebagai sebahagian daripada pemuatanan fon biasa, tetapi kandungan teks sebenar anda tidak pernah meninggalkan peranti anda. Tiada data dihantar ke mana-mana pelayan belakang, dan tiada apa yang disimpan.