PNG σε AVIF Χωρίς να Χαθεί η Διαφάνεια

Δώστε ένα PNG, πάρτε πίσω ένα συμπαγές AVIF του οποίου οι διάφανες περιοχές επιβιώνουν σε κάθε βήμα της αποθήκευσης.

ή σύρετε την εικόνα εδώ

Μετατρέποντας ένα PNG σε AVIF

Μετατρέποντας ένα PNG σε AVIF

Σύρετε ένα PNG στη ζώνη απόθεσης ή πατήστε το για να αναζητήσετε ένα. Δεν υπάρχει κουμπί μετατροπής να ψάξετε, η δουλειά αρχίζει μόλις φτάσει το αρχείο. Η αρχική μετατροπή μιας συνεδρίας ξοδεύει περίπου ένα δευτερόλεπτο ετοιμάζοντας την ενότητα. Από εκεί και πέρα μια μικροσκοπική εικόνα τελειώνει σε κάπου 40 χιλιοστά του δευτερολέπτου, μια φωτογραφία 1 megapixel σε περίπου 250, και ένα καρέ 4K σε περίπου 2.8 δευτερόλεπτα. Οτιδήποτε πάνω από 8 megapixel μπορεί να τεντωθεί σε 10 ή 30 δευτερόλεπτα σε μια συσκευή χειρός. Μόλις εμφανιστεί το AVIF, η Λήψη το γράφει με το αρχικό όνομα και κατάληξη .avif, και η ένδειξη μεγέθους δείχνει παλιό και νέο δίπλα δίπλα.

Θα επιβιώσει η διαφάνεια;

Θα επιβιώσει η διαφάνεια;

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

Πόσο ελαφρύτερο είναι ακριβώς το AVIF;

Πόσο ελαφρύτερο είναι ακριβώς το AVIF;

Κρατημένο σε ποιότητα 85, ένα AVIF τείνει να ζυγίζει 30 έως 50 τοις εκατό λιγότερο από το PNG σε φωτογραφίες και 20 έως 30 τοις εκατό λιγότερο από ένα WebP της ίδιας εικόνας. Μια μέτρηση ανάπτυξης πήρε ένα καρέ 4K από 116 KB ως JPG κάτω σε 16 KB ως AVIF. Οι μικρές εικόνες κλιμακώνονται με τον ίδιο τρόπο, ένα PNG 17 KB συρρικνώνεται σε περίπου 6 KB. Οι ήδη στριμωγμένες πηγές δίνουν πίσω λιγότερα, και τα γραφικά με επίπεδο χρώμα ή λογότυπα με σκληρές άκρες ίσως μετακινηθούν ελάχιστα. Οι φυσικές φωτογραφίες δίνουν τη μεγαλύτερη περικοπή, και αυτές είναι ακριβώς τα αρχεία που φουσκώνουν περισσότερο τις σελίδες προϊόντων και τις ενότητες hero, εκεί που μετρά η εξοικονόμηση.

Ποιότητα εικόνας και πόσο διαρκεί

Ποιότητα εικόνας και πόσο διαρκεί

Όντας απωλεστικός μορφότυπος, το AVIF εδώ δουλεύει σε σταθερή ποιότητα 85. Οι φωτογραφίες σε αυτό το επίπεδο κάθονται κοντά στα 42.6 dB PSNR, που διαβάζεται ως πανομοιότυπο με το PNG για συνηθισμένες σκηνές. Το καθαρό κείμενο και η λεπτή γραμμή είναι η εξαίρεση και μπορούν να μαζέψουν αχνά τεχνουργήματα σε κάθε απωλεστική ρύθμιση, οπότε αυτά ανήκουν σε PNG. Ο χρόνος ακολουθεί το μέγεθος εικόνας και τη μηχανή. Ο Chrome για υπολογιστή χειρίζεται ένα megapixel σε περίπου ένα τέταρτο του δευτερολέπτου και οκτώ megapixel σε κάπου 2.8 δευτερόλεπτα. Ο Firefox παίρνει περίπου τέσσερις φορές περισσότερο, και ένα τηλέφωνο προσθέτει άλλες τρεις έως πέντε φορές. Η πρώτη εκτέλεση μιας συνεδρίας φέρει επίσης μια σύντομη προθέρμανση καθώς ξεκινά η ενότητα.

Πού γίνεται ο χειρισμός του αρχείου σας

