Pengubah SVG ke PNG

Apa itu SVG, dan mengapa mengubahnya menjadi piksel hanya berjalan satu arah

SVG bukanlah gambar. Ia adalah deskripsi tentang gambar — daftar bentuk, jalur, warna, dan teks, masing-masing dengan koordinatnya, yang ditulis di dalam berkas teks untuk dibaca dan digambar oleh sesuatu yang lain. JPG atau PNG justru kebalikannya: kisi piksel, yang ditetapkan satu kali ketika berkasnya ditulis. Perbedaan tunggal itulah yang berada di balik segala hal pada halaman ini, termasuk satu pertanyaan yang harus ditanyakan pengonversi ini kepada Anda dan tidak pernah ditanyakan oleh dua pengonversi lainnya.

• Ia adalah teks yang bisa Anda baca. Bukalah SVG di penyunting teks mana pun dan bentuk-bentuknya tertulis di depan Anda — dan begitulah caranya Anda bisa memeriksa sendiri ukuran apa yang diakui berkas itu dan ke mana saja ia menunjuk.
• Ia sama sekali tidak punya resolusi. Berkas yang sama adalah ikon tajam sebesar titik sekaligus poster tajam di dinding, karena gambarnya dihitung ulang dari awal oleh apa pun yang menampilkannya alih-alih disimpan di suatu tempat.
• Yang menjadi keunggulannya adalah karya datar — logo, ikon, diagram, bagan, peta, apa pun yang digambar alih-alih difoto. Yang sama sekali tidak cocok untuknya adalah foto, yang tidak punya bentuk untuk dideskripsikan dan akan menuntut satu baris berkas untuk setiap pikselnya.
• Mengubahnya menjadi piksel adalah pekerjaan halaman ini, dan alasannya hampir selalu berupa suatu tempat yang tidak mau menerima formatnya: formulir unggahan, penyunting gambar yang lebih tua, templat dokumen atau salindia, pratinjau media sosial, surel, atau layanan cetak.

Mengubahnya menjadi PNG membekukan gambarnya menjadi piksel pada satu ukuran yang dipilih, dan itu adalah pintu yang hanya terbuka ke satu arah. Bentuk-bentuknya tidak tersimpan pada hasilnya dan tidak ada pengaturan di sini yang mempertahankannya, sehingga membesarkan PNG-nya sesudah itu hanya membesarkan pikselnya alih-alih menggambar ulang apa pun; dan halaman ini sama sekali tidak menulis format vektor — mengembalikan gambar menjadi bentuk adalah persoalan lain dengan jawaban yang lain pula, bukan kebalikan dari yang satu ini. Jadi simpanlah SVG-nya. Yang Anda unduh di sini adalah salinan yang dibuat untuk satu keperluan dan satu ukuran, dan cara memperoleh ukuran kedua adalah mengonversi berkas asalnya sekali lagi, bukan mengubah ukuran berkas yang sudah Anda punya.

Dari mana asal ukuran yang tertera di kolomnya

Karena gambar vektor tidak punya piksel miliknya sendiri, sesuatu harus memutuskan berapa piksel yang akan dihasilkannya, dan halaman ini mulai dengan membaca apa pun yang tersirat dari berkasnya sendiri. Angka itu masuk ke kolom Lebar dan Tinggi, dan kalimat di sampingnya menyebut nama berkas Anda serta mengatakan dari yang mana di antara tepat tiga tempat angka itu diambil. Kalimat tersebut layak dibaca sebelum Anda mengonversi, karena ketiganya tidak sama-sama bisa dipercaya dan hanya Anda yang tahu mana yang Anda maksud.

