Προετοιμάστε επιλογές ειδικά για PNG για λογότυπα, στιγμιότυπα οθόνης, στοιχεία διεπαφής και διαφανή γραφικά.
Στατικά αρχεία PNG· το APNG δεν γίνεται δεκτό σε αυτή την έκδοση · Όριο αρχείων: 20 · 5 MB ανά αρχείο
Συμπίεση με επίγνωση διαφάνειας
Επιλέξτε μια στρατηγική PNG που σέβεται τις διαφανείς άκρες, το καθαρό κείμενο και τα γραφικά με επίπεδα χρώματα.
Διατηρήστε διαφανή και ημιδιαφανή pixel.
Βελτιστοποιήστε την κωδικοποίηση χωρίς να αλλάζετε σκόπιμα τις τιμές των pixel.
Χρησιμοποιήστε λιγότερα χρώματα όταν τα λογότυπα ή τα στοιχεία UI το επιτρέπουν.
Τα κινούμενα αρχεία PNG δεν υποστηρίζονται σε αυτή τη ροή εργασίας.
Το μικρότερο PNG δεν έχει αξία αν χαθεί η διαφάνεια ή οι καθαρές άκρες.
Ανατομία PNG
Ένα PNG μπορεί να συνδυάζει αδιαφανή pixels, μερική διαφάνεια, κείμενο και περιοχές με επίπεδο χρώμα. Αυτές οι ιδιότητες χρειάζονται ξεχωριστό έλεγχο, όχι μια προεπιλογή συμπίεσης για φωτογραφίες.
Δοκιμάστε τις αντιαλιασμένες ακμές σε ανοιχτό και σκούρο φόντο, ώστε η ισοπέδωση (flattening) ή τα «φωτοστέφανα» (halos) να μην κρύβονται σε μία μόνο προεπισκόπηση.
Οι αλλαγές παλέτας μπορεί να επηρεάσουν τους ομαλούς τόνους και τις λεπτομέρειες του 1 pixel, ακόμα κι όταν μια μικρογραφία από μακριά φαίνεται αποδεκτή.
Δείτε το εξαγόμενο PNG τόσο σε ανοιχτό όσο και σε σκούρο φόντο. Ελέγξτε μικρό κείμενο, επίπεδα χρώματα, διαβαθμίσεις και ακμές με μερική διαφάνεια.
Στρατηγική PNG
Τα γραφικά PNG μπορεί να χρειάζονται διαφάνεια, καθαρές ακμές και σταθερά χρώματα. Αποφασίστε αν τα αποκωδικοποιημένα pixels πρέπει να παραμείνουν ακριβή πριν εξετάσετε μια μειωμένη παλέτα χρωμάτων.
Χρησιμοποιήστε το όταν τα συμβατικά χρώματα, τα pixels του UI ή οι τιμές στα διαφανή άκρα πρέπει να διατηρηθούν χωρίς αλλαγές κατά την αποκωδικοποίηση.
Τα επίπεδα γραφικά μπορεί να αντέχουν λιγότερα χρώματα, ενώ οι διαβαθμίσεις, τα screenshots και η εικονογράφηση με υφή μπορεί να εμφανίσουν ορατό banding.
Χρησιμοποιήστε ροή εργασίας JPG για μια αδιαφανή φωτογραφία μόνο όταν δεν χρειάζεται διαφάνεια. Μείνετε σε PNG όταν η εικόνα χρειάζεται διαφανή pixels.
Ελέγξτε το αποτέλεσμα
Τοποθετήστε το PNG σε ανοιχτό και σκούρο φόντο για να αποκαλυφθούν «αύρες» γύρω από μαλλιά, σκιές ή αντιαλιασμένο κείμενο.
Ελέγξτε λογότυπα και γραφικά διεπαφής για αλλαγές στα χρώματα του brand ή για χαμένες αποχρώσεις. Η μείωση παλέτας μπορεί να επηρεάσει αυτές τις περιοχές διαφορετικά από ό,τι τις φωτογραφίες.
Αν απαιτούνται ακριβή pixels, συγκρίνετε τις αποκωδικοποιημένες τιμές των pixels και όχι τα bytes του αρχείου. Ένα μικρότερο PNG δεν αποτελεί από μόνο του απόδειξη αποτελέσματος χωρίς απώλειες.
Η ροή εργασίας PNG έχει σχεδιαστεί για τη διατήρηση της διαφάνειας alpha. Επαληθεύστε το πραγματικό επεξεργασμένο αποτέλεσμα στο VisionStory πριν αντικαταστήσετε το αρχικό στοιχείο.