Πού γίνεται ο χειρισμός του αρχείου σας

Το AVIF είναι απαιτητικό στην παραγωγή, οπότε για την καλύτερη ποιότητα και ταχύτητα το Araluma εκτελεί αυτή τη μετατροπή στον διακομιστή μας και πέφτει πίσω σε έναν κωδικοποιητή στο πρόγραμμα περιήγησης όταν ο διακομιστής δεν μπορεί να προσεγγιστεί. Έτσι το PNG σας μπορεί να ταξιδέψει σε εμάς όταν μετατρέπετε. Ο χειρισμός είναι απλός. Το αρχείο γίνεται AVIF, το αποτέλεσμα επιστρέφει σε εσάς, και τα δύο καθαρίζονται από τον διακομιστή μας σε περίπου 2 ώρες. Δεν κρατάμε αντίγραφο της εικόνας σας, δεν ζητάμε λογαριασμό και δεν της δίνουμε καμία χρήση πέρα από τη μετατροπή που ξεκινήσατε. Αν η διαδρομή μέσω διακομιστή δεν είναι διαθέσιμη, η κωδικοποίηση τρέχει στο πρόγραμμα περιήγησής σας. Κάθε δρόμος σας δίνει το ίδιο AVIF, με το ίδιο κανάλι άλφα και την ίδια ποιότητα.

Πού δουλεύει το AVIF το 2026

Πού δουλεύει το AVIF το 2026

Ποιοι το δείχνουν το 2026; Σχεδόν όλοι, γύρω στο 94.3 τοις εκατό παγκοσμίως. Ο Chrome από την 85, ο Firefox από την 93, ο Safari από την 16.4 μαζί με iOS 16, ο Edge από την 121. Έξω μένουν τρεις: Internet Explorer, Opera Mini και ό,τι κόλλησε σε iOS 15 ή πιο πίσω. Αν σας νοιάζει αυτό το κομμάτι, βάλτε πρώτο το AVIF και αφήστε το στοιχείο picture να πέσει μόνο του σε WebP για όποιον δεν το σηκώνει. Στην πράξη η επιστροφή αυτή σπάνια χτυπά, γιατί Chrome και Safari κρατούν τη μερίδα του λέοντος στα κινητά και απέκτησαν εγγενές AVIF ήδη από το 2022.

Πώς λειτουργεί

  1. Προσθέστε το PNG σας

    Σύρετε ένα PNG στη ζώνη απόθεσης ή πατήστε το για να ανοίξετε τον περιηγητή αρχείων και διαλέξτε ένα από τη συσκευή σας.

  2. Αφήστε το να αποθηκευτεί

    Η αρχική μετατροπή ξοδεύει περίπου ένα δευτερόλεπτο ετοιμάζοντας την ενότητα. Καθεμία μετά από αυτήν στην ίδια καρτέλα είναι ταχύτερη.

  3. Συγκρίνετε τα μεγέθη

    Όταν το AVIF είναι έτοιμο η ένδειξη βάζει το μέγεθος του PNG δίπλα στο νέο μέγεθος του AVIF ώστε η πτώση να είναι σαφής.

  4. Αποθηκεύστε το AVIF

    Πατήστε το κουμπί Λήψη για να γράψετε το τελειωμένο αρχείο στη συσκευή σας, κρατώντας το αρχικό όνομα με μια φρέσκια κατάληξη .avif.

Συνεχίστε τη μετατροπή

Το χρειάζεστε προς την άλλη μεριά για συμβατότητα ή θέλετε WebP για ταχύτερη αποθήκευση και ευρύτερη υποστήριξη; Και τα δύο απέχουν ένα κλικ.

Συχνές ερωτήσεις

Γιατί να μετατρέψω ένα PNG σε AVIF;

Επειδή το AVIF είναι ο ελαφρύτερος μορφότυπος που θα αποδώσει ένα τρέχον πρόγραμμα περιήγησης, και κρατά τη διαφάνεια ενώ το κάνει. Οι προγραμματιστές front-end και οι σχεδιαστές το φτάνουν για διάφανα κομμάτια διεπαφής, αποκόμματα προϊόντων και εικονίδια που πρέπει να μείνουν φθηνά στη λήψη. Η περικοπή μεγέθους είναι συγκεκριμένη, συχνά 30 έως 50 τοις εκατό κάτω από το PNG με σχεδόν την ίδια οπτική ποιότητα, και το κανάλι άλφα ταξιδεύει μαζί ανέγγιχτο εκεί που ένα JPG θα το είχε σβήσει.

