---
title: Графіка для Web
slug: Web/Guide/Графіка
tags:
  - 2D
  - 3D
  - Canvas
  - HTML5
  - SVG
  - WebGL
  - WebRTC
  - Веб
  - Графіка
translation_of: Web/Guide/Graphics
---
<p><span class="seoSummary">Сучасним сайтам і веб-додаткам потрібне відображення графіки.</span> Статичні зображення легко зобразити використовуючи елемент {{HTMLElement("img")}}, чи налаштувати фон HTML елементів використовуючи властивість {{cssxref("background-image")}}. Ви також можете конструювати графіку на льоту, або модифікувати її після. <span class="seoSummary">В статтях далі сказано як це можна зробити.</span></p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="2D_Графіка">2D Графіка</h2>

<dl>
 <dt><a href="/en-US/docs/HTML/Canvas">Canvas</a></dt>
 <dd>Елемент {{HTMLElement("canvas")}} надає зручні API для малювання 2D графіки використовуючи JavaScript.</dd>
 <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
 <dd>Scalable Vector Graphics (SVG) дозволяє використовувати лінії, криві, та інші геометричні фігури для рендерингу графіки. З векторів, ви можете створювати зображення які не втрачають якості при маштабуванні.</dd>
</dl>

<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">Переглянути все...</a></span></p>
</div>

<div class="section">
<h2 class="Documentation" id="3D_Графіка">3D Графіка</h2>

<dl>
 <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
 <dd>Посібник для початку роботи з WebGL, API для роботи з 3D графікою в веб. Ця технологія дає вам можливість використовувати стандартний OpenGL ES в Web контенті.</dd>
</dl>

<h2 id="Відео">Відео</h2>

<dl>
 <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Використання HTML5 аудіо і відео</a></dt>
 <dd>Вбудовування відео і/або аудіо в веб-сторінки і керування відтворенням.</dd>
 <dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt>
 <dd>RTC в WebRTC означає Real-Time Communications (комунікація в реальному часі), технологія яка дозволяє передавати потокове аудіо/відео і дані між кліентами браузера (пірами).</dd>
</dl>
</div>
</div>