Lihat SVGs

Lihat gambar apa pun di browser Anda. Ukuran file hingga 2.5GB. Gratis, selamanya.

Semua lokal

Konverter kami berjalan di browser Anda, jadi kami tidak pernah melihat data Anda.

Sangat cepat

Tidak perlu mengunggah file Anda ke server—konversi dimulai seketika.

Aman secara default

Berbeda dengan konverter lain, file Anda tidak pernah diunggah ke kami.

Apa itu format SVG?

Grafik Vektor Skalable

Scalable Vector Graphics (SVG) adalah bahasa markup yang banyak digunakan untuk mendeskripsikan grafik dua dimensi dalam XML. Tidak seperti format grafik raster seperti JPEG, PNG, atau GIF, yang menyimpan gambar sebagai kumpulan piksel individual, SVG bekerja dengan mendefinisikan bentuk, garis, dan warna melalui rumus matematika. Perbedaan mendasar ini memungkinkan file SVG diskalakan ke ukuran apa pun tanpa kehilangan kualitas, menjadikannya ideal untuk desain web responsif, ilustrasi kompleks, dan logo yang perlu mempertahankan ketajaman di berbagai perangkat dan resolusi.

Grafik SVG terdiri dari bentuk vektor seperti lingkaran, persegi panjang, poligon, dan jalur yang dijelaskan oleh titik-titik dalam ruang 2D, bersama dengan goresan, isian, dan properti visual lainnya yang didefinisikan menggunakan bahasa markup SVG. Setiap elemen dan atribut dalam file SVG secara langsung berhubungan dengan bagian dari model rendering SVG, memungkinkan kontrol yang sangat rinci atas tampilan grafik. File SVG dapat dibuat dan diedit dengan editor teks apa pun, karena merupakan file teks biasa, dan juga dapat dibuat dan dimanipulasi secara terprogram menggunakan berbagai pustaka perangkat lunak.

Salah satu fitur utama SVG adalah antarmuka DOM-nya. Gambar SVG dapat disematkan langsung ke dalam dokumen HTML, dan karena menjadi bagian dari Document Object Model (DOM), gambar tersebut dapat berinteraksi seperti elemen HTML. Integrasi ini memungkinkan perubahan dinamis pada properti gambar SVG melalui JavaScript dan CSS, memungkinkan animasi, interaktivitas, dan pembaruan langsung pada grafik. Misalnya, warna, ukuran, atau posisi elemen SVG dapat diubah sebagai respons terhadap interaksi pengguna, seperti gerakan atau klik mouse, atau perubahan data yang direpresentasikan oleh grafik.

SVG mendukung beragam efek grafis, termasuk gradien, pola, jalur kliping, dan topeng, yang menyediakan banyak opsi untuk membuat presentasi visual yang kompleks. SVG juga menyertakan efek filter, seperti pengaburan, manipulasi warna, dan bayangan, yang didefinisikan dengan cara yang mirip dengan filter CSS tetapi dirancang khusus untuk grafik vektor. Efek ini memungkinkan pengembang dan desainer untuk menerapkan peningkatan visual yang canggih langsung dalam markup SVG, sehingga memungkinkan untuk mencapai ilustrasi detail dan hasil akhir bertekstur tanpa menggunakan gambar raster.

Interaktivitas dan animasi adalah salah satu penggunaan SVG yang paling menarik. Dengan elemen <animate>, <set>, dan <animateTransform>, SVG menyediakan sintaks deklaratif untuk menganimasikan atribut dan properti grafik dari waktu ke waktu. Selain itu, integrasi SVG dengan JavaScript memperluas kemampuan animasinya, memungkinkan animasi yang lebih kompleks dan interaktif yang bereaksi terhadap input pengguna atau peristiwa dinamis lainnya. Kombinasi kemampuan ini memungkinkan pembuatan aplikasi web yang menarik, visualisasi data, dan infografis interaktif yang dapat memanfaatkan kekuatan penuh teknologi web.

