Ի՞նչ հանրահայտ պատկերների ֆորմատներ են օգտագործվում վեբ դիզայնում։

• Ռաստր (Ռաստրային պատկերներ):
  • JPEG (.jpg, .jpeg): Լավ է լուսանկարների համար, աջակցում է կորուստներով սեղմում: Չի աջակցում թափանցիկությանը:
  • PNG (.png): Աջակցում է թափանցիկությանը (ալֆա-ալիք): PNG-8-ը հարմար է պարզ պատկերների համար, PNG-24-ը՝ ավելի բարձր որակով և ամբողջ գույնի գամայով: Չի ունենում կորուստներով սեղմում:
  • GIF (.gif): Աջակցում է անիմացիային և թափանցիկությանը: Սահմանափակ է 256 գույներով: Օգտագործվում է պարզ անիմացիաների և նշանների համար:
  • WebP (.webp): Գուգլի կողմից մշակված: Աջակցում է կորուստներով և առանց կորուստների սեղմում, անիմացիային և թափանցիկությանը: Սովորաբար փոքր է չափով՝ համեմատած JPEG և PNG-ի հետ, նույն որակով:
• Վեկտորային (Վեկտորային):
  • SVG (.svg): Կամավոր է առանց որակի կորուստների: Հարմար է լոգոտիպների, նշանների, գրաֆիկայի համար: Բազում է XML-ի վրա:

Ֆորմատ	Տիպ	Թափանցիկություն	Անիմացիա	Սեղմում	Լավագույն կիրառումը
JPEG	Ռաստր	Ոչ	Ոչ	Կորուստներով	Լուսանկարներ
PNG	Ռաստր	Այո	Ոչ	Բացթողում առանց կորուստների	Թափանցիկությամբ պատկերներ, գրաֆիկա
GIF	Ռաստր	Այո (պարզ)	Այո	Բացթողում առանց կորուստների	Պարզ անիմացիաներ, նշաններ
WebP	Ռաստր	Այո	Այո	Կորուստներով/Բացթողում առանց կորուստների	Համընդհանուր օգտագործում
SVG	Վեկտոր	Այո	Այո (CSS/JS)	Բացթողում առանց կորուստների	Լոգոներ, նշաններ, գրաֆիկա

Ընտրությունը կախված է պատկերի տեսակից, որակի պահանջներից, թափանցիկության և անիմացիայի աջակցությունից, ինչպես նաև անհրաժեշտ ֆայլի չափից: <picture> կամ srcset հատկությունը <img> տեգում թույլ է տալիս առաջարկել տարբեր ֆորմատներ (օրինակ, WebP և JPEG)՝ ըստ բրաուզերի աջակցման, ինչը օպտիմալացնում է կատարողականությունը: