Ποιο μέγεθος θα πρέπει να έχει μια εικόνα για το Instagram;
Οι τέσσερις μορφές του Instagram που αξίζει να στοχεύσετε, γιατί η κάθε μία από αυτές είναι 1080 pixels πλάτος, και τι να διορθώσετε στην εξαγωγή σας πριν η πλατφόρμα την επανακωδικοποιήσει.
Το Instagram έχει τέσσερις μορφές που αξίζει να στοχεύσετε, και ο μετατροπέας μας παρέχει κάθε μία ως κουμπί: Τετράγωνη ανάρτηση στα 1080x1080, Πορτραίτο ανάρτησης στα 1080x1350, Ιστορία / Reel στα 1080x1920 και Τοπίο στα 1080x566. Δείτε τι μοιράζονται. Όλες τέσσερις είναι 1080 pixels πλάτος. Αυτός είναι ο πιο χρήσιμος αριθμός που πρέπει να κρατήσετε πριν εξάγετε οτιδήποτε, γιατί εκεί είναι που η πλατφόρμα σταματά να ενδιαφέρεται για τα επιπλέον pixels σας.
Το υπόλοιπο αφορά τα pixels που δεν χρειάζεστε. Μια φωτογραφία 3840x2160 είναι περισσότερες από τρεις φορές πιο πλατιά από 1080, οπότε το Instagram την επαναδείχνει και την επανακωδικοποιεί με ρυθμίσεις που ποτέ δεν θα δείτε. Εσείς ελέγχετε από τι ξεκινά. Παρακάτω είναι πώς θα ρυθμίζαμε την εξαγωγή στα δικά μας εργαλεία, με τους αριθμούς που μετρήσαμε τρέχοντας τα.
Ποιες είναι οι τέσσερις διαστάσεις εικόνας του Instagram;
Αυτές είναι οι προεπιλογές ακριβώς όπως ορίζονται στον κώδικα του μετατροπέα. Οι αναλογίες είναι απλώς η διαίρεση, που γίνεται για εσάς.
| Προεπιλογή | Pixels | Αναλογία διαστάσεων | Πού καταλήγει |
|---|---|---|---|
| Τετράγωνη ανάρτηση | 1080 x 1080 | 1:1 | Feed |
| Πορτραίτο ανάρτησης | 1080 x 1350 | 4:5 | Feed, το ψηλότερο που δέχεται το feed |
| Ιστορία / Reel | 1080 x 1920 | 9:16 | Ιστορίες και Reels |
| Τοπίο | 1080 x 566 | περίπου 1.91:1 | Feed, το πιο πλατύ που δέχεται το feed |
Δύο γραμμές αξίζουν μια δεύτερη ματιά. Τρεις από τις 15 κοινωνικές προεπιλογές του μετατροπέα καταλήγουν στο ίδιο κουτί 1080x1920, καθώς η Ιστορία / Reel του Instagram, η Ιστορία του Facebook και το Κάλυμμα Βίντεο του TikTok είναι ταυτόσημοι στόχοι, οπότε μια εξαγωγή καλύπτει και τους τρεις. Και το Τοπίο δεν είναι στρογγυλός αριθμός γιατί το 1.91:1 δεν διαιρείται σε ολόκληρα pixels καθαρά. Το 566 είναι η ειλικρινής στρογγυλοποίηση του 1080 διαιρεμένο με το 1.91.
Γιατί είναι το 1080 pixels πλάτος το ανώτατο όριο;
Επειδή αυτό είναι που σερβίρει το feed. Η τεκμηρίωση Δημοσίευσης Περιεχομένου της Meta καθορίζει τους κανόνες εικόνας του feed, και είναι στενοί: JPEG, μέγιστο 8 MB, αναλογία διαστάσεων κάπου μεταξύ 4:5 και 1.91:1. Οτιδήποτε πιο πλατύ από το πλάτος της οθόνης μειώνεται στις μηχανές τους με το φίλτρο τους και χωρίς προεπισκόπηση για εσάς. Η παράδοση ενός αρχείου πλάτους 3840 pixels δεν θα προσφέρει ευκρίνεια στα 1080. Κάντε τη μείωση τοπικά και μπορείτε να το δείτε πριν από οποιονδήποτε άλλο. Ο μετατροπέας μας ζητά από τον περιηγητή το στόχο μέγεθος απευθείας μέσω του createImageBitmap με το resizeQuality ρυθμισμένο σε υψηλό, και αλλάζει σε μια καμβά drawImage όταν εμπλέκεται μια περικοπή.
Πρέπει να περικόψω σε 4:5 ή να αλλάξω μέγεθος σε 1080x1350;
Και τα δύο, με αυτή τη σειρά. Πρώτα η καρέ, ακριβή pixels δεύτερον. Ο περικοπής μας δέχεται ένα αρχείο τη φορά μέχρι 10 MB και προσφέρει οκτώ προεπιλογές αναλογίας: ελεύθερη, 1:1, 4:3, 3:2, 16:9, 9:16, 3:4 και 2:3. Δεν υπάρχει κουμπί 4:5, οπότε πληκτρολογήστε 4 και 5 στο πεδίο προσαρμοσμένης W:H. Δεν υπάρχει είσοδος πλάτους ή ύψους pixel οπουδήποτε στον περικοπή, που είναι ακριβώς ο λόγος που υπάρχει το δεύτερο βήμα. Κάθε περικοπή επανακωδικοποιεί τα μορφές με απώλειες σε σταθερή ποιότητα 92, και ένα GIF προκύπτει ως ένα ενιαίο καρέ PNG.
Στη συνέχεια στείλτε την περικοπή στον μετατροπέα και πατήστε την προεπιλογή Instagram που θέλετε. Η λειτουργία fit αποφασίζει τι θα συμβεί στη συνέχεια. Το Cover κλιμακώνει την εικόνα μέχρι να γεμίσει το στόχο και περικόπτει το πλεόνασμα, το οποίο είναι αυτό που παράγει πραγματικά ένα ακριβές 1080x1350. Το Stretch αναγκάζει το κουτί και παραμορφώνει. Το Contain είναι αυτό που εκπλήσσει τους ανθρώπους, γιατί μειώνει τον καμβά σε ό,τι χωράει μέσα, οπότε δεν έχετε μπαρ padding και κανένα 1080x1350. Ένα παράξενο που κατασκευάσαμε σκόπιμα: η φρουρός "μη διευρύνεις" παραβλέπεται όταν επιλέγετε μια κοινωνική προεπιλογή, καθώς η περιοριστική κάθε άξονα στο αρχικό παρήγαγε αρχεία που δεν ταίριαζαν σε καμία προδιαγραφή πλατφόρμας.
Τι επανακωδικοποιεί το Instagram, και τι μπορώ να ελέγξω;
Επανακωδικοποιεί. Αυτό που ελέγχετε είναι η είσοδος. Ο μετατροπέας μας γράφει PNG χωρίς απώλειες και επανακωδικοποιεί τα πάντα άλλο με ποιότητα 90 από προεπιλογή, οπότε ένα JPEG που προορίζεται για το feed παίρνει μία προσεκτική περασιά από εσάς και μία από αυτούς. Κρατήστε την περασιά σας γενναιόδωρη. Η διαφάνεια είναι η άλλη παγίδα, γιατί JPEG δεν μεταφέρει κανένα κανάλι alpha σε οποιαδήποτε λειτουργία, οπότε ένα PNG με διαφανές φόντο θα ισοπεδωθεί από κάτι. Ο μετατροπέας PNG σε JPG μας τοποθετεί σε λευκό, που τουλάχιστον σας επιτρέπει να ελέγξετε το αποτέλεσμα πριν αποσταλεί. Οι κινούμενες πηγές βγαίνουν από τον μετατροπέα ως ένα ενιαίο στατικό καρέ, και σας ενημερώνει πότε τα καρέ έχουν χαθεί.
Πρέπει να συμπιέσω πριν την ανάρτηση;
Συνήθως όχι για μέγεθος. Μια εξαγωγή 1080x1350 είναι ήδη μικρή. Υπάρχει ένας καλύτερος λόγος να κάνετε μια περασιά: ο συμπιεστής μας αφαιρεί όλα τα μεταδεδομένα κατά τη διάρκεια της διαδικασίας, συμπεριλαμβανομένων των EXIF, GPS συντεταγμένων, του ICC προφίλ και της ενσωματωμένης μικρογραφίας. Η προσανατολισμός επιβιώνει, οπότε τίποτα δεν φτάνει πλάγια. Στο δοκιμαστικό αρχείο μας texture.jpg, 3840x2160 και 538.6 KB, η έξυπνη λειτουργία επέστρεψε 286.1 KB, μια μείωση 47%. Ο ρυθμιστής στο 60 έδωσε 212.4 KB και 30 έδωσε 131 KB με ζημιά που μπορείτε να δείτε. Η έξυπνη λειτουργία είναι ποιότητα 80 για JPEG, κωδικοποιημένο με MozJPEG. Ένα μειονέκτημα: όταν η πηγή είναι ήδη JPEG πολλαπλασιάζουμε τον ρυθμιστή σας με την ποιότητα που διαβάζεται από τους πίνακες ποσοτικοποίησής της, οπότε μια πηγή ποιότητας 60 συν 80 ρυθμιστή καταλήγει στο 48. WebP και AVIF είναι οι μικρότερες μορφές για μια ιστοσελίδα. Καμία από αυτές δεν βοηθά για μια ανάρτηση στο Instagram, και αν κάποια άλλη μορφή σας κρατά σε ένα σκληρό όριο byte, η μετρημένη σκάλα από 538.6 KB έως 131 KB είναι αυτή που πρέπει να διαβάσετε.
Η φωτογραφία μου είναι μόνο 400 pixels πλάτος. Τι κάνω τώρα;
Τότε το 1080 είναι μια αναβάθμιση, και μια απλή αλλαγή μεγέθους θα φαίνεται θολή, που είναι η όλη διαφορά μεταξύ ενός μετατροπέα και ενός αναβαθμιστή. Ο αναβαθμιστής μας τρέχει το Real-ESRGAN realesr-general-x4v3 στον περιηγητή. Στο small.png, 400x269 και 177.1 KB, η επιλογή 2x παρήγαγε 800x538 στα 782.8 KB και η επιλογή 4x παρήγαγε 1600x1076 στα 2.7 MB. Μόνο η εκτέλεση 4x καθαρίζει το 1080 στην μακριά πλευρά, που είναι αυτό που χρειάζεστε πριν τη μείωση σε Τοπίο στα 1080x566. Το μοντέλο παράγει μόνο 4x, οπότε η επιλογή 2x το τρέχει και μειώνει το αποτέλεσμα μετά. Με το WebGPU διαθέσιμο δέχεται 32 megapixels εισόδου, και χωρίς αυτό περίπου 1.1 MP. Η έξοδος είναι πάντα PNG. Οπότε περιμένετε ένα βαρύ αρχείο στο δρόμο προς ένα ελαφρύ.
Φεύγει κάτι από αυτό το υπολογιστή μου;
Όχι. Δεν υπάρχουν διαδρομές API και καμία ενέργεια διακομιστή σε αυτόν τον κώδικα, και οι μόνοι αιτήματα δικτύου είναι περιουσιακά στοιχεία ίδιας προέλευσης. Κάθε ανταγωνιστής σε αυτόν τον τομέα ανεβάζει τη φωτογραφία σας σε έναν διακομιστή, και στη συνέχεια υπόσχεται να την διαγράψει μία ή δύο ώρες αργότερα. Ο δικός μας δεν την στέλνει πουθενά. Αυτό είναι επίσης όπου προέρχονται οι περιορισμοί, καθώς η δική σας συσκευή κάνει τη δουλειά: 10 αρχεία και 50 MB ανά παρτίδα για τον συμπιεστή, τον μετατροπέα, τον μετατροπέα και τον αφαιρετήρα φόντου; ένα αρχείο τη φορά στα 10 MB για τον περικοπή και τον γεννήτρια εικονιδίων; ένα αρχείο για τον αναβαθμιστή. Η σελίδα απορρήτου μας λέει το ίδιο πράγμα με λιγότερες λέξεις.
Κάντε το τώρα. Ανοίξτε τον μετατροπέα, ρίξτε τη φωτογραφία μέσα, επιλέξτε Πορτραίτο ανάρτησης Instagram 1080x1350, αφήστε τη λειτουργία fit σε cover και την ποιότητα στο 90, και στη συνέχεια κατεβάστε. Αν η κεντρική περικοπή έκοψε το κεφάλι κάποιου, τρέξτε πρώτα τον περικοπή με μια προσαρμοσμένη αναλογία 4:5 και επιστρέψτε. Αν το αρχείο εξακολουθεί να έχει GPS συντεταγμένες που δεν θα θέλατε να δημοσιεύσετε, τελειώστε με μια έξυπνη λειτουργία μέσω του συμπιεστή.