Aksesibilitas adalah keuntungan signifikan lainnya dari SVG. Teks dalam gambar SVG dapat dipilih dan dicari, berbeda dengan gambar raster di mana teks diratakan. Fitur ini tidak hanya meningkatkan pengalaman pengguna dengan memungkinkan pemilihan teks tetapi juga meningkatkan aksesibilitas dokumen, karena pembaca layar dapat menafsirkan dan membacakan teks yang terdapat dalam grafik SVG. Selain itu, SVG mendukung pengelompokan elemen semantik dan tag deskriptif, yang membantu menyampaikan struktur dan tujuan grafik ke teknologi bantu.

Optimalisasi dan kompresi sangat penting untuk kinerja web, dan file SVG menawarkan beberapa keuntungan di area ini. Karena berbasis teks, grafik SVG dapat dikompresi secara signifikan menggunakan GZIP, yang dapat sangat mengurangi ukuran file untuk waktu pemuatan yang lebih cepat. Selain itu, karena SVG berbasis vektor, sering kali membutuhkan penyimpanan yang lebih sedikit daripada gambar raster beresolusi tinggi, terutama untuk grafik atau ikon sederhana. Namun, verbositas XML dan potensi grafik yang terlalu kompleks atau tidak efisien dapat menyebabkan file SVG yang lebih besar dari yang diperlukan. Oleh karena itu, alat seperti SVGO (SVG Optimizer) biasanya digunakan untuk membersihkan dan mengoptimalkan file SVG, menghapus data dan pemformatan yang tidak perlu untuk membuat file sekompak mungkin.

SVG juga memainkan peran penting dalam desain web responsif. Mengingat skalabilitasnya, grafik SVG dapat dengan mudah beradaptasi dengan ukuran layar, resolusi, dan orientasi yang berbeda tanpa kehilangan kualitas atau masalah pikselasi. Desainer dapat mengontrol responsivitas gambar SVG melalui atribut dan CSS, memastikan bahwa grafik terlihat tajam dan jelas di semua perangkat, dari monitor desktop hingga ponsel cerdas. Skalabilitas yang inheren ini menjadikan SVG pilihan yang sangat baik untuk logo, ikon, dan grafik lainnya yang perlu mempertahankan integritas visual di berbagai konteks tampilan.

Meskipun memiliki banyak keuntungan, SVG bukannya tanpa tantangan dan keterbatasan. Misalnya, sementara SVG unggul dalam merepresentasikan elemen grafis seperti bentuk, garis, dan teks, SVG tidak cocok untuk gambar kompleks dengan ribuan warna dan gradien, seperti foto. Dalam kasus ini, format raster seperti JPEG atau PNG lebih sesuai. Selain itu, kinerja SVG dapat menurun saat menangani grafik yang sangat kompleks atau berisi banyak elemen, karena masing-masing harus dirender dan berpotensi dianimasikan atau berinteraksi.

Selain itu, kompatibilitas lintas-browser secara historis menjadi tantangan bagi SVG. Meskipun browser web modern telah meningkatkan dukungan mereka untuk SVG, inkonsistensi masih dapat terjadi dalam cara browser yang berbeda menafsirkan dan menampilkan konten SVG. Pengembang mungkin perlu menerapkan solusi atau pengganti untuk memastikan grafik mereka ditampilkan dengan benar di semua platform. Fitur aksesibilitas, meskipun kuat, memerlukan implementasi yang cermat untuk mendapatkan manfaat penuh dari kemampuan SVG, termasuk pelabelan dan penataan grafik yang tepat untuk teknologi bantu.

Integrasi SVG dengan standar web lainnya membuka berbagai kemungkinan bagi desainer dan pengembang web. SVG dapat ditata dengan CSS, memberi desainer kemampuan untuk menerapkan properti gaya yang sudah dikenal pada grafik vektor. SVG dapat dimanipulasi melalui JavaScript, memungkinkan perubahan dan interaksi yang dinamis. Selain itu, karena SVG berbasis XML, SVG dapat digunakan bersama dengan teknologi XML dan format data lainnya, seperti umpan RSS atau database XML. Integrasi ini menjadikan SVG alat yang ampuh untuk visualisasi data, memungkinkan pembuatan grafik dinamis berbasis data yang diperbarui secara real time.

