ImgConvert

Konverter SVG ke AVIF

Buat salinan AVIF statis dari SVG untuk tujuan yang memerlukan gambar berbasis piksel. Pilih dimensi dan pengodean lossy atau lossless; area transparan yang ada dapat dipertahankan. Simpan SVG agar teks dan jalur vektornya tetap dapat diedit.

Pilih atau letakkan satu SVG, hingga 20 MB. Unggahan dimulai saat file dipilih.

Ukuran Hasil (Disarankan)

Kosongkan keduanya untuk menggunakan dimensi SVG. Satu nilai mempertahankan proporsi; dua nilai menyesuaikan gambar agar muat di dalam kotak pembatas tanpa pemangkasan. Setiap nilai: 1–16.384 px.

Lossless menghindari pengodean lossy pada piksel yang dirender; mode ini tidak mempertahankan struktur SVG yang dapat diedit.

Kompresi yang lebih kuat biasanya menghasilkan file lebih kecil dengan lebih banyak detail yang hilang; kualitas lebih tinggi biasanya menghasilkan file lebih besar. Preset bukan persentase kompresi; ukuran sebenarnya bergantung pada gambar. Kualitas tertinggi sekalipun tetap menggunakan pengodean lossy. Untuk hasil lossless, ganti mode kompresi.

Hasilnya berupa satu AVIF raster statis. Periksa font, garis tipis, dan transparansi; simpan SVG asli Anda.

Gunakan AVIF jika alur kerja berikutnya memerlukan gambar raster

SVG mendeskripsikan desain dengan bentuk, teks, dan elemen lainnya. Konverter ini merender desain tersebut menjadi piksel dan menyimpannya sebagai AVIF. Alat ini berguna jika kolom unggahan atau alur kerja penerbitan menerima AVIF, tetapi tidak dapat menggunakan SVG secara langsung.

Periksa kebutuhan tersebut terlebih dahulu. Logo sederhana mungkin sudah berukuran kecil sebagai SVG, dan konversi tidak menjamin file lebih kecil. Gunakan AVIF sebagai gambar yang Anda kirim, dan simpan SVG jika Anda perlu mengedit teks atau jalur vektor.

Masukan

Satu file SVG, hingga 20 MB. Memilihnya akan memulai unggahan untuk pemrosesan di server.

Mode lossy

Keenam preset berkisar dari Kompresi kuat hingga Kualitas tertinggi. Seimbang dipilih sebagai pengaturan awal. Preset bukan persentase kompresi, dan preset tertinggi tetap bersifat lossy.

Mode lossless

Menghindari pengodean lossy pada piksel yang dirender. Mode ini tidak mempertahankan jalur vektor, teks yang dapat diedit, skrip, atau animasi.

Transparansi

Area transparan pada SVG yang dirender dapat tetap transparan. Persegi panjang putih yang digambar dalam SVG tetap menjadi bagian dari gambar; alat ini tidak menghapus latar belakang.

Hasil

Satu file AVIF statis. Alat ini bukan editor SVG, pengekspor animasi, atau konverter untuk beberapa file sekaligus.

Lossless menjelaskan tahap pengodean AVIF. Mode ini tidak mempertahankan jalur SVG, membuat teks dapat dipilih, atau mencegah perubahan akibat proses render dan pengubahan ukuran. Preset tertinggi dalam mode Lossy tetap menggunakan pengodean lossy.

Cara mengubah file SVG ke AVIF

1

Siapkan dan pilih SVG

Pilih atau letakkan satu SVG hingga 20 MB. Pemilihan file memulai unggahan. Sertakan gambar dan gaya yang diperlukan desain dalam sumber, lalu tunggu hingga unggahan selesai sebelum mengonversi.

2

Pilih dimensi piksel dan mode pengodean

Kosongkan dimensi untuk menggunakan ukuran yang ditafsirkan dari SVG, atau masukkan batas ukuran proporsional. Mulai dengan Seimbang dalam mode Lossy, atau pilih mode Lossless yang terpisah jika Anda ingin menghindari pengodean lossy pada piksel yang dirender.

3

Periksa AVIF yang Anda unduh