Διατηρείται η διαφάνεια;

Ναι. Το AVIF κουβαλά εγγενές κανάλι άλφα, και αυτό το ζεύγος το περνά κατευθείαν. Μια διάφανη περιοχή στο PNG είναι ακόμη διάφανη στο AVIF. Το JPG δεν το καταφέρνει, δεν έχει άλφα και ρίχνει ένα συμπαγές χρώμα στο κενό, ενώ το AVIF μεταχειρίζεται αποκόμματα, λογότυπα και στοιβαγμένα στρώματα όπως το PNG, μόνο πολύ μικρότερα. Δεν χρειάζεται ποτέ να ξαναζωγραφίσετε μια μάσκα στο χέρι.

Ποια προγράμματα περιήγησης μπορούν να δείξουν AVIF;

Κάθε τρέχουσα μηχανή μπορεί. Ο Chrome το χειρίζεται από την έκδοση 85, ο Firefox από 93, ο Safari από 16.4 με το iOS 16 δίπλα, και ο Edge από 121. Αυτά που δεν μπορούν είναι ο Internet Explorer, ο Opera Mini, και συσκευές αφημένες πίσω σε iOS 15. Για να φτάσετε αυτή την ουρά, τυλίξτε την εικόνα σε ένα στοιχείο picture της HTML που προσφέρει AVIF πρώτα και πέφτει σε WebP ή PNG όταν το πρόγραμμα πει όχι.

Το AVIF είναι απωλεστικό ή χωρίς απώλειες;

Το AVIF υποστηρίζει και τα δύο, αλλά η έξοδος εδώ είναι απωλεστική σε ποιότητα 85. Οι φωτογραφίες σε αυτό το επίπεδο διαβάζονται γύρω στα 42.6 dB PSNR, που οι περισσότεροι δεν ξεχωρίζουν από την πηγή. Εικόνες με σκληρές άκρες, λεπτή γραμματοσειρά ή μεγάλα επίπεδα πεδία χρώματος μπορεί να αποκαλύψουν ελαφρά τεχνουργήματα σε κάθε ποιότητα. Όταν κάθε εικονοστοιχείο πρέπει να ταιριάζει ακριβώς, κρατήστε το PNG αντί να το μετατρέψετε.

AVIF ή WebP, ποια η διαφορά;

Σε ίσης ποιότητας φωτογραφία, βγαίνει περίπου 20 με 30 τοις εκατό μικρότερο από ένα WebP, εκεί είναι το κέρδος του AVIF. Το αντίβαρο του WebP είναι η εμβέλεια, αγγίζει και παλιότερο Safari, ενώ το AVIF μένει στο γύρω στο 94.3 τοις εκατό των προγραμμάτων το 2026. Άρα η επιλογή βγαίνει από το κοινό σας: σύγχρονο και ευαίσθητο στο βάρος, διαλέξτε AVIF, χρειάζεστε απολύτως όλους, κρατήστε WebP δίπλα. Στην πράξη οι περισσότεροι το 2026 δεν διαλέγουν καθόλου, σερβίρουν AVIF μέσα σε ένα picture με το WebP από κάτω ως δίχτυ ασφαλείας.

Πόσο θα τρέξει η μετατροπή;

Το μέγεθος και η μηχανή το αποφασίζουν. Η αρχική εκτέλεση μιας συνεδρίας ξοδεύει κάπου ένα δευτερόλεπτο ετοιμάζοντας την ενότητα. Μόλις ζεσταθεί, μια μικρή εικόνα τελειώνει σε περίπου 40 χιλιοστά του δευτερολέπτου, μια φωτογραφία megapixel κοντά στα 250, και ένα καρέ 4K γύρω στα 2.8 δευτερόλεπτα στον Chrome. Πέρα από 8 megapixel ένα τηλέφωνο μπορεί να καθίσει για 10 έως 30 δευτερόλεπτα. Ο Firefox σέρνεται περίπου στο ένα τέταρτο του ρυθμού του Chrome, οπότε οι μεγάλες δουλειές τελειώνουν νωρίτερα στον Chrome.

Οι λεπτομέρειες

