Μεγέθυνση Οδηγίες εικόνων: 13 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:37

Αντιμετωπίζετε προβλήματα με το σωστό μέγεθος των εικόνων; Το μέγεθος των εικόνων σας είναι πολύ μεγάλο και υπερχειλίζει το πλαίσιο όπως το παραπάνω; Αυτό το διδακτικό εγχειρίδιο προσπαθεί να συνοψίσει όσα έμαθα για την αντιμετώπιση αυτού του προβλήματος.

Μου έχουν πει από το Instructable Staff ότι όλες οι μεταφορτωμένες εικόνες αντιγράφονται σε διάφορους λόγους διαστάσεων. Αυτές οι ομάδες εικόνων στη συνέχεια αντλούνται και διαφέρουν διαφορετικά ανάλογα με τη συσκευή από την οποία βλέπετε το εκπαιδευτικό. Δεν υπάρχει τρόπος να καθορίσετε στον κανονικό επεξεργαστή τι μέγεθος και αναλογία θα εμφανιστεί.

Στη συνέχεια πρότειναν ότι "Μια άλλη επιλογή που μπορεί να λειτουργήσει είναι αν ανεβάσετε εικόνες που είναι πιο παραδοσιακές αναλογίες διαστάσεων. Οτιδήποτε από 16: 9 έως 4: 3 πρέπει να εμφανίζεται πολύ όμορφα."

Παρατηρήστε ότι λένε ότι αυτό το "μπορεί" να λειτουργήσει. Να τι βρήκα στους αγώνες μου για να εμφανιστούν αξιοπρεπώς οι εικόνες μου. (Σημειώστε ότι χρησιμοποιώ εικόνες από το «Ο κύβος του Ρούμπικ έγινε εύκολο» διδάξιμο, εξ ου και όλες αυτές οι εικόνες κύβου!)

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

Βήμα 1: Ας δοκιμάσουμε το λόγο διαστάσεων 16: 9

Ας δοκιμάσουμε λοιπόν την αναλογία διαστάσεων 16: 9 (πλάτος: ύψος). Θα διατηρήσω το αρχικό πλάτος των 600 εικονοστοιχείων, 16: 9 σημαίνει ότι το ύψος πρέπει να είναι 338 εικονοστοιχεία, οπότε θα φτιάξουμε ένα μέγεθος καμβά 600x338 και θα ρίξουμε αυτήν την εικόνα 600x195 σε αυτό.

Ας δούμε λοιπόν πώς φαίνεται αυτή η εικόνα 600x338 (αναλογία διαστάσεων 16: 9). Είναι τόσο ενδιαφέρον, όταν έριξα αυτήν την εικόνα και την έκανα προεπισκόπηση, ταιριάζει τέλεια - η αριστερή και η δεξιά άκρη δεν είχαν κοπεί! Πήρα ένα στιγμιότυπο οθόνης μόνο για απόδειξη, δείτε το στην επόμενη διαφάνεια.

Αλλά, όταν βλέπω αυτό στο πρόγραμμα περιήγησής μου (Chrome) αυτό που βλέπω στην παραπάνω εικόνα, είναι ότι η δεξιά και η αριστερή πλευρά είναι και πάλι κομμένες! Έτσι, από αυτό το πείραμα, φαίνεται ότι η αλλαγή μεγέθους σε λόγο διαστάσεων 16: 9 δεν πρόκειται να λύσει τα προβλήματά μας!

Ως δευτερεύουσα σημείωση, το 16: 9 είναι η "νέα" κοινή αναλογία διαστάσεων γνωστή ως "ευρεία οθόνη", ενώ το 4: 3 είναι η "πλήρης οθόνη" της παλιάς σχολής που ήταν συνηθισμένη στις ημέρες της τηλεοπτικής τηλεόρασης. Ναι, εσείς οι millennial μάλλον δεν έχετε ιδέα για τι πράγμα μιλάω.

