---
title: Grafiken im Internet
slug: Web/Guide/Graphics
tags:
  - 2D
  - 3D
  - Canvas
  - Grafiken
  - HTML5
  - SVG
  - Web
  - WebGL
  - WebRTC
translation_of: Web/Guide/Graphics
---
<p><span class="seoSummary">Moderne Websites und Webanwendungen müssen oft Grafiken darstellen.</span> Statische Bilder können leicht mit einem {{HTMLElement("img")}}-Element oder als Hintergrund eines Elements mit der {{cssxref("background-image")}} Eigenschaft angezeigt werden. Oft will man aber Grafiken auf die Schnelle erzeugen oder Bilder im Nachhinein manipulieren. <span class="seoSummary">Diese Artikel bieten einen Einblick, wie das erreicht werden kann.</span></p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">2D-Grafiken</h2>

<dl>
 <dt><a href="/en-US/docs/HTML/Canvas">Canvas</a></dt>
 <dd><em>Das {{HTMLElement("canvas")}}-Element bietet </em><em>APIs zum Zeichnen von 2D-Grafiken mithilfe von JavaScript.</em></dd>
 <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
 <dd><em>Mit skalierbaren Vektorgraphiken (SVG) kannst du Linien, Kurven und andere geometrische Figuren anzeigen. Durch Vermeidung von Pixelgrafiken sind diese in jeder Größe gestochen scharf.</em></dd>
</dl>

</div>

<div class="section">
<h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">3D-Grafiken</h2>

<dl>
 <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
 <dd><em>Eine Anleitung für den Einstieg in WebGL, die API für 3D-Grafiken im Internet. Mit dieser Technologie kannst du Standard OpenGL ES in Webinhalten nutzen.</em></dd>
</dl>

<h2 id="Video">Video</h2>

<dl>
 <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">HTML5 Audio und Video</a></dt>
 <dd><em>Videos in HTML-Dokumente einbetten und die Wiedergabe kontrollieren.</em></dd>
 <dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt>
 <dd><em>Das RTC aus WebRTC steht für "Real-Time Communications", eine Technologie zum Streamen von Audio, Video und anderen Daten zwischen Browser-Clients (Peers).</em></dd>
</dl>
</div>
</div>

<p> </p>