Skip to Content

Masuk/Daftar

Cara Membuat Gambar Berformat SVG

Disusun bersama Shari Fairclough

Format scalable vector graphics (SVG) memungkinkan Anda membuat lebih banyak elemen interaktif pada halaman web, tanpa memakan lebar pita sebanyak format-format lain seperti JPEG atau GIF sehingga ideal untuk mendesain web. ^{[1]
X
Teliti sumber} Beberapa program ilustrasi digital seperti Adobe Illustrator menawarkan opsi format SVG. Selain itu, ada beberapa situs web konverter SVG daring yang menawarkan akses gratis ke layanan konversi. Artikel wikiHow ini akan menunjukkan kepada Anda cara membuat gambar berformat SVG.

Metode 1

Metode 1 dari 2:

Menggunakan Layanan Konverter Convertio JPG to SVG

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-460px-Create-Svg-Images-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-728px-Create-Svg-Images-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Buka peramban web dan kunjungi https://convertio.co/jpg-svg/ . Anda akan dibawa ke halaman konverter Convertio JPG to SVG yang bisa digunakan secara gratis.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-460px-Create-Svg-Images-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-728px-Create-Svg-Images-Step-2.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Di bagian atas menu konverter, Anda bisa melihat bilah peralatan berwarna merah yang menampilkan beragam sumber yang dapat diakses untuk mengunggah berkas JPG. Berkas tersebut nantinya akan dikonversi ke dalam format SVG.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-460px-Create-Svg-Images-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-728px-Create-Svg-Images-Step-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Setelah memilih sumber, kotak dialog akan ditampilkan dan membuat pustaka folder komputer. Pada kotak ini, akses folder penyimpanan berkas gambar yang Anda ingin konversi dan pilih berkas tersebut.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-460px-Create-Svg-Images-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-728px-Create-Svg-Images-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Setelah berkas diunggah, tombol merah akan ditampilkan di pojok kanan bawah jendela menu. Proses konversi akan dimulai dan memakan waktu beberapa menit, tergantung pada ukuran berkas.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-460px-Create-Svg-Images-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-728px-Create-Svg-Images-Step-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Setelah berkas selesai dikonversi, tombol biru akan ditampilkan di samping kanan nama berkas pada menu konverter. Klik tombol untuk mengunduh gambar ke komputer sebagai berkas SVG.

Iklan

Metode 2

Metode 2 dari 2:

Menggunakan Adobe Illustrator

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-460px-Create-Svg-Images-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-728px-Create-Svg-Images-Step-6.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Adobe Illustrator adalah aplikasi desain grafis yang memungkinkan Anda untuk membuat karya seni sendiri menggunakan beragam peralatan dan fitur.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-460px-Create-Svg-Images-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-728px-Create-Svg-Images-Step-7.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Setelah jendela Illustrator dibuka, Anda bisa memilih peralatan apa pun dari bilah peralatan di sisi kiri layar untuk memulai proses desain gambar.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-460px-Create-Svg-Images-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-728px-Create-Svg-Images-Step-8.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Jika Anda ingin menambahkan efek sendiri pada gambar, pilih layer dan klik “ Effect ” > “ SVG Filters ” > “ Apply SVG Filter ”. Setelah itu, cukup klik tombol “ Edit SVG Filter ”, sunting kode bawaan, dan klik “ OK ” untuk menyimpan efek SVG.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-460px-Create-Svg-Images-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-728px-Create-Svg-Images-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Tab ini berada di pojok kiri atas layar.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-460px-Create-Svg-Images-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-728px-Create-Svg-Images-Step-10.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

5
Pilih Export pada menu. Agar berkas SVG siap dilihat dan digunakan di luar Illustrator, Anda perlu mengekspornya.
- Anda juga bisa memilih “ Save As... ”. Namun, prosedur ini akan menyimpan gambar yang dapat dilihat dan disunting melalui Illustrator saja.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-460px-Create-Svg-Images-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-728px-Create-Svg-Images-Step-11.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

6
Klik Export As... . Menu baru akan dibuka dan Anda dapat mengekspor berkas dari Illustrator ke dalam format yang diinginkan.
- Anda juga bisa memilih “ Export for Screens... ” untuk menyimpan berkas SVG dalam format yang bisa diakses melalui perangkat iOS atau Android.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-460px-Create-Svg-Images-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-728px-Create-Svg-Images-Step-12.jpg","smallWidth":460,"smallHeight":349,"bigWidth":728,"bigHeight":552,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Illustrator menawarkan beragam jenis berkas yang Anda dapat pilih, termasuk berkas SVG untuk web.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-460px-Create-Svg-Images-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-728px-Create-Svg-Images-Step-13.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Gambar sekarang sudah siap digunakan sebagai berkas SVG.

Iklan

wikiHow Terkait

Iklan

Referensi

↑ https://helpx.adobe.com/illustrator/using/svg.html

Tentang wikiHow ini

Disusun bersama :

Shari Fairclough

Artikel ini disusun bersama Shari Fairclough, salah satu tim penyusun artikel kami. Penyusun artikel wikiHow bekerja sama dengan penyunting untuk memastikan konten kami seakurat dan selengkap mungkin. Artikel ini telah dilihat 8.185 kali.

Daftar kategori: Perangkat Lunak Grafis

Cetak

Halaman ini telah diakses sebanyak 8.185 kali.

Apakah artikel ini membantu Anda?

Iklan

-

-

341

.mwimg a.image{display:none}#header_logo{display:none}#cse-search-box{display:none}#cse-search-box-noscript{display:block !important}#cse-search-box-noscript .cse_q{color:#FFF;background-color:#B3CE9C}.wh_search .cse_q{width:88%}#mw-mf-main-menu-button{display:none;visibility:hidden}.header .search{display:none}#search_footer .cse_sa{background-image:url(/extensions/wikihow/mobile/images/white_mag.png);background-size:22px}.related_box{display:block;background:#EEE;border:5px solid #FFF;vertical-align:bottom;width:127px;background-size:180px;float:left;height:120px;position:relative}.related_box p{line-height:15px !important;font-size:13px;background-color:rgba(67,95,44,.4);color:#FFF;font-weight:bold;padding:8px;margin:0 !important;position:absolute;bottom:0}#noscript_header_logo{display:table-cell;vertical-align:middle;background-position:50% 77%;background-repeat:no-repeat;background-image:url(/extensions/wikihow/mobile/images/wikihow_logo_230.png);background-size:105px;width:auto;height:51px;padding:0 14px}.articleinfo{display:none}#iorg_free_data{z-index:50;width:100%;position:fixed}#ara_recommendations{display:none}

Design a Mobile Website

View Site in Mobile | Classic

Share by: