Ποια δημοφιλή φορμά εικόνων χρησιμοποιούνται στον ιστό;

• Raster (Rasterικές εικόνες):
  • JPEG (.jpg, .jpeg): Κατάλληλο για φωτογραφίες, υποστηρίζει συμπίεση με απώλειες. Δεν υποστηρίζει διαφάνεια.
  • PNG (.png): Υποστηρίζει διαφάνεια (κανάλι άλφα). PNG-8 για απλές εικόνες με παλέτα, PNG-24 για εικόνες υψηλότερης ποιότητας με πλήρη γκάμα χρωμάτων. Χωρίς απώλειες συμπίεση.
  • GIF (.gif): Υποστηρίζει κινούμενα σχέδια και διαφάνεια. Περιορισμένο σε 256 χρώματα. Χρησιμοποιείται για απλές κινούμενες εικόνες και εικονίδια.
  • WebP (.webp): Αναπτύχθηκε από την Google. Υποστηρίζει συμπίεση με και χωρίς απώλειες, κινούμενα σχέδια και διαφάνεια. Συνήθως μικρότερο σε μέγεθος με παρόμοια ποιότητα σε σύγκριση με JPEG και PNG.
• Κινούμενα (Vector):
  • SVG (.svg): Κλιμακώνεται χωρίς απώλεια ποιότητας. Ιδανικό για λογότυπα, εικονίδια, γραφικά. Βασίζεται σε XML.

Μορφή	Τύπος	Διαφάνεια	Κίνηση	Συμπίεση	Καλύτερη χρήση
JPEG	Raster	Όχι	Όχι	Με απώλειες	Φωτογραφίες
PNG	Raster	Ναι	Όχι	Χωρίς απώλειες	Εικόνες με διαφάνεια, γραφικά
GIF	Raster	Ναι (απλό)	Ναι	Χωρίς απώλειες	Απλές κινούμενες εικόνες, εικονίδια
WebP	Raster	Ναι	Ναι	Με απώλειες/Χωρίς απώλειες	Παγκόσμια χρήση
SVG	Κινούμενα	Ναι	Ναι (CSS/JS)	Χωρίς απώλειες	Λογότυπα, εικονίδια, γραφικά

Η επιλογή μορφής εξαρτάται από τον τύπο της εικόνας, τις απαιτήσεις ποιότητας, την υποστήριξη διαφάνειας και κίνησης, καθώς και το απαραίτητο μέγεθος αρχείου. Η χρήση <picture> ή του χαρακτηριστικού srcset στην ετικέτα <img> επιτρέπει την προσφορά διαφορετικών μορφών (π.χ., WebP και JPEG) ανάλογα με την υποστήριξη του προγράμματος περιήγησης, βελτιστοποιώντας την απόδοση.