Μετάβαση στο περιεχόμενο
Αναφορά

Συνοπτικός Οδηγός Μεγεθών Εικόνας του WordPress

Η οριστική αναφορά για τα μεγέθη εικόνας του WordPress: κάθε καταχωρημένο μέγεθος και οι πραγματικές του διαστάσεις, ποια κάνουν αναγκαστική περικοπή, το όριο -scaled των 2560px, τα μεγέθη του WooCommerce και τι να ανεβάζετε για κάθε σκοπό.

Δείτε το στη δική σας εικόνα — ανοίξτε το Image Size Lab

Βασικά μεγέθη

Καταχωρημένα σε κάθε προεπιλεγμένη εγκατάσταση του WordPress.

Όνομα Μέγεθος Περικοπή Επεξεργάσιμο στον πίνακα διαχείρισης;
thumbnail 150 × 150 σκληρή περικοπή Settings → Media
medium 300 × 300 προσαρμογή Settings → Media
medium_large 768w προσαρμογή Χωρίς UI
large 1024 × 1024 προσαρμογή Settings → Media
1536x1536 1536 × 1536 προσαρμογή Χωρίς UI
2048x2048 2048 × 2048 προσαρμογή Χωρίς UI

medium_large (768w) και τα δύο μεγέθη retina δεν έχουν καθόλου διεπαφή διαχείρισης — δεν θα ξέρατε καν ότι υπάρχουν από τον πίνακα ελέγχου. Και κάθε μεταφόρτωση άνω των 2560px στη μεγαλύτερη πλευρά της αποκτά επίσης ένα αντίγραφο -scaled, το οποίο στη συνέχεια το WordPress εμφανίζει στη θέση του πρωτότυπού σας.

Μεγέθη WooCommerce

Προστίθενται όταν το WooCommerce είναι ενεργό. Ρυθμίστε τα από το Appearance → Customize → WooCommerce → Product Images. Οι προεπιλογές έχουν αλλάξει μεταξύ των εκδόσεων του Woo, οπότε αντιμετωπίστε τα ως ενδεικτικά και ελέγξτε τη δική σας εγκατάσταση.

woocommerce_thumbnail 300 × 300 σκληρή περικοπή
woocommerce_single 600w
woocommerce_gallery_thumbnail 100 × 100 σκληρή περικοπή

Τι να ανεβάσετε στην πραγματικότητα

Οδηγίες ανά σκοπό — όχι καταχωρημένα μεγέθη, απλώς λογικές διαστάσεις πηγής.

Προβεβλημένη εικόνα 1200 × 630

Καλύπτει την αναλογία κοινοποίησης στα social και υποβαθμίζεται καθαρά για χρήση εντός του θέματος. Η πιο ασφαλής μεμονωμένη προεπιλογή.

Hero πλήρους πλάτους 1920 × 1080

Αρκετά φαρδύ για μεγάλες οθόνες, κάτω από το όριο -scaled των 2560px ώστε το πρωτότυπό σας να εμφανίζεται ως έχει.

Εικόνα εντός περιεχομένου 1200 wide

Ταιριάζει με το εύρος medium_large / large που πραγματικά εμφανίζουν τα περισσότερα θέματα.

Λογότυπο 512 × 512

Ανεβάστε το μεγαλύτερο από όσο το εμφανίζετε· το WordPress υποβαθμίζει καθαρά, ποτέ δεν μεγεθύνει.

Εικονίδιο ιστότοπου (favicon) 512 × 512

Το WordPress απαιτεί ελάχιστο 512 × 512 και το περικόπτει σε τετράγωνο.

Εικόνα social / OG 1200 × 630

Η αναλογία 1.91:1 που περιμένουν το Facebook, το LinkedIn και το X. Το WordPress δεν θα τη δημιουργήσει· το πρόσθετο SEO σας επιλέγει το πλησιέστερο μέγεθος.

Συνήθη λάθη, και η πραγματική αιτία

Η εικόνα φαίνεται θολή μετά τη μεταφόρτωση

Αιτία: Η εικόνα σας ξεπερνούσε τα 2560px στη μεγαλύτερη πλευρά της, οπότε το WordPress δημιούργησε ένα αντίγραφο «-scaled» και το εμφανίζει αντί για το πρωτότυπό σας.

Λύση: Απενεργοποιήστε ή αυξήστε το big_image_size_threshold, ή ανεβάστε κάτω από 2560px.

Το thumbnail κόβει κεφάλια

Αιτία: το thumbnail περικόπτει σκληρά σε τετράγωνο 150 × 150 από προεπιλογή, με περικοπή από το κέντρο — οτιδήποτε εκτός κέντρου κόβεται.

Λύση: Ανεβάστε με το θέμα κεντραρισμένο, ή καταχωρήστε ένα προσαρμοσμένο μέγεθος με διαφορετική περικοπή.

Ο φάκελος uploads είναι τεράστιος

Αιτία: Το WordPress αποθηκεύει ένα αρχείο ανά καταχωρημένο μέγεθος. Ο πυρήνας δημιουργεί 6 συν το πρωτότυπο· ένα θέμα και το WooCommerce προσθέτουν κι άλλα.

Λύση: Σταματήστε να δημιουργείτε μεγέθη που δεν χρησιμοποιείτε με το intermediate_image_sizes_advanced.

λείπει η έκδοση large / 1536 / 2048

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

Λύση: Ανεβάστε μια μεγαλύτερη εικόνα πηγής.

Οι responsive εικόνες (srcset) φαίνονται χαμηλής ποιότητας

Αιτία: Ένα μέγεθος από το οποίο εξαρτάται το srcset — συνήθως το medium_large (768w) — αφαιρέθηκε.

Λύση: Κρατήστε το medium_large· υπάρχει κυρίως για να τροφοδοτεί το srcset.