• Berkasnya menyatakan ukurannya sendiri, dalam piksel. Inilah yang paling kuat di antara ketiganya: orang yang mengekspor gambarnya sudah mengatakan seberapa besar ia seharusnya, dan kolomnya sekadar mengulanginya.
• Berkasnya menyatakan ukurannya dalam satuan fisik — inci, sentimeter, milimeter, poin, atau pika — dan ukuran itu dikonversi dengan hitungan sembilan puluh enam piksel per inci, yaitu apa yang dimaksud web dengan satu inci, bukan hasil pengukuran layar Anda. Gambar yang disiapkan untuk cetak kerap datang dengan cara ini, dan ukuran piksel yang keluar darinya adalah konversi yang setia dari angka yang sejak awal sama sekali bukan tentang piksel.
• Berkasnya sama sekali tidak menyatakan ukuran yang bisa dipakai, sehingga ukurannya diukur dari viewBox-nya. Inilah yang perlu ditengok dua kali: viewBox adalah sistem koordinat tempat bentuk-bentuknya digambar, bukan ukuran yang dipilih siapa pun, sehingga ikon yang koordinatnya berjalan dari nol sampai dua puluh empat datang sambil meminta menjadi gambar sebesar titik. Kumpulan ikon juga lazim ditulis dengan lebar dan tinggi dalam persen, yang merupakan ukuran atas sesuatu yang tidak dimiliki berkas ini dan karena itu dibaca sebagai tidak menyatakan ukuran, jadi berkas semacam itu pun bermuara ke sini.

Mana pun di antara ketiganya yang menjawab, angkanya dibulatkan ke piksel bulat satu kali saja, pada saat ia dibaca, karena kanvas dialokasikan dalam piksel bulat dan tidak ada tempat untuk menaruh pecahan. Itu penting untuk satu hal secara khusus: segala hal selanjutnya bekerja dari angka bulat yang bisa Anda lihat, bukan dari pecahan di baliknya, sehingga dua kali gambar yang ditampilkan selebar tiga puluh satu piksel adalah enam puluh dua, bukan enam puluh tiga yang akan dihasilkan oleh pembulatan kedua. Ukuran di layar dan ukuran yang dipakai perhitungannya adalah ukuran yang sama, dan hanya dengan susunan itulah kolomnya benar-benar berarti seperti yang tertulis.

Memilih ukuran yang Anda perlukan — dan gambar yang tidak menyatakan ukuran apa pun

Ukuran yang tersirat dari berkasnya tidak pernah lebih dari sekadar titik awal, dan ia ditawarkan sebagai titik awal alih-alih dipaksakan. Segala hal tentang kedua kolom itu ditata supaya kasus yang biasa tidak menuntut pemikiran apa pun sementara kasus yang menuntut ketepatan tetap tersedia — dan di situlah seluruh perbedaan antara halaman ini dan dua saudaranya: foto dikonversi pada ukuran yang sudah dimilikinya, dan tidak ada yang perlu diputuskan.

• Ketik lebar dan tingginya mengikuti, ketik tinggi dan lebarnya mengikuti, sehingga gambarnya mempertahankan proporsinya tanpa Anda perlu menghitung apa pun. Itulah pengaturan awalnya, karena merusak bentuk logo tanpa sengaja adalah kesalahan yang layak dibuat mustahil.
• Hilangkan centang pada Jaga proporsi ketika Anda benar-benar membutuhkan kotak dengan ukuran pasti — slot banner, gambar profil berukuran tetap, lembar ikon — dan kedua kolomnya menjadi saling bebas. Gambarnya lalu diregangkan untuk memenuhi apa pun yang Anda minta; itulah yang Anda inginkan, dan itu pula sebabnya hal ini menjadi tindakan yang disengaja alih-alih pengaturan awal.
• Baris pengali adalah jalan cepat menuju ukuran yang benar-benar diinginkan orang, dan masing-masingnya diukur terhadap ukuran yang dinyatakan berkasnya, bukan terhadap apa pun yang sedang tertera di kolomnya saat itu. Jadi menekan pengali yang sama dua kali memberi Anda jawaban yang sama dua kali, alih-alih menumpuk menjadi sesuatu yang tidak Anda minta.
• Pengali yang tidak punya jawaban ditampilkan sebagai tidak tersedia alih-alih sebagai tombol yang tidak melakukan apa-apa. Mengalikan gambar yang sudah sangat besar bisa mencapai ukuran yang tidak bisa dinyatakan oleh format gambar mana pun, dan kendali yang menolak diam-diam akan lebih buruk daripada kendali yang memperlihatkan bahwa ia tidak bisa.

