Οι μορφές εικόνας με απλά λόγια: JPG, PNG, WebP, AVIF, GIF, BMP και ICO

Κείμενο: Jenna, Σχεδιασμός ιστοσελίδων, Ikonik Digital · Τελευταία ενημέρωση 2026-10-03

Κάθε μορφή εικόνας είναι ένα σύνολο συμβιβασμών ανάμεσα σε μέγεθος αρχείου, ποιότητα, διαφάνεια, κίνηση και συμβατότητα. Αν διαλέξετε τη λάθος, θα καταλήξετε είτε με ένα φουσκωμένο αρχείο είτε με ένα θολό λογότυπο. Αυτός ο οδηγός εξηγεί σε τι είναι καλή κάθε μορφή, με τους αριθμούς που χρειάζεστε για να αποφασίσετε.

Τα δύο είδη συμπίεσης

Η συμπίεση χωρίς απώλειες αποθηκεύει κάθε pixel ακριβώς όπως είναι και απλώς βρίσκει έναν πιο αποδοτικό τρόπο να γράψει τα ίδια δεδομένα, όπως κάνει ένα ZIP. Ανοίξτε και αποθηκεύστε μια εικόνα χωρίς απώλειες χίλιες φορές και δεν θα αλλάξει καθόλου. Έτσι λειτουργούν τα PNG, BMP, GIF και το WebP χωρίς απώλειες.

Η συμπίεση με απώλειες πετάει πληροφορία, στοχεύοντας στις λεπτομέρειες στις οποίες το ανθρώπινο μάτι είναι λιγότερο ευαίσθητο: λεπτή υφή, ανεπαίσθητες διαφορές χρώματος, θόρυβο υψηλής συχνότητας. Το αποτέλεσμα μπορεί να έχει το ένα δέκατο του μεγέθους ενός αρχείου χωρίς απώλειες χωρίς ορατή διαφορά, όμως κάθε νέα αποθήκευση χάνει λίγο ακόμη. Έτσι λειτουργούν τα JPG, το WebP με απώλειες και το AVIF.

Ο πρώτος κανόνας προκύπτει αμέσως: χρησιμοποιήστε μορφές με απώλειες για φωτογραφίες, που είναι γεμάτες θόρυβο και υφή που δεν θα λείψει σε κανέναν, και μορφές χωρίς απώλειες για γραφικά με αιχμηρές ακμές, επίπεδα χρώματα και κείμενο, όπου μετράει κάθε pixel.

Μία προς μία οι μορφές

JPG (JPEG)

Η μορφή των φωτογραφιών από το 1992. Με απώλειες, χρώμα 8 bit, χωρίς διαφάνεια, χωρίς κίνηση. Υποστηρίζεται από οτιδήποτε έχει φτιαχτεί ποτέ. Μια ρύθμιση ποιότητας από 0 έως 100 ελέγχει τον συμβιβασμό· το 80 έως 85 είναι η ιδανική τιμή για την καθημερινή χρήση. Οι αδυναμίες της είναι τα ορατά «τετραγωνάκια» σε χαμηλή ποιότητα, οι κυματισμοί γύρω από αιχμηρές ακμές και η έλλειψη διαφάνειας. Χρησιμοποιήστε τη για φωτογραφίες που πηγαίνουν οπουδήποτε εκτός προγράμματος περιήγησης: email, εκτύπωση, ηλεκτρονικά καταστήματα, παλαιότερο λογισμικό.

PNG

Χωρίς απώλειες, χρώμα έως 16 bit, πλήρης διαφάνεια alpha, χωρίς κίνηση (το APNG υπάρχει αλλά είναι σπάνιο). Η σωστή επιλογή για λογότυπα, εικονίδια, στιγμιότυπα οθόνης, διαγράμματα, γραφήματα και κάθε εικόνα που χρειάζεται διάφανο φόντο. Η αδυναμία της είναι το μέγεθος: μια φωτογραφία σε PNG μπορεί να είναι δέκα φορές μεγαλύτερη από ένα JPG. Μη χρησιμοποιείτε ποτέ PNG για φωτογραφίες σε ιστότοπο.

WebP

Η μορφή της Google για τον ιστό, που πλέον υποστηρίζεται από κάθε σύγχρονο πρόγραμμα περιήγησης. Διαθέτει λειτουργία με απώλειες και χωρίς απώλειες, υποστηρίζει διαφάνεια και στις δύο και υποστηρίζει κίνηση. Το WebP με απώλειες είναι περίπου 25 έως 35% μικρότερο από το JPG στην ίδια ποιότητα· το WebP χωρίς απώλειες είναι περίπου 25% μικρότερο από το PNG. Είναι η καλύτερη μορφή γενικής χρήσης για οτιδήποτε εμφανίζεται σε πρόγραμμα περιήγησης. Η αδυναμία της είναι η συμβατότητα εκτός προγράμματος περιήγησης: παλαιότερα προγράμματα υπολογιστή, ορισμένα προγράμματα email και πολλές φόρμες μεταφόρτωσης σε διακομιστή εξακολουθούν να την απορρίπτουν.

AVIF

Ακόμη νεότερη, βασισμένη στον κωδικοποιητή βίντεο AV1. Συνήθως 50% μικρότερη από το JPG και 20% μικρότερη από το WebP στην ίδια ποιότητα, με διαφάνεια, κίνηση και υποστήριξη ευρείας χρωματικής γκάμας. Υποστηρίζεται από όλα τα σύγχρονα προγράμματα περιήγησης από το 2024. Η κωδικοποίηση είναι αργή, ειδικά μέσα στο πρόγραμμα περιήγησης, και η υποστήριξη σε λογισμικό εκτός προγράμματος περιήγησης παραμένει αποσπασματική. Χρησιμοποιήστε τη όταν το μέγεθος αρχείου είναι κρίσιμο και ελέγχετε το περιβάλλον προβολής· προσφέρετε παράλληλα ένα WebP ή JPG ως εναλλακτική.

GIF

Από το 1987. Περιορίζεται σε 256 χρώματα ανά καρέ, διαφάνεια ενός χρώματος και κίνηση, που είναι ο μόνος λόγος που βρίσκεται ακόμη παντού. Απαίσια για φωτογραφίες, αποδεκτή για απλά γραφικά, αξεπέραστη σε συμβατότητα. Για στατικές εικόνες, το PNG κάνει ό,τι κάνει το GIF αλλά καλύτερα· για κίνηση, ένα MP4 ή ένα κινούμενο WebP είναι πολύ μικρότερα.

BMP

Ασυμπίεστο bitmap των Windows. Τεράστια αρχεία, χωρίς διαφάνεια στη συνήθη χρήση, χωρίς συμπίεση. Επιβιώνει μόνο επειδή διαβάζεται εξαιρετικά εύκολα, κάτι που έχει σημασία για ενσωματωμένες συσκευές και παλαιό λογισμικό. Μην το χρησιμοποιείτε ποτέ για τον ιστό ή για αποθήκευση.

ICO

Η μορφή των εικονιδίων των Windows και των favicon των προγραμμάτων περιήγησης. Περιέχει πολλά μεγέθη της ίδιας εικόνας σε ένα αρχείο, ώστε να επιλέγεται το σωστό για καρτέλα, σελιδοδείκτη ή συντόμευση επιφάνειας εργασίας. Δημιουργείται από ένα PNG με το εργαλείο PNG σε ICO.

Πίνακας σύγκρισης

Ποια μορφή για ποια δουλειά

• Φωτογραφίες σε ιστότοπο: WebP σε ποιότητα 75 έως 85, με JPG ως εναλλακτική αν πρέπει να υποστηρίξετε πολύ παλιά προγράμματα περιήγησης. AVIF αν θέλετε τις μικρότερες δυνατές σελίδες.
• Λογότυπα και εικονίδια σε ιστότοπο: SVG αν το έχετε· διαφορετικά PNG ή WebP χωρίς απώλειες.
• Στιγμιότυπα οθόνης: PNG. Η συμπίεση με απώλειες θολώνει το κείμενο.
• Συνημμένα email: JPG για φωτογραφίες, PNG για γραφικά. Μη στέλνετε WebP· πάρα πολλά προγράμματα email το χειρίζονται λάθος.
• Εκτύπωση: JPG σε ποιότητα 95 ή PNG/TIFF, με 300 pixel ανά ίντσα του τυπωμένου μεγέθους.
• Μέσα κοινωνικής δικτύωσης: JPG ή PNG· κάθε πλατφόρμα ξανασυμπιέζει κατά τη μεταφόρτωση σε διακομιστή έτσι κι αλλιώς, οπότε ανεβάστε σε υψηλή ποιότητα και στις σωστές διαστάσεις.
• Διάφανα αποκόμματα προϊόντων: PNG για μέγιστη συμβατότητα, WebP για τον ιστό.
• Favicon: ICO μαζί με ένα PNG για τις αρχικές οθόνες κινητών.

Μετατροπή από τη μία στην άλλη

Κάθε μετατροπή σε αυτόν τον ιστότοπο γίνεται μέσα στο πρόγραμμα περιήγησής σας. Οι πιο συνηθισμένες διαδρομές είναι PNG σε WebP και JPG σε WebP για τον ιστό, WebP σε JPG και WebP σε PNG για συμβατότητα, και PNG σε JPG για να μικρύνετε φωτογραφίες που αποθηκεύτηκαν σε λάθος μορφή. Ο συμπιεστής εικόνων χειρίζεται οποιαδήποτε από αυτές, με δυνατότητα για πολλά αρχεία μαζί.