Βήμα 2: 16: 9 Η εικόνα πρόσφατα μεταφορτώθηκε όπως προβλήθηκε στην προεπισκόπηση

Αυτή η εικόνα είναι η λήψη οθόνης που δείχνει ότι η εικόνα μας 16: 9 φαίνεται τέλεια στην Προεπισκόπηση. Επιτυχία σωστά; Λοιπόν, όχι τόσο γρήγορα - δείτε τι συμβαίνει όταν βλέπουμε πραγματικά αυτήν τη σελίδα στο πρόγραμμα περιήγησής μας (Chrome)! Η αριστερή και η δεξιά άκρη περικόπτονται ξανά! Απλώς επιστρέψτε για να αφήσετε την προηγούμενη διαφάνεια και δείτε μόνοι σας.

Μάθαμε - μην εμπιστεύεστε την Προεπισκόπηση! Αυτό που φαίνεται ωραίο στην Προεπισκόπηση αποδίδεται διαφορετικά στην πραγματική προβολή με ένα πρόγραμμα περιήγησης!

Επίσης, ναι, υπάρχει πολύς άσπρος χώρος κάτω από την εικόνα μου. Αυτό συμβαίνει επειδή έριξα μια εικόνα 600x195 σε έναν καμβά 600x338 και την έβαλα στην κορυφή, οπότε υπάρχει όλος αυτός ο κενός λευκός χώρος στο κάτω μέρος. Τι μπορούμε να κάνουμε για αυτό; Λοιπόν… θα προσπαθήσουμε να το αντιμετωπίσουμε σε μια επόμενη διαφάνεια.

Ας συνεχίσουμε λοιπόν να βλέπουμε πώς μπορούμε να κάνουμε αυτήν την εικόνα να εμφανίζεται στο σύνολό της.

Βήμα 3: 16: 9 Εμφανίζεται με τις πλευρές L&R αποκοπές

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

Εάν βλέπετε την εικόνα μου του Βήματος 1 να εμφανίζεται τέλεια, πολύ καλά. Ενημέρωσέ με! Αλλά έτσι το βλέπω. Ναι, είναι πολύ καλύτερη από την αρχική εικόνα από τη σελίδα τίτλου, αλλά εξακολουθεί να είναι αποκομμένη. Έτσι για μένα, παρά τις συμβουλές του προσωπικού της Instructables, ο λόγος διαστάσεων 16: 9 δεν το κόβει αρκετά. Ας περάσουμε στην αναλογία διαστάσεων 4: 3.

Βήμα 4: Ας δοκιμάσουμε το λόγο διαστάσεων 4: 3

Ας δοκιμάσουμε λοιπόν την αναλογία διαστάσεων 4: 3. Θα διατηρήσω το αρχικό πλάτος των 600 εικονοστοιχείων, 4: 3 σημαίνει ότι το ύψος πρέπει να είναι 450 εικονοστοιχεία, οπότε θα φτιάξουμε ένα μέγεθος καμβά 600x450 και θα ρίξουμε αυτήν την εικόνα 600x195 σε αυτό.

Πώς φαίνεται αυτή η εικόνα 600x450 (αναλογία διαστάσεων 4: 3);

Και πάλι, όταν το βάζω για πρώτη φορά, η εικόνα φαίνεται υπέροχη (εκτός από όλο τον λευκό χώρο στο κάτω μέρος). Αριστερά και Δεξιά εμφανίζονται μια χαρά. Κοιτάζοντάς το σε ένα πρόγραμμα περιήγησης, φαίνεται ότι δεξιά και αριστερά φαίνεται να συνεχίζουν να εμφανίζονται καλά.

Όπως σημειώθηκε προηγουμένως, όλος ο κενός λευκός χώρος κάτω από την εικόνα είναι επειδή έριξα την εικόνα μου 600x195 σε έναν καμβά 600x450 και την τοποθέτησα στην κορυφή.

