---
title: گرافیک در وب
slug: Web/Guide/Graphics
tags:
  - 2D
  - 3D
  - Canvas
  - Graphics
  - NeedsTranslation
  - TopicStub
  - Web
  - WebGL
translation_of: Web/Guide/Graphics
---
<p dir="rtl">اغلب سایت‌ها و برنامه‌های جدید نیاز به نمایش گرافیک‌ها را دارند<span class="seoSummary">.</span> در حالی که نمایش عکس‌های ثابت می‌تواند به سادگی از طریق استفاده از المان {{HTMLElement("img")}} استفاده شود، یا با تنظیم عکس پشت زمبنه المان‌های HTML با استفاده از خصوصیت {{cssxref("background-image")}} . شما اغلب می‌خواهید که عکس‌ها را آزاد ایجاد کنید، یا بعد از این دستکاری کنید. <span class="seoSummary">این مقاله بینشی برای نحوه چگونگی انجام آن را برای شما فراهم می‌کند.</span></p>
<div class="row topicpage-table" dir="rtl">
 <div class="section">
  <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">گرافیک‌های 2D</h2>
  <dl>
   <dt>
    <a href="/en-US/docs/Web/Guide/Graphics/Drawing_graphics_with_canvas">ترسیم گرافیک‌ها با بوم نقاشی</a></dt>
   <dd>
    راهنمای مقدماتی برای استفاده از المان {{HTMLElement("canvas")}} جهت رسم گرافیک‌های 2D.</dd>
   <dt>
    <a href="/en-US/docs/SVG">SVG</a></dt>
   <dd>
    گرافیک برداری مقیاس‌پذیر (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="Docs_for_add-on_developers" name="Docs_for_add-on_developers">گرافیک‌های 3D</h2>
  <dl>
   <dt>
    <a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
   <dd>
    یک راهنما برای شروع با WebGL، APIهای گرافیکی 3D برای وب است. این تکنولوژی به شما اجازه استفاده از  OpenGL ES استاندارد در محتوی وب را می‌دهد.</dd>
  </dl>
 </div>
</div>
<h2 dir="rtl" id="تصویر">تصویر</h2>
<dl>
 <dt dir="rtl">
  <a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">استفاده از صدا و تصویر HTML5</a></dt>
 <dd dir="rtl">
  تصویر تعبیه شده در اسناد HTML و کنترل بازپخش آن.</dd>
 <dt dir="rtl">
  <a href="/en-US/docs/WebRTC">WebRTC</a></dt>
 <dd dir="rtl">
  RTC درWebRTC به معنای ارتباطات بلادرنگ است، تکنولوژی است که به اشتراک گذاری جریان صوت/تصویر بین مرورگرهای سرویس گیرنده ها را امکان پذیر می کند (جفت ها).</dd>
</dl>