Kokie populiarūs vaizdo formatų naudojami interneto dizaino?

• Rasteriniai (Rastriniai):
  • JPEG (.jpg, .jpeg): Tinka nuotraukoms, palaiko praradimų suspaudimą. Nepalaiko skaidrumo.
  • PNG (.png): Palaiko skaidrumą (alfa kanalą). PNG-8 tinka paprastoms vaizdų su palete, PNG-24 – aukštesnės kokybės ir pilnos spalvų paletės vaizdams. Be praradimų suspaudimas.
  • GIF (.gif): Palaiko animaciją ir skaidrumą. Apribotas iki 256 spalvų. Naudojamas paprastoms animacijoms ir piktogramoms.
  • WebP (.webp): Sukurtas Google. Palaiko praradimų ir be praradimų suspaudimą, animaciją ir skaidrumą. Dažnai mažesnis dydis panašios kokybės atveju lyginant su JPEG ir PNG.
• Vektoriniai (Vektoriniai):
  • SVG (.svg): Mastelis be kokybės praradimo. Puikiai tinka logotipams, ikonoms, grafikoms. Pagrįstas XML.

Formatą	Tipas	Skaidrumas	Animacija	Suspaudimas	Geriausias taikymas
JPEG	Rastrinis	Nėra	Nėra	Su praradimais	Nuotraukoms
PNG	Rastrinis	Taip	Nėra	Be praradimų	Vaizdams su skaidrumu, grafika
GIF	Rastrinis	Taip (paprastas)	Taip	Be praradimų	Paprastoms animacijoms, ikonoms
WebP	Rastrinis	Taip	Taip	Su praradimais/be praradimų	Universalus
SVG	Vektoriniai	Taip	Taip (CSS/JS)	Be praradimų	Logotipams, ikonoms, grafikoms

Formato pasirinkimas priklauso nuo vaizdo tipo, kokybės reikalavimų, skaidrumo ir animacijos palaikymo, taip pat reikalingo failo dydžio. Naudojant <picture> arba srcset atributą <img> žymoje leidžia siūlyti skirtingus formatus (pavyzdžiui, WebP ir JPEG) priklausomai nuo naršyklės palaikymo, siekiant optimizuoti našumą.