Lalu ada berkas yang tidak menyatakan apa pun: tidak ada lebar dan tinggi yang bisa dibaca alat ini, dan tidak ada pula viewBox untuk diukur. Ini lebih umum daripada kedengarannya — gambar yang diekspor langsung dari sebagian penyunting, atau gambar yang ditulis dengan tangan untuk halaman yang memang akan mengatur ukurannya lewat CSS. Di dalamnya sungguh-sungguh tidak ada ukuran, jadi kolomnya terbuka dalam keadaan kosong, tidak ada kalimat yang muncul tentang dari mana angka berasal, tidak ada yang bisa dikalikan dan tidak ada proporsi yang bisa dijaga, dan barisnya menolak lalu meminta Anda mengisi lebar dan tinggi. Penolakan itu justru inti persoalannya, bukan kegagalan: peramban yang diberi berkas semacam itu jatuh ke kotak kecil berukuran tetap yang tidak dipilih siapa pun, dan ditanya satu kali lebih baik daripada mengunduh hasil seperti itu lalu baru mengetahuinya belakangan.

Sepasang angka yang bukan ukuran ditolak dengan kalimatnya sendiri, dan itulah paruh lain dari kehati-hatian yang sama. Nol, bilangan negatif, setengah piksel, atau angka yang lebih besar daripada yang bisa dinyatakan format gambar mana pun masing-masing ditolak alih-alih dibulatkan, dipaksa masuk ke rentang, atau diam-diam diganti dengan ukuran berkasnya sendiri — konversi pada ukuran yang tidak diminta siapa pun justru itulah yang halaman ini dibuat untuk mencegahnya. Dan kalau yang Anda pilih adalah foto, bukan gambar vektor, kolom ukurannya sama sekali tidak muncul: gambar piksel dikonversi pada dimensinya sendiri, dan kendali yang tidak bisa mengubah apa pun lebih buruk daripada tidak ada kendali sama sekali.

Ke format apa sebaiknya gambarnya diubah menjadi piksel

Halaman ini terbuka pada PNG karena itulah jawaban yang tepat untuk hampir setiap gambar vektor, dan format lainnya berjarak satu klik alih-alih tersembunyi di halaman lain. Yang sedang Anda pilih adalah antara satu format yang menyimpan pikselnya secara persis dan dua format yang menukar sebagian piksel itu dengan berkas yang lebih kecil — dan untuk gambar vektor buktinya condong sangat kuat ke satu sisi: warna datar dan tepi yang tajam justru merupakan isi yang paling buruk ditangani oleh kompresi dengan kehilangan data.

• PNG adalah pengaturan awalnya dan biasanya sudah menutup perbincangan. Ia menyimpan gambar yang sudah menjadi piksel itu secara persis, ia membawa transparansi, dan ia mengompresi bidang datar berwarna tunggal dengan sangat baik — dan itulah sebagian besar isi logo atau ikon, sehingga berkasnya kerap lebih kecil daripada yang dikesankan oleh reputasi formatnya.
• JPG layak dipilih hanya ketika ada sesuatu di ujung sana yang memaksanya. Ia sama sekali tidak bisa menyimpan transparansi, jadi warna latar harus diisikan di belakang gambar Anda lebih dulu, dan kompresinya meninggalkan pinggiran keabu-abuan tepat pada tepi tajam dan huruf yang justru ingin Anda pertahankan ketika mengubah vektornya menjadi piksel.
• WebP adalah jawaban tengah untuk halaman web: ia membawa transparansi dan biasanya lebih kecil daripada PNG-nya. Di sini ia selalu dengan kehilangan data pada setiap pengaturan kualitas, termasuk di ujung atas kendalinya, jadi ia pilihan yang baik untuk gambar yang akan dipasang di halaman dan pilihan yang buruk untuk salinan induk yang akan Anda sunting lagi.
• Tidak satu pun dari ketiganya adalah vektor, dan halaman ini tidak menulis format vektor apa pun. Kalau yang Anda butuhkan adalah berkas yang bisa dipakai pada ukuran berapa pun, berkas itu adalah SVG yang sudah Anda punya — simpanlah, dan anggaplah apa pun yang Anda unduh di sini sebagai salinan yang dibuat untuk satu tempat saja.

