---
title: Grafiki na stronach
slug: Web/Guide/Graphics
tags:
  - 2D
  - 3D
  - Canvas
  - Graphics
  - NeedsTranslation
  - TopicStub
  - Web
  - WebGL
translation_of: Web/Guide/Graphics
---
<p><span class="seoSummary">Nowoczesne strony czy też aplikacje internetowe często muszą prezentować pewne grafiki.</span> Dopóki proste wyświetlenie obrazka można wykonać za pomocą elementu {{HTMLElement("img")}}, albo ustawiając tło elementu HTML poprzez atrybut {{cssxref("background-image")}}, to często i tak zachodzi potrzeba generowania grafiki w locie albo manipulowania wyświetlonymi już obrazami. Poniże artykuły wprowadzą Ciebie głębiej w realizowanie tych czynności.</p>
<div class="row topicpage-table">
 <div class="section">
  <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Grafika 2D</h2>
  <dl>
   <dt>
    <a href="/en-US/docs/Web/Guide/Graphics/Drawing_graphics_with_canvas">Rysowanie grafiki z elementem canvas</a></dt>
   <dd>
    Przewodnik wprowadzający do użycia elementu {{HTMLElement("canvas")}}, by rysować grafikę 2D w przeglądarce.</dd>
   <dt>
    <a href="/en-US/docs/SVG">SVG</a></dt>
   <dd>
    Scalable Vector Graphics (SVG) pozwala używać linii, krzywych oraz innych kształtów by wyświetlać grafikę. Unikając bitmap możesz generować obrazki, które bez problemów przeskalujesz do dowolnego rozmiaru.</dd>
  </dl>
 </div>
 <div class="section">
  <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Grafika 3D</h2>
  <dl>
   <dt>
    <a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
   <dd>
    Przewodnik, który ułatwi Tobie zaczęcie pracy z WebGL. Technologia ta umożliwia użycie standardu OpenGL ES prosto w przeglądarce.</dd>
  </dl>
 </div>
</div>
<p> </p>