Διδασκόμενο μάθημα - Αναλογία διαστάσεων 4: 3 φαίνεται να απαιτείται, έτσι ώστε να μην αποκόπτεται η Δεξιά και η Αριστερή πλευρά. Δυστυχώς, αυτό σημαίνει ότι θα υπάρχει πολύς άσπρος χώρος για εικόνες που είναι μικρές και ευρείες, επειδή θα πρέπει να τις αφήσετε σε έναν καμβά μεγέθους 4: 3. Ναι, θα μπορούσατε να κεντράρετε την εικόνα σας έτσι ώστε να υπάρχει ίσος λευκός χώρος πάνω και κάτω αλλά ανεξάρτητα, θα υπάρχει πολύς λευκός χώρος πάνω ή κάτω από την εικόνα σας, αλλά από όσο γνωρίζω, αυτός είναι ο συμβιβασμός που θα κάνετε πρέπει να κάνετε το Instructables έτσι ώστε οι εικόνες σας να εμφανίζονται άθικτες.

Βήμα 5: 4: 3 με κέντρο εικόνας

Εδώ είναι η ίδια εικόνα 600x195 που πέφτει σε έναν καμβά 600x450 αλλά είναι κεντραρισμένη έτσι ώστε να υπάρχει ίσος κενός λευκός χώρος στο επάνω και στο κάτω μέρος. Φαίνεται λίγο καλύτερα, το κείμενο δεν φαίνεται τόσο διαχωρισμένο από την εικόνα.

Βήμα 6: 4: 3 με εικόνα στο κάτω μέρος

Και τέλος, εδώ η ίδια εικόνα έπεσε και μετακινήθηκε στο κάτω μέρος. Τώρα υπάρχει ένας τόνος άδειου λευκού χώρου πάνω από την εικόνα. Η εικόνα είναι τώρα πραγματικά διαχωρισμένη από τη γραμμή τίτλου, αλλά είναι πιο κοντά στο κείμενο. Αυτοί είναι λοιπόν οι συμβιβασμοί και τα διδάγματά σας:

• 4: 3 φαίνεται να είναι η αναλογία διαστάσεων που πρέπει να χρησιμοποιήσετε για να εμφανίζονται στο σύνολό τους οι εικόνες στο Instructables.
• μην εμπιστεύεστε την προεπισκόπηση - μπορεί να δείχνει τέλεια την εικόνα σας, αλλά τμήματα θα μπορούσαν να περικοπούν στο πραγματικό πρόγραμμα περιήγησης

Βήμα 7: Ποιο είναι το ελάχιστο πλάτος;

Τώρα ας δούμε ποιο θα πρέπει να είναι το ελάχιστο πλάτος. Η εικόνα που εμφανίζεται έχει μέγεθος 382x206, κοντά στο 2: 1, φαίνεται πραγματικά τεράστια, έτσι δεν είναι; Προφανώς, το Instructables έχει μεγεθύνει την εικόνα για να ταιριάζει σε ορισμένο πλάτος, πιθανώς 640 εικονοστοιχεία, δεν είμαι σίγουρος.

Αλλά ταιριάζει επειδή είναι πιο "τετράγωνο" - δηλαδή, δεν είναι πολύ φαρδύ για το ύψος του. Περιμένετε, με ξεγέλασε ξανά αυτή η προεπισκόπηση! Στην πραγματικότητα δεν ταιριάζει - οι πλευρές R&L περικόπτονται ξανά.

Στην πραγματικότητα, αυτό είναι περίεργο, δεν έχει μπερδευτεί μόνο η προεπισκόπηση. Στην πραγματικότητα το κοίταξα στο πρόγραμμα περιήγησης και στην αρχή αποδόθηκε σωστά (δηλαδή, οι άκρες της Ε & Λ δεν κόπηκαν). Αλλά κοιτάζοντάς το ξανά μέσω του προγράμματος περιήγησης, τώρα η εικόνα αλλάζει μέγεθος με τις ακμές R&L περικομμένες. Περιττός.