Kendali kualitas hanya muncul untuk dua format yang punya sesuatu untuk ditukar, yaitu JPG dan WebP; PNG tidak membuang apa pun, jadi tidak ada kendali yang ditawarkan alih-alih satu kendali yang hanya diam di sana. Setiap baris menampilkan ukuran berkas yang dihasilkan, sehingga tawar-menawar yang sedang Anda lakukan menjadi angka di depan mata. Menggeser kendali itu akan mengenkode ulang gambar yang sudah digambar, bila memungkinkan, alih-alih mengubah gambar vektornya menjadi piksel sekali lagi, sedangkan mengubah ukurannya memang mengharuskan penggambaran ulang — dan pembagian itulah yang benar, karena yang kedualah yang sungguh-sungguh menghasilkan piksel yang berbeda.

Apa yang tidak bisa ikut terbawa ketika gambarnya diubah menjadi piksel

Semua yang terjadi di sini dikerjakan dengan mesin penggambar bawaan yang sudah tertanam di dalam peramban Anda: berkasnya diserahkan sebagai gambar, digambar sekali pada ukuran yang Anda pilih, lalu ditulis kembali dalam format yang Anda minta. Itulah yang membuat alat ini bekerja tanpa ada yang diunggah, tanpa ada yang dipasang, dan tanpa ada yang diunduh selain halaman ini sendiri — dan untuk gambar vektor hal itu sekaligus menentukan apa saja yang mungkin ada di dalam hasilnya, karena SVG adalah dokumen, bukan bongkahan piksel, dan dokumen bisa meminta berbagai hal.

Diserahkan dengan cara yang dipakai di sini, ia tidak mendapatkan satu pun di antaranya. Tidak ada apa pun di dalam berkasnya yang dijalankan dan tidak ada apa pun di luar berkasnya yang diambil; itu sifat yang disengaja dan sungguh berharga: SVG bisa membawa skrip, dan ia bisa membawa acuan ke suatu alamat yang akan diminta begitu gambarnya ditampilkan. Membuka gambar milik orang asing di sini tidak melakukan satu pun dari keduanya. Harga yang dibayar untuk keamanan itu diuraikan di bawah, dan dua yang pertama diumumkan pada barisnya alih-alih dibiarkan untuk Anda sadari sendiri.

• Apa pun yang ditunjuk berkasnya di luar dirinya sendiri tidak akan dimuat — gambar tertaut, lembar gaya, atau fon. Itu berlaku untuk alamat di web dan sama berlakunya untuk berkas yang tergeletak di folder yang sama; yang kedua jauh lebih umum sekaligus menjadi alasan mengapa pemberitahuannya mengatakan bagian-bagian itu tidak akan dimuat alih-alih mengatakan bahwa bagian itu berada jauh di tempat lain. Apa pun kegunaannya dulu, bagian itu hilang dari hasilnya, dan cara membetulkannya adalah menanamkannya ke dalam gambarnya lalu mengonversinya lagi.
• Teks digambar dengan fon yang terpasang di mesin ini. Hurufnya ada di dalam hasilnya dan tampak benar bagi Anda, tetapi berkas yang sama yang diubah menjadi piksel di komputer lain bisa memilih rupa huruf yang berbeda dan keluar sebagai gambar yang berbeda. Kalau bentuk hurufnya yang persis itu penting, ubahlah teksnya menjadi jalur di program yang menggambar berkas itu, dan sesudah itu tidak ada apa pun lagi yang perlu dicari.
• Apa pun yang dilakukan gambarnya seiring waktu tidak ada di dalam hasilnya. Keluarannya adalah gambar diam pada setiap format yang ditawarkan, jadi berkas yang menganimasikan dirinya sendiri hanya menyumbangkan satu saat yang tergambar, dan tidak ada bagian interaktif yang ikut terbawa.