Klik Konversi ke AVIF dan unduh hasil yang sudah selesai. Periksa tulisan, garis tipis, warna, dan tepi transparan pada ukuran tampilan yang dituju. Pastikan situs atau aplikasi penerima menerima file AVIF yang sebenarnya.

Atur dimensi sesuai tempat penempatan

Kolom lebar dan tinggi masing-masing menerima 1–16.384 px. Kolom ini merupakan masukan dimensi hasil, terpisah dari batas unggahan 20 MB.

Keduanya kosong

Menggunakan dimensi yang ditafsirkan dari SVG. Jika hasilnya tidak sesuai harapan, periksa ukuran yang dinyatakan dalam SVG dan viewBox-nya.

Hanya satu sisi

Menghitung sisi lainnya secara proporsional.

Kedua sisi

Menyesuaikan gambar secara proporsional agar muat di dalam kotak yang ditentukan. Salah satu sisi dapat lebih kecil daripada nilai yang dimasukkan; gambar tidak diregangkan atau dipangkas untuk memenuhi kotak.

Sumber 1200×800 yang disesuaikan ke dalam kotak 600×600 menjadi 600×400. Kolom ukuran mengubah ukuran gambar yang telah ditafsirkan; tidak tersedia pengaturan kepadatan render SVG. Jumlah piksel hasil yang lebih banyak tidak menjamin kurva atau teks lebih tajam, jadi periksa hasil yang diperbesar alih-alih menganggap angka lebih besar sebagai detail yang dipulihkan.

Periksa detail SVG yang memengaruhi salinan AVIF

Pratinjau unggahan dirender oleh browser Anda. AVIF hasil unduhan berasal dari lingkungan render server dan dapat berbeda.

Tulisan dan sumber daya tertaut

Sertakan gambar dan gaya yang diperlukan dalam sumber. Untuk font yang harus tampak persis, ubah tulisannya menjadi jalur vektor di aplikasi desain Anda sebelum mengekspor. Menaikkan kualitas AVIF tidak dapat menggantikan font atau gambar yang tidak tersedia pada perender SVG.

Garis tipis dan gradasi

Bandingkan hasil Seimbang dengan preset lossy lebih tinggi atau Lossless jika detail tepi kecil penting. Bandingkan tampilan sebenarnya dan ukuran file dengan dimensi yang sama; jangan berasumsi satu mode memberikan penghematan tetap.

Lapisan gambar transparan

Kanvas transparan dapat tetap transparan, tetapi bentuk putih yang digambar di belakang desain tetap terlihat. Periksa desain berwarna pucat pada latar belakang tujuan. Jika tujuan memerlukan PNG, gunakan kembali SVG dan pilih SVG ke PNG.

Simpan SVG asli untuk pengeditan dan ekspor dengan ukuran lain di masa mendatang. File unggahan dan hasil bersifat sementara; unduh dan simpan AVIF yang Anda perlukan.

Pertanyaan tentang ekspor SVG sebagai AVIF

Halaman ini menerima file SVG. Simpan markup sebagai file .svg yang valid, atau unduh sumber ke perangkat Anda sebelum memilihnya. Tidak tersedia kolom untuk menempelkan kode atau memasukkan alamat jarak jauh.

Tidak. Halaman ini menghasilkan satu gambar statis. Halaman ini tidak mengekspor linimasa animasi SVG, skrip, atau elemen interaktif. Siapkan desain diam yang ingin Anda konversi.

Beberapa instruksi SVG dapat mendeskripsikan grafis sederhana, sedangkan AVIF menyimpan gambar piksel hasil render. Dimensi, detail, dan mode memengaruhi hasil. Pilih ukuran tampilan yang sesuai dan bandingkan hasilnya; mengubah format tidak menjamin pengurangan ukuran.

Tidak. Mode ini menghindari pengodean AVIF lossy pada piksel yang telah diproses. Jalur vektor dan objek teks sudah menjadi piksel, dan proses render atau pengubahan ukuran mungkin telah mengubahnya. Simpan SVG sebagai sumber yang dapat diedit.

Buat salinan AVIF yang diperlukan tujuan Anda

Pilih sumber dan ukuran hasil, lalu bandingkan hasil unduhan dengan desain Anda.