Konversi SVG ke WebP

SVG menjadi Rekomendasi W3C pada 2001 dan merupakan format yang tepat untuk sebagian besar logo dan ikon: beberapa kilobyte teks yang tetap tajam di zoom berapa pun. Masalah muncul ketika file keluar dari kode Anda sendiri. WordPress dan banyak pembuat toko online yang dihosting menolak unggahan SVG, pratinjau tautan di Facebook, LinkedIn, dan X diambil sebagai bitmap, dan aplikasi desain mengekspor ilustrasi dengan efek raster tersemat yang membuat file vektor membengkak menjadi markup berukuran beberapa megabyte.

WebP, yang dirilis Google pada 2010 dan akhirnya didukung Safari di versi 14 pada 2020, adalah bitmap yang dibuat untuk tugas itu: lebih kecil daripada PNG dengan tampilan yang sama, dan punya kanal alfa sungguhan. Merender SVG langsung ke WebP pada ukuran akhirnya melewati jalan memutar biasa lewat ekspor PNG besar. Jika Anda juga ingin arah sebaliknya, halaman kami tentang WebP ke SVG menjelaskan mengapa arah itu butuh pelacakan, bukan konversi.

Konverter membaca width, height, dan viewBox milik SVG, lalu menggambar setiap path pada lebar yang Anda atur; tingginya mengikuti rasio aspek. Karena penggambaran terjadi pada ukuran akhir, stroke tipis dan teks kecil dihaluskan sekali saja, pada skala yang benar. Memperbesar PNG kecil di kemudian hari tidak pernah terlihat sebersih itu.

Font adalah kejutan yang paling sering terjadi. Jika SVG menyebut jenis huruf yang tidak disematkan atau tidak diubah menjadi garis luar, font pengganti dipakai dan panjang baris berubah. Ubah teks menjadi garis luar di aplikasi desain sebelum mengekspor. Gambar eksternal yang ditautkan lewat URL di dalam SVG tidak diambil, jadi sematkan atau ratakan karyanya terlebih dahulu.