JPG, PNG, WebP, ή AVIF;

Πριν συγκρίνετε μορφές, γνωρίζετε το split που κίνησε όλες αυτές. Lossless μορφές αποθηκεύουν κάθε pixel ακριβώς και μπορούν να ανοιχθούν ξανά και να ξανααποθηκευτούν για πάντα χωρίς υποχώρηση — PNG είναι το κύριο. Lossy μορφές ρίχνουν μακριά πληροφορίες που είναι απίθανο να παρατηρήσει το μάτι, ανταλλάσσοντας λίγη ποιότητα για ένα πολύ μικρότερο αρχείο — JPG, WebP, και AVIF όλα το κάνουν. Δεν υπάρχει μια ενιαία "καλύτερη" μορφή επειδή η σωστή επιλογή εξαρτάται από το αν η εικόνα σας είναι μια φωτογραφία, ένα λογότυπο, ή ένα screenshot, και στο πόσο αξιοποιείτε το μέγεθος έναντι της συμβατότητας.

JPG (ή JPEG) είναι ο veteran. Χτίστηκε για φωτογραφίες και χρησιμοποιεί lossy compression ρυθμοποιημένο για τις ομαλές κλίσεις των πραγματικών εικόνων κόσμου. Δεν έχει διαφάνεια και η συμπίεσή του μπορεί να αφήσει blocky artifacts γύρω από αιχμηρές άκρες και κείμενο, το οποίο είναι γιατί είναι λάθος για logos και screenshots. Το superpower είναι καθολική υποστήριξη: κάθε συσκευή, επεξεργαστής, και ιστοσελίδα δέχεται ένα JPG.

PNG είναι η lossless επιλογή. Διατηρεί κάθε pixel και υποστηρίζει πλήρη διαφάνεια, κάνοντάς το το πρότυπο για γραφικά με σκληρές άκρες, κείμενο, UI screenshots, και οτιδήποτε με ένα διαφανές background. Το κόστος είναι μέγεθος αρχείου: μια φωτογραφία PNG είναι συχνά αρκετές φορές μεγαλύτερη από την ίδια φωτογραφία ως JPG, έτσι PNG είναι μια κακή επιλογή για φωτογραφικό περιεχόμενο στο web.

WebP, από το Google, είναι το σύγχρονο all-rounder. Προσφέρει τόσο lossy όσο και lossless μορφές συν διαφάνεια και κίνηση, και σε παρόμοια ποιότητα παράγει αρχεία περίπου 25-35% μικρότερα από JPG και συχνά πολύ μικρότερα από PNG. Κάθε τρέχων browser την υποστηρίζει, το οποίο την κάνει την πρακτική προεπιλογή για μια γρήγορη ιστοσελίδα σήμερα.

AVIF είναι το νεότερο από τα τέσσερα, βασισμένο στη σύγχρονη τεχνολογία video-codec. Συνήθως επιτυγχάνει τα μικρότερα αρχεία όλων — συχνά νικώντας WebP με ευρύ περιθώριο σε φωτογραφίες — και υποστηρίζει διαφάνεια, ευρύ χρώμα, και υψηλή δυναμική σειρά. Η υποστήριξη είναι τώρα ευρεία αλλά όχι εντελώς καθολική, έτσι οι ιστοσελίδες συνήθως εξυπηρετούν AVIF με ένα WebP ή JPG fallback για τους τελευταίους παλιότερους πελάτες.

Μια καλά βελτιστοποιημένη σελίδα web σπάνια χρησιμοποιεί μια μορφή για τα πάντα. Οι φωτογραφίες εξέρχονται ως WebP ή AVIF για ταχύτητα, με ένα JPG fallback. Τα λογότυπα, εικονίδια, και οτιδήποτε με διαφάνεια παραμένουν ως PNG — ή καλύτερα, ως SVG αν είναι vector art — επειδή μια lossy μορφή θα εξυπνούσε τις αιχμηρές άκρες τους. Τα screenshots κειμένου φαίνονται καλύτερα ως PNG για τον ίδιο λόγο.

Αν είστε αβέβαιοι αν μια εναλλαγή αξίζει, μετατρέψτε μια αντιπροσωπευτική εικόνα και συγκρίνετε τόσο το μέγεθος αρχείου όσο και πώς φαίνεται σε πλήρες zoom. Η μείωση μεγέθους από JPG σε WebP ή AVIF είναι συχνά δραματική χωρίς ορατή απώλεια ποιότητας, το οποίο είναι ακριβώς το κέρδος που κάνει τις σελίδες να φορτώνουν ταχύτερα. Όταν η συμβατότητα σημαίνει περισσότερα από bytes — μια συνημμένο email, ένα παλιό σύστημα, ένα print shop — πέστε πίσω σε JPG ή PNG, τις δύο μορφές που λειτουργούν παντού.