---
title: SVG
slug: Glossary/SVG
tags:
  - Glossary
  - Graphics
  - SVG
translation_of: Glossary/SVG
---
<p><em>Scalable Vector Graphics</em> (<strong>SVG</strong>) merupakan format gambar vektor 2D berbasis sintaks {{Glossary("XML")}}.</p>

<p>{{Glossary("W3C")}} mulai mengerjakan SVG pada akhir 1990s, namun SVG baru menjadi populer ketika {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9 keluar dengan dukungan SVG. Semua {{Glossary("browser","browsers")}} sekarang mendukung SVG.</p>

<p>Berbasis pada sintaks {{Glossary("XML")}}, SVG dapat diberikan gaya dengan menggunakan {{Glossary("CSS")}} dan dibuat semakin interaktif dengan menggunakan {{Glossary("JavaScript")}}. HTML5 saat ini memungkinkan <em>direct embedding</em> pada <em>{{Glossary("Tag","tags")}}</em> SVG pada dokumen {{Glossary("HTML")}}.</p>

<p>Sebagai sebuah <a href="http://en.wikipedia.org/wiki/Vector_graphics" rel="external">format gambar vektor</a>, grafis SVG dapat dirubah skalanya tanpa batas, sehingga membuat SVG sangat berharga dalam <em>{{Glossary("responsive design")}}</em>, karena Anda dapat membuat antarmuka elemen dan grafis yang dapat menyesuaikan pada segala ukuran layar. SVG juga menyediakan banyak alat-alat yang berguna, seperti <em>clipping</em>, <em>masking</em>, <em>filter</em>, dan animasi.</p>

<h2 id="Pelajari_juga">Pelajari juga</h2>

<h3 id="Pengetahuan_umum">Pengetahuan umum</h3>

<ul>
 <li>{{Interwiki("wikipedia", "SVG")}} di Wikipedia</li>
</ul>

<h3 id="Belajar_SVG">Belajar SVG</h3>

<ul>
 <li><a href="http://learnsvg.com/" rel="external">http://learnsvg.com</a></li>
</ul>

<h3 id="Informasi_teknis">Informasi teknis</h3>

<ul>
 <li><a href="/id/docs/Web/SVG">Dokumentasi SVG di MDN</a></li>
 <li><a href="http://www.w3.org/TR/SVG/" rel="external">Spesifikasi terakhir SVG</a></li>
</ul>