Ada dua batas pada keluarannya yang lebih baik dinyatakan terus terang daripada dibiarkan untuk ditemukan sendiri. PNG-nya ditulis oleh kompresor bawaan peramban, yang lumayan tetapi tidak menyeluruh, sehingga pengoptimal khusus masih bisa mengikis sepotong lagi dari berkasnya tanpa mengubah satu pikselnya; dan WebP-nya adalah enkode dengan kehilangan data pada setiap pengaturan, karena peramban sama sekali tidak bisa dimintai mode tanpa kehilangan data milik format itu. Keduanya bisa saja diangkat dengan menyertakan pengenkode sungguhan yang dikompilasi agar berjalan di dalam halaman, dan alat ini sengaja tidak melakukannya — itu beberapa ratus kilobita yang harus diunduh setiap pengunjung supaya sebagian dari mereka mendapat berkas yang sedikit lebih kecil, di situs tempat setiap halaman lainnya bekerja begitu ditampilkan. Khusus di halaman ini, manfaat pengenkode semacam itu pun lebih sedikit daripada yang tampak: pengubahan menjadi piksel di sini adalah penggambaran vektor Anda oleh peramban itu sendiri, dan pengenkode tidak bisa mengubah cara gambar itu digambar.

Apa yang diberitahukan setiap baris tentang gambar vektor Anda, dan kapan ia menolak

Pengonversi yang bekerja dalam diam adalah sebab seseorang berakhir dengan logo di atas latar hitam, atau dengan gambar yang kehilangan gambar yang tadinya ia tunjuk, lalu baru mengetahuinya beberapa hari kemudian dan di tempat lain. Setiap baris di sini membawa keterangan pendek tentang apa yang sebenarnya dilakukan terhadap berkas itu — dan sama sekali tidak membawa apa-apa ketika tidak ada hal yang perlu disebut, dan justru itulah yang membuat pemberitahuannya layak diperhatikan. Gambar vektor bertemu dengan kumpulan pemberitahuan yang berbeda daripada foto, dan tiga pemberitahuan alat ini sama sekali tidak bisa berlaku untuknya: gambar vektor tidak punya keterangan kamera untuk dibuang, tidak punya catatan tentang sisi mana yang seharusnya di atas, dan tidak punya bingkai untuk dihilangkan.

• Ada yang ditunjuk gambarnya dan tidak akan dimuat. Ini muncul untuk berkas yang mengacu ke gambar, lembar gaya, atau fon yang tidak berada di dalamnya, baik lewat alamat maupun lewat lokasi berkas di sampingnya, dan inilah penjelasan bagi hasil yang keluar dengan satu bagian yang hilang.
• Teksnya digambar dengan fon yang ada di mesin ini. Ini hanya muncul ketika gambarnya benar-benar menaruh huruf di atas kanvas, jadi berkas yang di dalamnya ada elemen teks kosong tidak mengatakan apa-apa, dan gambar yang sama sekali tidak memuat teks pun tidak mengatakan apa-apa.
• Transparansi diratakan, dan ke warna apa. Mengonversi ke JPG mengharuskan sesuatu diletakkan di belakang gambarnya, dan kendali warna muncul begitu ada berkas dalam daftar Anda yang benar-benar membutuhkannya. Pemberitahuan ini diukur, bukan diandaikan: ia menunggu sampai piksel yang benar-benar tembus pandang ditemukan pada gambar yang sudah digambar, sehingga gambar yang karyanya sendiri menutupi seluruh bidangnya dikonversi ke JPG tanpa mengatakan apa pun tentang hal itu.
• Nama dan isinya tidak cocok. Formatnya ditentukan dari isi berkasnya dan tidak pernah dari ekstensinya, jadi gambar yang oleh seseorang disimpan dengan akhiran yang keliru tetap dibaca dan dikonversi dengan benar sebagai SVG sebagaimana adanya — dan Anda diberi tahu, karena itu hal yang benar tentang berkas Anda yang mungkin tidak Anda ketahui.
• WebP pada pengaturan ini tetap merupakan enkode dengan kehilangan data. Mengubah gambar vektor menjadi piksel lalu meminta ujung paling atas kendali kualitas terasa seolah yang kembali seharusnya persis apa yang digambar, padahal bukan — keyakinan itulah yang diluruskan pemberitahuan ini, dan karena itu ia muncul di sana dan tidak pada posisi mana pun yang lebih rendah.