Ας προσπαθήσουμε λοιπόν να κάνουμε την εικόνα μικρότερη. Θα συρρικνώσουμε την εικόνα σε 200x108, διατηρώντας τον ίδιο λόγο διαστάσεων 2: 1.

Βήμα 8: Συρρίκνωση της εικόνας, αλλά διατήρηση της αναλογίας διαστάσεων

Έτσι αλλάζω το μέγεθος αυτής της εικόνας σε 200x108, διατηρώντας τον ίδιο λόγο διαστάσεων 2: 1.

Τώρα πάλι φαίνεται να ταιριάζει αρχικά (με την ανάλυση (ποιότητα εικόνας) να έχει επιδεινωθεί πολύ!), Αλλά φυσικά το κοιτάζετε και δεν ταιριάζει καθόλου και μοιάζει ακριβώς με την αρχική εικόνα εκτός από την αρχική καλύτερη ανάλυση. Και πάλι, το Instructables επεκτείνει την εικόνα ώστε να ταιριάζει σε ορισμένο πλάτος, γι 'αυτό και αυτή η μικρότερη (200x108) εικόνα φαίνεται τόσο φρικτή, πολύ χειρότερη από την αρχική 382x206.

Λέω "πιθανώς" επειδή δεν έχω ιδέα πώς το Instructables εμφανίζει αυτές τις εικόνες στο πρόγραμμα περιήγησής σας. Για οποιονδήποτε λόγο, εάν ανανεώσω την προσωρινή μνήμη μου και αναθεωρήσω αυτό το Instructable, τα μεγέθη της εικόνας μου δεν φαίνεται να είναι συνεπή, οπότε πραγματικά δεν ξέρω τι κάνει το Instructables εκτός από το ότι μπορεί να είναι ασυνεπές. Έτσι, ο στόχος αυτού του Instructable - να καταλάβουμε πώς να μεγεθύνουμε τις εικόνες ώστε να εμφανίζονται τουλάχιστον κάπως με συνέπεια!

Βήμα 9: Απόδειξη ότι οι εικόνες αποδίδονται σωστά στην αρχή

Εδώ είναι αυτό που είδα στην αρχή αμέσως μετά τη μεταφόρτωση της εικόνας - ταιριάζει! (Σημειώστε ότι έπρεπε να προσαρμόσω το παραπάνω στιγμιότυπο οθόνης σε μια εικόνα 1600x1200 (δηλαδή, αναλογία 4: 3) για να κάνω τα Instructables να εμφανίζουν ολόκληρο το στιγμιότυπο οθόνης!)

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

Βήμα 10: Δοκιμάζοντας 382x287 (Λόγος 4: 3)

Διατήρησα το πλάτος 382 και έριξα την αρχική εικόνα 382x206 σε έναν καμβά 382x287 για να το κάνω λόγο διαστάσεων 4: 3, επειδή ανακαλύψαμε προηγουμένως ότι το Instructable χρειάζεται μια εικόνα για να ταιριάζει σε αυτήν την αναλογία 4: 3 για να την εμφανίσει ολόκληρη.

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

Βήμα 11: Διεύρυνση της εικόνας από 300x206 σε 600x206 για να δείτε αν εμφανίζεται καλύτερα

Έριξα την αρχική εικόνα 382x206 (2: 1) σε καμβά 600x206 (3: 1) μόνο για να δω αν η διεύρυνσή της στα 600 pixel θα κάνει τα Instructables να εμφανίζουν ολόκληρη την εικόνα. Και πάλι, στην αρχή το έκανε, αλλά όπως μπορείτε να δείτε δεν το κάνει τώρα.

