Veb dizaynda istifadə olunan məşhur şəkil formatları hansılardır?

• Raster (Raster şəkillər):
  • JPEG (.jpg, .jpeg): Fotoşəkillər üçün yaxşıdır, itki ilə sıxışdırmanı dəstəkləyir. Şəffaflığı dəstəkləmir.
  • PNG (.png): Şəffaflığı (alfa-kanal) dəstəkləyir. PNG-8 sadə şəkillər üçün, PNG-24 daha yüksək keyfiyyətli və tam rəng gamutuna malikdir. İtki olmadan sıxışdırma.
  • GIF (.gif): Animasiya və şəffaflığı dəstəkləyir. 256 rənglə məhdudlaşdırılıb. Sadə animasiyalar və ikonlar üçün istifadə olunur.
  • WebP (.webp): Google tərəfindən hazırlanıb. İtki ilə və itkisiz sıxışdırma, animasiya və şəffaflığı dəstəkləyir. Ümumiyyətlə JPEG və PNG ilə müqayisədə daha kiçik ölçüdə olur və oxşar keyfiyyətdədir.
• Vektor (Vektor şəkillər):
  • SVG (.svg): Keyfiyyət itkisiz ölçüləndirilə bilər. Logo, ikon və qrafiklər üçün mükəmməldir. XML əsasında.

Format	Növ	Şəffaflıq	Animasiya	Sıxışdırma	Ən yaxşı tətbiq
JPEG	Raster	Yox	Yox	İtkili	Fotoşəkillər
PNG	Raster	Bəli	Yox	İtkisiz	Şəffaflıq olan şəkillər, qrafiklər
GIF	Raster	Bəli (sadə)	Bəli	İtkisiz	Sadə animasiyalar, ikonlar
WebP	Raster	Bəli	Bəli	İtkili/İtkisiz	Ümumi istifadə üçün
SVG	Vektor	Bəli	Bəli (CSS/JS)	İtkisiz	Logo, ikonlar, qrafiklər

Format seçimi şəkil növünə, keyfiyyət tələblərinə, şəffaflıq və animasiya dəstəyinə və lazım olan fayl ölçüsünə bağlıdır. <picture> və ya <img> tagında srcset atributundan istifadə edərək, brauzer dəstəyinə görə müxtəlif formatlar (məsələn, WebP və JPEG) təklif etmək və performansı optimallaşdırmaq mümkündür.