Melihat ke masa depan, peran SVG dalam pengembangan web kemungkinan akan terus berkembang. Kemajuan dalam teknologi web dan meningkatnya permintaan akan grafik berkualitas tinggi, interaktif, dan responsif akan mendorong adopsi dan inovasi lebih lanjut dalam penggunaan SVG. Fitur dan kemampuan baru, seperti sintaks animasi yang ditingkatkan, fitur aksesibilitas yang lebih baik, dan optimalisasi kinerja yang ditingkatkan, kemungkinan akan dikembangkan, menjadikan SVG elemen yang lebih penting dari desain web modern.

Sebagai kesimpulan, SVG menawarkan serangkaian fitur yang kaya untuk membuat dan memanipulasi grafik vektor yang dapat diskalakan di web. Kemampuannya untuk diskalakan tanpa kehilangan kualitas, dikombinasikan dengan dukungan untuk interaktivitas, animasi, dan aksesibilitas, menjadikannya alat yang serbaguna bagi desainer dan pengembang. Meskipun ada beberapa tantangan, seperti kompatibilitas lintas-browser dan pertimbangan kinerja, manfaat SVG dalam hal skalabilitas, responsivitas, dan integrasi dengan teknologi web menjadikannya aset yang sangat berharga untuk menciptakan pengalaman online yang dinamis dan menarik secara visual.

Format yang didukung

AAI.aai

Gambar AAI Dune

AI.ai

Adobe Illustrator CS2

AVIF.avif

Format File Gambar AV1

AVS.avs

Gambar AVS X

BAYER.bayer

Gambar Bayer Mentah

BMP.bmp

Gambar bitmap Windows Microsoft

CIN.cin

File Gambar Cineon

CLIP.clip

Masker Klip Gambar

CMYK.cmyk

Contoh cyan, magenta, kuning, dan hitam mentah

CMYKA.cmyka

Contoh cyan, magenta, kuning, hitam, dan alpha mentah

CUR.cur

Ikon Microsoft

DCX.dcx

ZSoft IBM PC multi-page Paintbrush

DDS.dds

Microsoft DirectDraw Surface

DPX.dpx

Gambar SMTPE 268M-2003 (DPX 2.0)

DXT1.dxt1

Microsoft DirectDraw Surface

EPDF.epdf

Format Dokumen Portabel Terkapsulasi

EPI.epi

Format Interchange PostScript Terkapsulasi Adobe

EPS.eps

PostScript Terkapsulasi Adobe

EPSF.epsf

PostScript Terkapsulasi Adobe

EPSI.epsi

Format Interchange PostScript Terkapsulasi Adobe

EPT.ept

PostScript Terkapsulasi dengan pratinjau TIFF

EPT2.ept2

PostScript Level II Terkapsulasi dengan pratinjau TIFF

EXR.exr

Gambar berdynamik tinggi (HDR)

FARBFELD.ff

Farbfeld

FF.ff

Farbfeld

FITS.fits

Sistem Transportasi Gambar Fleksibel

GIF.gif

Format pertukaran grafis CompuServe

GIF87.gif87

Format pertukaran grafis CompuServe (versi 87a)

GROUP4.group4

CCITT Grup 4 Mentah

HDR.hdr

Gambar Berdynamik Tinggi

HRZ.hrz

Slow Scan TeleVision

ICO.ico

Ikon Microsoft

ICON.icon

Ikon Microsoft

IPL.ipl

Gambar Lokasi IP2

J2C.j2c

Codestream JPEG-2000

J2K.j2k

Codestream JPEG-2000

JNG.jng

Grafik Jaringan JPEG

JP2.jp2

Sintaks Format File JPEG-2000

JPC.jpc

Codestream JPEG-2000

JPE.jpe

Format JFIF Grup Ahli Fotografi Bersama

JPEG.jpeg

Format JFIF Grup Ahli Fotografi Bersama

JPG.jpg

Format JFIF Grup Ahli Fotografi Bersama

JPM.jpm

Sintaks Format File JPEG-2000

JPS.jps

Format JPS Grup Ahli Fotografi Bersama

JPT.jpt

Sintaks Format File JPEG-2000