Αυτό είναι το πραγματικά περίεργο πράγμα - κάθε φορά, όταν ρίχνετε για πρώτη φορά μια εικόνα, φαίνεται ότι το Instructables θα εμφανίσει σωστά αυτήν την εικόνα, ανεξάρτητα από το μέγεθος ή τον λόγο διαστάσεων αυτής της εικόνας. Αυτή τη φορά ακόμη αποσυνδέθηκα από το Instructables και έκλεισα αυτήν την καρτέλα και, στη συνέχεια, επισκέφτηκα ξανά αυτό το Instructable "φρέσκο", για να επαληθεύσω εάν η εικόνα εξακολουθεί να εμφανίζεται σωστά. Συνήθως αυτό είναι αρκετό για να επιτρέψει στο Instructable να κάνει τη δουλειά του και να αρχίσει να αλλάζει το μέγεθος των εικόνων που δεν είναι σε αναλογία διαστάσεων 4: 3 και να τις εμφανίζει με την αριστερή και τη δεξιά πλευρά κομμένη.

Προς έκπληξή μου, τις πρώτες δύο φορές που ξανασκέφτηκα αυτό το «Φρέσκο» με οδηγίες, αυτή η εικόνα παρέμεινε εμφανισμένη στο σύνολό της, αλλά δυστυχώς, αφού απομακρύνθηκα για να κάνω κάτι άλλο και ήρθα ίσως περίπου μία ώρα αργότερα, αυτή η εικόνα άρχισε να εμφανίζεται μεγεθυμένο με τις πλευρές L&R περικομμένες ξανά όπως ακριβώς το βλέπετε παραπάνω.

Γιατί ή πώς συμβαίνει αυτό; Δεν έχω ιδέα. Δεν έχω ιδέα γιατί η αναμονή για κάποιο χρονικό διάστημα μετά τη μεταφόρτωση μιας εικόνας θα έκανε το Instructables να την αποδώσει διαφορετικά, αλλά συμβαίνει. Ως απόδειξη, θα δείξω τη λήψη οθόνης της παραπάνω εικόνας που εμφανίζεται τέλεια στο πρώτο ω, 10-15 λεπτά αφότου την είχα ανεβάσει στην επόμενη διαφάνεια.

Βήμα 12: Απόδειξη ότι οι εικόνες εμφανίζονται σωστά αρχικά μετά τη μεταφόρτωση

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

Σημειώστε ότι η λήψη οθόνης μου είχε πραγματικά μέγεθος 1563x766, αλλά όπως έμαθα από τα πειράματά μου στην αρχή αυτού του Instructable, ήξερα ότι δεν ταιριάζει με αυτόν τον λόγο διαστάσεων 4: 3 (1563x766 είναι περίπου 4: 2), οπότε αν μόλις ανέβασα αυτό το στιγμιότυπο οθόνης στο αρχικό του μέγεθος Instructable θα περικόψει τις άκρες. Έτσι έριξα αυτήν την εικόνα σε έναν καμβά 4: 3, γι 'αυτό υπάρχει πολύς άδειος λευκός χώρος κάτω από το στιγμιότυπο οθόνης μου.

Σημειώστε ότι το στιγμιότυπο οθόνης τραβήχτηκε επίσης πριν αλλάξω τον τίτλο του Βήματος 11 και ολοκληρώσω την πληκτρολόγηση σε όλο αυτό το κείμενο σε περίπτωση που αναρωτιέστε για αυτό!

Διδάγματα - η προβολή της μεταφορτωμένης εικόνας σε πρόγραμμα περιήγησης αμέσως μετά τη μεταφόρτωση δεν θα δείξει απαραίτητα πώς θα εμφανιστεί στο μέλλον. Για οποιονδήποτε λόγο, σχεδόν οποιαδήποτε εικόνα μεγέθους και/ή αναλογίας διαστάσεων φαίνεται να εμφανίζεται όμορφα αμέσως μετά τη μεταφόρτωση, ακόμη και για περίπου 10-15 λεπτά μετά τη μεταφόρτωση και ακόμη και αφού αποσυνδεθείτε από το Instructables και την δείτε φρέσκια από μια νέα περίοδο λειτουργίας προγράμματος περιήγησης κ.λπ. Το

