Γιατί ένα διαφανές PNG γίνεται μαύρο ή άσπρο και πώς να το διατηρήσετε

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

Αφαίρεση φόντουΘέλω να φύγει το φόντοΚάντε το δωρεάν

Τι είναι η διαφάνεια σε ένα PNG

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

Το JPG δεν έχει κανάλι άλφα. Κάθε pixel είναι ένα συμπαγές χρώμα, άρα μια διαφανής περιοχή πρέπει να γραφτεί ως κάποιο χρώμα, και ο μορφότυπος δεν αφήνει τον μετατροπέα να διατηρήσει την ιδέα του «διαφανούς».

Γιατί γίνεται μαύρο ή άσπρο

Όταν ένας μετατροπέας αφαιρεί το κανάλι άλφα, πρέπει να αποφασίσει σε τι γίνεται κάθε pixel που ήταν διαφανές. Συνήθεις είναι δύο περιπτώσεις:

• Αποθηκευμένο χρώμα. Ένα διαφανές pixel εξακολουθεί να έχει τιμές κόκκινου, πράσινου και μπλε, και σε πολλά αποκόμματα αυτές οι τιμές είναι μαύρες. Ο μετατροπέας που απλώς πετάει το άλφα κρατά αυτές τις τιμές, οπότε το φόντο φαίνεται μαύρο.
• Χρώμα γεμίσματος. Άλλοι μετατροπείς βάφουν πρώτα ένα φόντο, συνήθως λευκό, και ζωγραφίζουν πάνω του την εικόνα. Το εργαλείο μετατροπής κάνει αυτό: όταν αποθηκεύετε ως JPG, γεμίζει τις διαφανείς περιοχές με λευκό, και το εργαλείο το λέει δίπλα στα χειριστήρια του.

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

Κρατήστε τη διαφάνεια ή επιλέξτε το φόντο

Αποφασίστε ποιο από τα δύο αποτελέσματα χρειάζεστε:

Χρειάζεστε	Αποθηκεύστε ως	Αποτέλεσμα
Αποκόμμα για ιστοσελίδα ή σχέδιο	PNG ή WebP	Η διαφάνεια διατηρείται
Το ίδιο αποκόμμα σε απλό φόντο	JPG	Χρώμα φόντου που επιλέγετε εσείς

Για να διατηρήσετε τη διαφάνεια, ανοίξτε το εργαλείο μετατροπής και επιλέξτε PNG, ή WebP όπου μπορεί να το αποθηκεύσει το πρόγραμμα περιήγησής σας. Και τα δύο διατηρούν τις διαφανείς περιοχές. Το εργαλείο συμπίεσης επίσης διατηρεί τη διαφάνεια: αποθηκεύει μια διαφανή εικόνα ως WebP, ή ως PNG σε προγράμματα περιήγησης που δεν γράφουν WebP, όπως το Safari.

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

1. Αν κρατήσετε τη διαφάνεια, το εργαλείο αποθηκεύει ένα PNG.
2. Αν επιλέξετε λευκό, χρώμα ή θολό φόντο, αποθηκεύει ένα JPG με αυτό το φόντο.

Αν μια φόρμα ζητά JPG, επιλέξτε το φόντο στο βήμα αποκοπής. Μην το αφήνετε στον μετατροπέα, γιατί μπορεί να επιλέξει μαύρο.

Ελέγξτε αν διατηρήθηκε η διαφάνεια

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

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

Επιλέξτε συνειδητά το γέμισμα

Όταν η έξοδος πρέπει να είναι JPG, αποφασίστε το φόντο πριν το κάνει ο μετατροπέας. Το λευκό ταιριάζει σε σελίδα ή έγγραφο που είναι λευκό. Ένα συμπαγές χρώμα ταιριάζει σε μπλοκ μάρκας ή χρωματιστή σελίδα, και πρέπει να ταιριάζει με τη σελίδα πίσω από την εικόνα ώστε οι μαλακές άκρες να smooth-άρουν. Η επιλογή θολού στο εργαλείο αφαίρεσης φόντου γεμίζει το φόντο με ένα μαλακό, θολωμένο αντίγραφο της ίδιας φωτογραφίας, που μπορεί να φαίνεται πιο φυσικό από ένα απλό γέμισμα για φωτογραφία. Διαλέξτε την επιλογή που ταιριάζει στο μέρος όπου θα μπει η εικόνα, και ελέγξτε την εκεί.

Πώς να το κάνετε με το fixmint

1. Κρατήστε το αρχικό διαφανές PNG και μην το αποθηκεύσετε ως JPG, γιατί το JPG αφαιρεί τη διαφάνεια.
2. Για ιστοσελίδα ή σχέδιο, μετατρέψτε το σε PNG ή WebP ώστε οι διαφανείς περιοχές να μείνουν κενές.
3. Αν χρειάζεστε JPG, βάλτε το φόντο μόνοι σας. Το εργαλείο αφαίρεσης φόντου μπορεί να βάλει φόντο Λευκό, Χρώμα ή Θολό πίσω από το θέμα, και αποθηκεύει JPG.
4. Ανοίξτε το αρχείο σε δύο φόντα πριν το χρησιμοποιήσετε. Αν αλλάζει το χρώμα γύρω του, η διαφάνεια διατηρήθηκε. Συμπιέστε το τελευταίο, αν μια φόρμα βάζει όριο μεγέθους.

Ειδικές περιπτώσεις

• Μαλακές άκρες. Τα μαλλιά, οι σκιές και το γυαλί έχουν μερικώς διαφανή pixel που εξακολουθούν να κουβαλούν το χρώμα του παλιού φόντου. Σε νέο φόντο μπορεί να εμφανιστεί ανοιχτόχρωμο ή σκούρο περίγραμμα. Χρησιμοποιήστε αποκόμμα με καθαρές άκρες ή επιλέξτε χρώμα φόντου κοντά στο αρχικό.
• Το JPG δεν μπορεί να διατηρήσει διαφάνεια. Αν μια φόρμα δέχεται μόνο JPG, η διαφάνεια πρέπει να αντικατασταθεί με χρώμα. Καμία ρύθμιση του JPG δεν το αλλάζει αυτό.
• Ελέγξτε στον προορισμό. Δείτε το αρχείο εκεί όπου θα χρησιμοποιηθεί, όπως στη φόρμα, στη σελίδα ή στην εφαρμογή. Μια προεπισκόπηση μπορεί να δείχνει διαφορετικό φόντο από το πραγματικό.
• Επιλογή μορφής. Για γραφικά στο web, το PNG είναι η συνηθισμένη επιλογή. Το JPG, PNG και WebP τα συγκρίνει αναλυτικότερα. Αν ένα αρχείο WebP δεν ανοίγει σε κάποια εφαρμογή, δείτε γιατί δεν ανοίγει μια εικόνα WebP.