تصاویر و favicon

تصویر

<img src="logo.png" alt="لوگوی آرنا" width="120">

• src مسیر فایل، alt متن جایگزین (حیاتی!)، تگ خودبسته.

چرا alt مهم است؟

۱) دسترس‌پذیری (نابینایان می‌شنوند) ۲) سئو (گوگل تصویر را «نمی‌بیند») ۳) اگر فایل نیامد، نمایش داده می‌شود. برای تصویر تزئینی alt="" بگذار.

تصویر با توضیح

<figure>
  <img src="chart.png" alt="نمودار رشد">
  <figcaption>رشد کاربران</figcaption>
</figure>

فرمت‌ها

JPG (عکس)، PNG (شفاف/لوگو)، SVG (برداری، بی‌افت)، WebP (سبک و مدرن).

Favicon — آیکون تب مرورگر

آیکون کوچکی که در تب و بوکمارک دیده می‌شود:

<link rel="icon" href="/favicon.svg" type="image/svg+xml">

تصاویر بهینه = سرعت بالا = سئوی بهتر.