Αλλά περιμένετε περίπου μία ώρα ή περισσότερο και τα πράγματα αλλάζουν! Η εικόνα σας, εάν δεν ταιριάζει με την αναλογία διαστάσεων 4: 3, θα προσαρμοστεί (συνήθως μεγεθύνεται) με το Instructable, ώστε οι άκρες να περικόπτονται.

Βήμα 13: Κατώτατη γραμμή - Τι έμαθα

Τελικά - τι έμαθα;

1. Για να εμφανίσετε μια εικόνα στο σύνολό της, είναι απαραίτητη η διατήρηση αναλογίας διαστάσεων 4: 3 (πλάτος: ύψος)!

2. Χρησιμοποιήστε πρωτότυπες εικόνες που είναι μεγάλες με την υψηλότερη ανάλυση που μπορείτε και ρίξτε τις σε καμβά σε αναλογία 4: 3. Εάν είναι πολύ μεγάλο, το Instructables θα το μειώσει και θα έχετε ωραίες ευκρινείς εικόνες.

3. Εάν η εικόνα σας είναι πολύ μικρή (πολύ λιγότερο από 600 εικονοστοιχεία πλάτος), το Instructable θα επεκτείνει την εικόνα σας και θα την κάνει πλάτος τουλάχιστον 600 εικονοστοιχείων, κάνοντάς την λιγότερο ευκρινή. Λέω "πρώην" επειδή δεν ξέρω ακριβώς τι πλάτος χρησιμοποιεί το Instructable, αλλά φαίνεται κοντά στο 600. Είναι πιθανότατα το 640, το οποίο ήταν ένα συνηθισμένο πλάτος στις εποχές του παλιού σχολικού σωλήνα.

Οι διαστάσεις 600x450 και 640x480 είναι 4: 3. Όλες οι οθόνες σωλήνων παλαιάς σχολής "πλήρους οθόνης" ήταν 640x480 (πλάτος x ύψος).

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

Από όσο γνωρίζω, αυτός είναι ο συμβιβασμός που πρέπει να κάνετε στο Instructables, ώστε οι εικόνες σας να εμφανίζονται ανέπαφες.

Για παράδειγμα, η παραπάνω εικόνα έχει μέγεθος καμβά 600x450 με μια εικόνα 382x206 που έχει πέσει μέσα και είναι κεντραρισμένη, ώστε να έχουμε ίσο κενό λευκό χώρο πάνω και κάτω. Η εικόνα εμφανίζεται περίπου στο αρχικό της μέγεθος, νομίζω ότι το Instructables μπορεί να την επεκτείνει σε 640x480 (αμελητέα επέκταση), ώστε να είναι το καλύτερο που μπορούμε να κάνουμε με αυτήν την αρχική εικόνα.

5. ΜΗΝ εμπιστεύεστε την προεπισκόπηση ή μην εμπιστεύεστε την εμφάνιση της εικόνας σας τις πρώτες ώρες μετά τη μεταφόρτωση τους στο Instructable! Για οποιονδήποτε λόγο, τα μεγέθη εικόνων δεν φαίνεται να παραμένουν σταθερά έως και μερικές ώρες μετά τη μεταφόρτωσή τους.

Κάθε φορά, όταν ρίχνετε για πρώτη φορά μια εικόνα, φαίνεται ότι το Instructables θα εμφανίζει σωστά αυτήν την εικόνα, ανεξάρτητα από το μέγεθος ή τον λόγο διαστάσεων αυτής της εικόνας. Μπορεί ακόμη και να εμφανίζεται σωστά για κάποιο χρονικό διάστημα στη συνέχεια, αλλά ΜΗΝ ΠΕΡΑΣΕΤΕ γιατί τελικά θα αλλάξει το μέγεθός τους και θα σας δημιουργήσει προβλήματα εκτός αν ακολουθήσετε αυτόν τον κανόνα 4: 3!

Ελπίζω ότι αυτό βοηθά και παρακαλώ, αν βρείτε έναν καλύτερο τρόπο ή έχετε άλλες συμβουλές, ενημερώστε με!