Ketika berkas sama sekali tidak bisa dikonversi, alat ini mengatakan mengapa alih-alih menghasilkan sesuatu. Berkas yang bukan satu pun dari format yang dibacanya disebutkan namanya lalu ditolak; begitu pula berkas yang formatnya memang didukung tetapi bagian awalnya tidak bisa dibaca — untuk gambar vektor itu berarti tag pembukanya, satu-satunya yang dimiliki vektor sebagai tajuk. Berkas berupa halaman web yang di dalamnya ada gambar vektor bukanlah berkas gambar dan ditolak sebagai berkas gambar, begitu pula gambar vektor yang ternyata tidak sanggup digambar oleh peramban Anda, sebaik apa pun tampaknya dari luar. Tidak ada yang diterka, dan tidak ada yang setengah jadi diserahkan kembali seolah-olah sudah selesai.

Penolakan yang paling mungkin Anda temui di sini adalah penolakan soal ukuran, dan itu fakta tentang halaman ini, bukan tentang berkas Anda: pengali hanya sejauh satu klik, gambar vektor dengan senang hati dimintai ukuran berapa pun, dan tidak ada apa pun di dalam vektor yang menahan Anda. Yang menahan Anda adalah peramban, yang hanya sanggup memegang gambar sampai luas tertentu — luas yang berbeda di ponsel dan di desktop, dan berbeda lagi antara dua peramban di mesin yang sama. Melewatinya sama sekali tidak memunculkan galat, hanya gambar kosong berukuran beberapa kilobita yang tampak seperti konversi yang sudah selesai sampai ada yang membukanya. Karena itu alat ini menuliskan satu piksel yang nilainya sudah diketahui ke dalam gambar pada ukuran yang Anda minta lalu langsung membacanya kembali, sebelum satu bentuk pun digambar; kalau piksel itu tidak kembali, yang Anda terima adalah penolakan berisi ukurannya, dan bukan berkas. Tidak ada apa pun di mana pun yang dibandingkan dengan angka tetap, jadi batas yang Anda temui adalah batas perangkat Anda sendiri, dan tidak pernah batas yang dipilih untuk orang lain.

Mengapa gambar vektor Anda tidak pernah keluar dari tab ini

Gambar vektor membocorkan lebih banyak daripada foto, karena gambar vektor adalah berkas teks dan bisa dibaca. Nama-nama lapisannya, nama orang yang mengekspornya, komentar yang ditinggalkan seseorang di dalamnya, alamat setiap bagian yang ditunjuknya: semua itu tertulis terang-terangan di dalam berkasnya, dan tidak satu pun darinya pergi ke mana-mana. Berkas SVG Anda dibaca oleh tab peramban ini dan diubah menjadi piksel oleh prosesor mesin Anda sendiri. Di ujung lain halaman ini tidak ada server yang bisa menerima berkas semacam itu, jadi ini adalah gambaran tentang bahan pembentuk alatnya, bukan janji tentang cara alatnya dijalankan.

Beberapa detik di panel jaringan pada alat pengembang peramban Anda sudah menutup persoalannya, dan untuk gambar vektor ada dua hal yang perlu diperhatikan, bukan satu. Tidak ada yang keluar membawa berkas Anda, dan tidak ada pula yang keluar atas nama berkasnya, sebanyak apa pun alamat yang tertulis di dalamnya. Setelah termuat, halaman ini hanyalah beberapa berkas statis tanpa kode yang berjalan di tempat lain, jadi Anda bisa memutus sambungan jaringan sepenuhnya dan terus mengubah gambar menjadi piksel selama yang Anda mau.

• Gambar vektor yang tidak akan Anda kirimkan kepada orang asing — logo yang belum diumumkan, denah bangunan, diagram sesuatu yang bersifat internal — bisa diubah menjadi piksel di sini tanpa sedikit pun keluar dari mesin Anda.
• Apa yang keluar dari pengubahan menjadi piksel itu tersimpan di tab ini sampai Anda menyimpannya, dan menutup tabnya adalah seluruh cara menghapusnya. Baik gambar vektor yang Anda bawa maupun gambar piksel yang dibuat darinya tidak diingat dari satu kunjungan ke kunjungan berikutnya.
• Gambar vektor yang datang dari tempat yang tidak sepenuhnya Anda percayai pun aman dibuka di sini, karena tidak ada apa pun di dalamnya yang dijalankan dan tidak ada apa pun yang ditunjuknya yang diambil. Mengubahnya menjadi piksel sekaligus merupakan cara membersihkannya: yang Anda unduh adalah piksel, dan piksel tidak bisa meminta apa-apa.