PNG έναντι WebP έναντι AVIF για αποκοπές
Όταν οι άνθρωποι ρωτούν ποια μορφή είναι “καλύτερη για αποκοπές”, συνήθως συνδυάζουν τρεις ξεχωριστές εργασίες:
- άνοιγμα μιας φωτογραφίας πηγής
- διατήρηση της διαφάνειας μετά την αφαίρεση του φόντου
- παράδοση ενός αρχείου που κατανοούν οι συμπαίκτες και οι προορισμοί
Τα PNG, WebP και AVIF μπορούν όλα να εμφανίζονται στη σύγχρονη εργασία εικόνας. Δεν είναι εναλλάξιμα για κάθε βήμα.
Κριτήρια που έχουν σημασία για τις αποκοπές
| Κριτήρια | Γιατί έχει σημασία για κοψίματα |
|---|---|
| Διαφάνεια / άλφα | Απαιτείται εάν το θέμα πρέπει να επιπλέει πάνω από άλλα φόντο |
| Ευρεία υποστήριξη | Μειώνει την τριβή “το αρχείο δεν θα ανοίξει” |
| Μέγεθος αρχείου | Θέματα διαδικτυακής παράδοσης και μεγάλων καταλόγων |
| Οικειότητα επεξεργασίας | Βοηθά τις ομάδες να παραδώσουν τα περιουσιακά τους στοιχεία χωρίς σύγχυση |
| Προσαρμογή ροής εργασίας | Η υποστήριξη εισόδου και η προτιμώμενη εξαγωγή μπορεί να διαφέρουν |
PNG
Δυνατά σημεία
- Ευρέως κατανοητό για διαφανή περιουσιακά στοιχεία
- Αξιόπιστη μεταβίβαση για διαφάνειες, καταχωρίσεις, αυτοκόλλητα και σύνθετα σχέδια
- Καθαρό νοητικό μοντέλο: αποκοπή → διαφανές PNG
Αντιστοιχίες
- Συχνά μεγαλύτερες από τις σύγχρονες μορφές φωτογραφίας με παρόμοια οπτική ποιότητα
- Δεν είναι πάντα η πιο αποτελεσματική μορφή παράδοσης για κάθε διοχέτευση ιστότοπου
Για Easy Background Remover, το PNG είναι η πρακτική απάντηση εξαγωγής όταν χρειάζεστε πραγματική διαφάνεια.
WebP
Δυνατά σημεία
- Κοινό στον Ιστό
- Μπορεί να υποστηρίξει τη διαφάνεια ως οικογένεια μορφών
- Συχνά μικρότερο από το PNG για πολλά περιουσιακά στοιχεία
Αντιστοιχίες
- Η υποστήριξη και η εξοικείωση της ομάδας διαφέρουν ανάλογα με τον προορισμό
- Δεν περιμένει κάθε συνεργάτης μεταβίβασης το WebP ως το προεπιλεγμένο κύριο στοιχείο αποκοπής
Χρήσιμο ως είσοδο όταν αποθηκεύετε μια εικόνα από τον Ιστό. Για τη ροή εργασιών αποκοπής αυτού του προϊόντος, το PNG παραμένει η πιο ξεκάθαρη προεπιλογή εξαγωγής.
AVIF
Δυνατά σημεία
- Σύγχρονη απόδοση συμπίεσης
- Όλο και περισσότερο κοινό ως μορφή παράδοσης
Αντιστοιχίες
- Η ευρύτερη εξοικείωση ομάδας/εργαλείων εξακολουθεί να υστερεί σε σχέση με το PNG για πολλές ροές εργασίας
- Αντιμετωπίζεται καλύτερα ως μια πιθανή μορφή πηγής, όχι η προεπιλεγμένη διαφανής κύρια για κάθε χρήστη
Εάν ένα πρωτότυπο φτάσει ως AVIF, το άνοιγμα του ως είσοδος μπορεί να εξοικονομήσει τριβή μετατροπής. Η εξαγωγή μιας διαφανούς αποκοπής ως PNG διατηρεί το αποτέλεσμα εύκολο στην επαναχρησιμοποίηση.
Πίνακας κριτηρίων (γρήγορη προβολή)
| Ανάγκη | Κλίση προς |
|---|---|
| Διαφανές κύριο για επαναχρησιμοποίηση | PNG |
| Πηγή εικόνας από ιστότοπο | Το WebP ή το AVIF ενδέχεται να εμφανίζονται ως είσοδος |
| Μέγιστη εξοικείωση μεταξύ των συμπαικτών | PNG |
| Βελτιστοποίηση παράδοσης αργότερα | Μετατροπή από καθαρό κύριο εάν το απαιτεί ο αγωγός σας |
| “Λειτουργεί η φωτογραφία του τηλεφώνου μου;” | Άνοιγμα υποστηριζόμενης εισόδου, εξαγωγή αποκοπής PNG |
Ένας πρακτικός κανόνας ροής εργασίας
Ξεχωρίστε εισόδου και εξόδου:
- Εισαγωγή: χρησιμοποιήστε οποιαδήποτε υποστηριζόμενη πηγή έχετε ήδη
- Έξοδος για διαφανείς εγκοπές: προτιμήστε PNG, εκτός εάν κάποιος συγκεκριμένος προορισμός απαιτεί διαφορετικά
Αυτός ο κανόνας αποτρέπει μια κοινή παγίδα: τη συζήτηση σύγχρονων μορφών, ενώ κατά λάθος χάνεται η διαφάνεια ή προκαλεί σύγχυση στους συνεργάτες.
Όταν η πίεση μεγέθους είναι πραγματική
Εάν ο όγκος του καταλόγου είναι μεγάλος και το μέγεθος παράδοσης έχει σημασία, κρατήστε δύο επίπεδα:
- ένα καθαρό διαφανές κύριο (συνήθως PNG)
- βελτιστοποιημένες εκδόσεις παράδοσης κατάντη, εάν τις χρειάζεται η διοχέτευση του ιστότοπού σας
Μην βελτιστοποιήσετε πρώτα τον κύριο. Η ανάκτηση από μια κακή εξαγωγή είναι πιο ακριβή από την αποθήκευση ενός περιουσιακού στοιχείου καθαρής πηγής.
Συνήθη λάθη
Λάθος 1: επιλογή μορφής μόνο επειδή είναι νεότερη
Το νεότερο δεν είναι αυτόματα σαφέστερο για μεταβίβαση αποκοπής.
Λάθος 2: υποθέτοντας ότι κάθε μορφή διατηρεί τη διαφάνεια με τον ίδιο τρόπο σε κάθε εργαλείο
Επαληθεύστε πάντα ότι ο προορισμός αποδέχεται το alpha.
Λάθος 3: βελτιστοποίηση της παράδοσης πριν από το κλείδωμα της ποιότητας διακοπής
Διορθώστε πρώτα τις άκρες και τη διαφάνεια και μετά βελτιστοποιήστε.
Λάθος 4: αντιμετώπιση των εισροών και των εξαγωγών ως μία απόφαση
Είναι συγγενείς, όχι πανομοιότυποι.
Για προσδοκίες ανοιχτής μορφής σε αυτό το προϊόν, ανατρέξτε στην ενότητα Υποστηριζόμενες μορφές εικόνας. Για την ίδια την έννοια της διαφάνειας, δείτε Τι είναι ένα διαφανές PNG;.