JXL.jxl

Gambar JPEG XL

MAP.map

Database Gambar Seamless Multi-resolusi (MrSID)

MAT.mat

Format gambar level 5 MATLAB

PAL.pal

Pixmap Palm

PALM.palm

Pixmap Palm

PAM.pam

Format bitmap 2-dimensi umum

PBM.pbm

Format bitmap portabel (hitam dan putih)

PCD.pcd

Photo CD

PCDS.pcds

Photo CD

PCT.pct

Apple Macintosh QuickDraw/PICT

PCX.pcx

ZSoft IBM PC Paintbrush

PDB.pdb

Format ImageViewer Database Palm

PDF.pdf

Format Dokumen Portabel

PDFA.pdfa

Format Arsip Dokumen Portabel

PFM.pfm

Format float portabel

PGM.pgm

Format graymap portabel (skala abu-abu)

PGX.pgx

Format tak terkompresi JPEG 2000

PICON.picon

Ikon Pribadi

PICT.pict

Apple Macintosh QuickDraw/PICT

PJPEG.pjpeg

Format JFIF Kelompok Ahli Fotografi Bersama

PNG.png

Grafik Jaringan Portabel

PNG00.png00

PNG mewarisi bit-depth, tipe warna dari gambar asli

PNG24.png24

RGB 24-bit transparan atau biner (zlib 1.2.11)

PNG32.png32

RGBA 32-bit transparan atau biner

PNG48.png48

RGB 48-bit transparan atau biner

PNG64.png64

RGBA 64-bit transparan atau biner

PNG8.png8

Indeks 8-bit transparan atau biner

PNM.pnm

Anymap portabel

PPM.ppm

Format pixmap portabel (warna)

PS.ps

File Adobe PostScript

PSB.psb

Format Dokumen Besar Adobe

PSD.psd

Bitmap Adobe Photoshop

RGB.rgb

Contoh merah, hijau, dan biru mentah

RGBA.rgba

Contoh merah, hijau, biru, dan alpha mentah

RGBO.rgbo

Contoh merah, hijau, biru, dan opasitas mentah

SIX.six

Format Grafik DEC SIXEL

SUN.sun

Rasterfile Sun

SVG.svg

Grafik Vektor Skalable

SVGZ.svgz

Grafik Vektor Skalable Terkompresi

TIFF.tiff

Format File Gambar Bertag

VDA.vda

Gambar Truevision Targa

VIPS.vips

Gambar VIPS

WBMP.wbmp

Gambar Bitmap Nirkabel (level 0)

WEBP.webp

Format Gambar WebP

YUV.yuv

CCIR 601 4:1:1 atau 4:2:2

Pertanyaan yang sering diajukan

Bagaimana cara kerjanya?

Konverter ini berjalan sepenuhnya di browser Anda. Ketika Anda memilih sebuah file, file tersebut dibaca ke dalam memori dan dikonversi ke format yang dipilih. Anda kemudian dapat mengunduh file yang telah dikonversi.

Berapa lama waktu yang dibutuhkan untuk mengkonversi file?

Konversi dimulai seketika, dan sebagian besar file dikonversi dalam waktu kurang dari satu detik. File yang lebih besar mungkin membutuhkan waktu lebih lama.

Apa yang terjadi dengan file saya?

File Anda tidak pernah diunggah ke server kami. File tersebut dikonversi di browser Anda, dan file yang telah dikonversi kemudian diunduh. Kami tidak pernah melihat file Anda.

Jenis file apa yang bisa saya konversi?

Kami mendukung konversi antara semua format gambar, termasuk JPEG, PNG, GIF, WebP, SVG, BMP, TIFF, dan lainnya.

Berapa biaya yang harus saya bayar?

Konverter ini sepenuhnya gratis, dan akan selalu gratis. Karena berjalan di browser Anda, kami tidak perlu membayar untuk server, jadi kami tidak perlu mengenakan biaya kepada Anda.

Bisakah saya mengkonversi beberapa file sekaligus?

Ya! Anda dapat mengkonversi sebanyak mungkin file sekaligus. Cukup pilih beberapa file saat Anda menambahkannya.