Σημειώσεις από την ομάδα για την τέχνη, τις μορφές και τις μικρές αποφάσεις πίσω από μια καλή κυκλική περικοπή.

Τι αφήνει το AVIF να συντρίψει το PNG στο μέγεθος
Το AVIF καβαλά το πρότυπο AV1, κουρδισμένο για ό,τι δέχεται το μάτι παρά για πιστότητα τέλεια στο byte. Το PNG στηρίζεται στο DEFLATE πάνω από ακατέργαστα εικονοστοιχεία, χωρίς απώλειες αλλά τυφλό στον πλεονασμό που γεμίζει το φωτογραφικό περιεχόμενο. Το AVIF ανταλλάσσει αυτόν τον πλεονασμό με τα κόλπα πρόβλεψης μπλοκ της κωδικοποίησης βίντεο, πετώντας λεπτομέρεια που το οπτικό σύστημα ποτέ δεν καταγράφει. Η ανταμοιβή είναι απότομη. Εκείνη η φωτογραφία 116 KB γίνεται περίπου 16 KB σε ποιότητα 85, και ένα διάφανο PNG γενικά πέφτει 30 έως 50 τοις εκατό έναντι ενός αντίστοιχου WebP. Οι φωτογραφίες υψηλής ανάλυσης πλαταίνουν το χάσμα ενώ τα απλά γραφικά το συρρικνώνουν. Κάθε ιστότοπος που στέλνει διάφανες εικόνες σε ένα σύγχρονο πλήθος το μετατρέπει σε γρηγορότερες σελίδες και ελαφρύτερο λογαριασμό εύρους ζώνης.
Ακολουθώντας το κανάλι άλφα μέσα από την αποθήκευση
Το PNG και το AVIF κρατούν αμφότερα τη διαφάνεια σε ξεχωριστό επίπεδο άλφα δίπλα στο χρώμα. Καθώς αυτό το ζεύγος διαβάζει το PNG σας, ο αποκωδικοποιητής τραβά τα εικονοστοιχεία χρώματος και τη μάσκα χώρια. Έπειτα το στάδιο εγγραφής AVIF στρώνει ένα φρέσκο δικό του ίχνος άλφα, στηριζόμενο στην κωδικοποίηση εντός καρέ του AV1 για να στύψει χρώμα και μάσκα μαζί σε ποιότητα 85. Η διαφάνεια ποτέ δεν λιώνει μέσα στο χρώμα και ποτέ δεν παίρνει γέμισμα από πίσω. Σκιές, φτερωτές άκρες και ημιδιάφανες διαβαθμίσεις περνούν όλες πιστά. Το μόνο κόστος είναι ότι το AVIF συμπιέζει και το επίπεδο άλφα απωλεστικά, που μπορεί να αφήσει αχνό κρόσσι σε πολύ αιχμηρές άκρες όταν κάνετε σκληρό ζουμ. Σε συνηθισμένα μεγέθη και ποιότητα 85 μένει αόρατο. Για μικροσκοπικά εικονίδια ακριβείας εικονοστοιχείου, μείνετε στο PNG.
Ρεαλιστικοί χρόνοι σε κάθε μηχανή
Πληρώνετε την προθέρμανση μία φορά ανά συνεδρία και ποτέ ξανά: κάπου 800 χιλιοστά του δευτερολέπτου για να κατέβει η ενότητα και άλλα 300 για να στηθεί, σύνολο γύρω στο ένα δευτερόλεπτο πριν την πρώτη μετατροπή. Κάθε ζεστή εκτέλεση μετά την προσπερνά εντελώς. Τα νούμερα στον Chrome για υπολογιστή πέφτουν έτσι: 0.12 megapixel σε περίπου 40 χιλιοστά, ένα megapixel κοντά στα 250, οκτώ megapixel γύρω στα 2.8 δευτερόλεπτα. Ο Firefox είναι η μαύρη πρόβατα, τετραπλάσιος σε χρόνο, αρκετός για να σπρώξει ένα καρέ 4K πάνω από τα 30 δευτερόλεπτα. Ανάμεσά τους, πιο κοντά στον Chrome, στέκεται ο Safari πάνω σε WebKit. Σε ένα τηλέφωνο μεσαίας γκάμας πολλαπλασιάστε τα πάντα επί τρία ως πέντε. Το συμπέρασμα είναι απλό: για μεγάλα αρχεία σε ρουτίνα, ο Chrome σε υπολογιστή κερδίζει.
Φορές που το PNG πρέπει να μείνει PNG
Μερικές δουλειές ακόμη ζητούν PNG ακόμη και όπου το βάρος μετρά. Το αιχμηρό κείμενο σε μικρά μεγέθη, αυτό πάνω σε ετικέτες, σήματα ή σημάδια κλίμακας favicon, μπορεί να μαζέψει τεχνουργήματα AVIF που διαβάζονται άσχημα από κοντά. Τα κύρια αρχεία που σκοπεύετε να επεξεργαστείτε παραπέρα ανήκουν επίσης σε PNG, αφού κάθε ταξίδι μέσα από απωλεστικό μορφότυπο στοιβάζει απώλεια. Μερικοί προορισμοί αρνούνται το AVIF κατηγορηματικά, ορισμένοι επεξεργαστές εγγράφων, παλαιότερες σουίτες σχεδίασης και κάμποσοι πελάτες email ανάμεσά τους, και αυτά θέλουν PNG. Η κίνηση πέρα από το πρώτο καρέ επίσης χάνεται εδώ, καθώς το ζεύγος χειρίζεται ένα καρέ. Παντού αλλού, για διάφανες φωτογραφίες και γραφικά προς έναν σύγχρονο ιστότοπο, το PNG σε AVIF είναι η κίνηση.
Η υπόθεση Core Web Vitals σε αριθμούς
Όλο το βάρος του Largest Contentful Paint πέφτει στη μεγαλύτερη εικόνα της σελίδας, αφού ο μετρητής δεν σταματά ώσπου εκείνη να ζωγραφιστεί. Ρίξτε την από 116 KB σε 16 KB, ακριβώς το νούμερο που έδωσε η φωτογραφία 4K στις δοκιμές, και σε γραμμή 10 Mbps η μεταφορά της πέφτει από κάπου 93 σε κάπου 13 χιλιοστά μόνο για εκείνο το στοιχείο. Πολλαπλασιάστε το όφελος επί ένα ολόκληρο πλέγμα προϊόντων, επί ένα hero που γυρίζει ή επί έναν πίνακα γεμάτο διάφανα εικονίδια και το άθροισμα σέρνει άνετα το LCP κάτω από τα 2.5 δευτερόλεπτα που η Google θεωρεί καλά. Ακριβώς επειδή το επιχείρημα γράφεται σε σκληρά νούμερα, κι όχι σε υποσχέσεις, το AVIF απογειώθηκε τόσο γρήγορα. Με κάλυψη γύρω στο 94.3 τοις εκατό, το να καταφύγει κανείς στο εφεδρικό είναι αρκετά σπάνιο ώστε το κέρδος να αξίζει πάνω από τη λίγη παραπανίσια σήμανση picture.
Πώς ξεχωρίζει από έναν συνηθισμένο διαδικτυακό μετατροπέα
Σχεδόν κάθε διαδικτυακός μετατροπέας AVIF στέλνει το PNG σας σε απομακρυσμένο υλικό και έπειτα κρατά το αποτέλεσμα υπό τους κανόνες διατήρησης που τηρεί εκείνος ο φορέας, συχνά αφημένους ασαφείς. Το Araluma είναι σαφές για το πώς λειτουργεί. Επειδή το AVIF είναι βαρύ, για το πιο καθαρό αποτέλεσμα η μετατροπή τρέχει στον διακομιστή μας, και ένας κωδικοποιητής στο πρόγραμμα περιήγησης μπαίνει μόνος του όταν ο διακομιστής είναι εκτός εμβέλειας. Όταν το αρχείο σας φτάσει σε εμάς, κωδικοποιείται και έπειτα καθαρίζεται σε περίπου 2 ώρες, χωρίς να ζητείται λογαριασμός και χωρίς χρήση πέρα από τη μετατροπή που ξεκινήσατε. Τίποτα δεν αποθηκεύεται για πολύ και τίποτα δεν κοινοποιείται. Για όποιον κρατά δουλειά πελάτη, αδημοσίευτες λήψεις προϊόντος ή περιεχόμενο χρηστών, η ειλικρινής μορφή της ανταλλαγής είναι αυτή: το αρχείο μπορεί να περάσει από τον διακομιστή μας, αγγίζεται μόνο για να χτιστεί το AVIF σας, και δεν παραμένει.