Μεγέθη εικόνων για ιστότοπους, email και κοινωνικά δίκτυα
Ένας πίνακας αναφοράς με διαστάσεις σε pixel και αναλογίες για ιστοσελίδες, προεπισκοπήσεις συνδέσμων, email και κάθε μεγάλη πλατφόρμα κοινωνικής δικτύωσης.
Αν ανεβάσετε μια εικόνα σε λάθος μέγεθος, θα έχετε είτε θολό αποτέλεσμα, είτε κομμένο θέμα, είτε μια σελίδα που φορτώνει αργά. Αυτός ο οδηγός αναφοράς συγκεντρώνει τις διαστάσεις που λειτουργούν το 2026, μαζί με την εξήγηση του σκεπτικού, ώστε να παίρνετε λογικές αποφάσεις όταν μια πλατφόρμα αλλάζει τους κανόνες της.
Δύο αρχές
Ταιριάξτε το μέγεθος προβολής, λαμβάνοντας υπόψη τις οθόνες υψηλής πυκνότητας. Τα περισσότερα κινητά και φορητοί υπολογιστές έχουν πλέον οθόνες με δύο ή τρία φυσικά pixel για κάθε pixel CSS. Μια εικόνα που εμφανίζεται με πλάτος 600 pixel CSS πρέπει να έχει πλάτος 1.200 pixel για να φαίνεται καθαρή. Πέρα από το 2× αυξάνεται το μέγεθος του αρχείου χωρίς ορατό όφελος.
Πετύχετε πρώτα τη σωστή αναλογία και μετά τον αριθμό των pixel. Οι πλατφόρμες περικόπτουν αυτόματα στην αναλογία που προτιμούν, και οι αυτόματες περικοπές κόβουν κεφάλια και λογότυπα. Περικόψτε μόνοι σας στην αναλογία με το εργαλείο περικοπής και μετά αλλάξτε μέγεθος με το εργαλείο αλλαγής μεγέθους.
Εικόνες ιστότοπου
| Χρήση | Πλάτος | Αναλογία | Στόχος μεγέθους αρχείου |
|---|---|---|---|
| Κεντρική εικόνα πλήρους πλάτους | 1.920 px (2.560 για πολύ μεγάλες οθόνες) | 16:9 ή 21:9 | Κάτω από 300 KB ως WebP |
| Εικόνα περιεχομένου / ιστολογίου | 1.200 έως 1.600 px | 3:2 ή 16:9 | Κάτω από 150 KB |
| Κάρτα ή μικρογραφία πλέγματος | 600 έως 800 px | Ίδια σε όλο το πλέγμα | Κάτω από 60 KB |
| Εικόνα προϊόντος | 1.200 έως 2.000 px | 1:1 ή 4:5 | Κάτω από 200 KB· μεγαλύτερη για μεγέθυνση |
| Λογότυπο (raster) | 2× το μέγεθος προβολής του | Όπως σχεδιάστηκε | PNG ή SVG |
| Open Graph / προεπισκόπηση συνδέσμου | 1.200 × 630 px | 1,91:1 | Κάτω από 300 KB, JPG ή PNG |
| Favicon | 16, 32, 48, 64 px σε ένα .ico | 1:1 | Ελάχιστο |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
Τα προγράμματα email εμφανίζουν τα μηνύματα σε σταθερό πλάτος, συνήθως 600 έως 640 pixel για το σώμα του μηνύματος. Δώστε εικόνες πλάτους 1.200 px (2× για οθόνες retina) και κρατήστε το συνολικό μήνυμα κάτω από περίπου 1 MB· τα βαρύτερα email περικόπτονται από το Gmail και ανοίγουν αργά στο κινητό. Χρησιμοποιήστε JPG ή PNG· η υποστήριξη του WebP στα προγράμματα email παραμένει απρόβλεπτη. Το GIF είναι εντάξει για απλή κίνηση.
Κοινωνικά δίκτυα
| Πλατφόρμα | Θέση | Μέγεθος | Αναλογία |
|---|---|---|---|
| Ροή, κάθετη (καλύτερη απήχηση) | 1.080 × 1.350 | 4:5 | |
| Ροή, τετράγωνη | 1.080 × 1.080 | 1:1 | |
| Stories / εξώφυλλο Reels | 1.080 × 1.920 | 9:16 | |
| Φωτογραφία προφίλ | 320 × 320 (εμφανίζεται σε κύκλο) | 1:1 | |
| Εικόνα ροής | 1.200 × 630 ή 1.080 × 1.350 | 1,91:1 ή 4:5 | |
| Εξώφυλλο σελίδας | 1.640 × 856 | Εμφανίζεται 820 × 312 στον υπολογιστή | |
| Εικόνα ανάρτησης | 1.200 × 627 | 1,91:1 | |
| Banner εταιρείας | 1.128 × 191 | περίπου 5,9:1 | |
| X (Twitter) | Εικόνα ανάρτησης | 1.600 × 900 | 16:9 |
| X (Twitter) | Κεφαλίδα | 1.500 × 500 | 3:1 |
| YouTube | Μικρογραφία | 1.280 × 720 | 16:9, κάτω από 2 MB |
| YouTube | Banner καναλιού | 2.560 × 1.440 (ασφαλής περιοχή 1.546 × 423) | 16:9 |
| TikTok | Εξώφυλλο βίντεο | 1.080 × 1.920 | 9:16 |
| Pin | 1.000 × 1.500 | 2:3 | |
| WhatsApp / Telegram | Φωτογραφία προφίλ | 640 × 640 | 1:1 |
Κάθε πλατφόρμα κοινωνικής δικτύωσης ξανασυμπιέζει όσα ανεβαίνουν, συνήθως σε JPG με ποιότητα γύρω στο 75 έως 80. Ανεβάστε σε υψηλή ποιότητα (JPG 90 ή PNG) και στις ακριβείς διαστάσεις του πίνακα, και αφήστε την πλατφόρμα να κάνει την τελική συμπίεση μία φορά, αντί να στοιβάζετε τη δική σας συμπίεση πάνω στη δική της. Για να δείτε την ανάρτηση πριν τη δημοσιεύσετε, χρησιμοποιήστε το mockup ανάρτησης.
Εκτύπωση, για πληρότητα
Η εκτύπωση μετριέται σε pixel ανά ίντσα, όχι σε συνολικά pixel. Το πρότυπο είναι 300 ppi: μια φωτογραφία 6 × 4 ιντσών χρειάζεται 1.800 × 1.200 px, μια σελίδα A4 χρειάζεται 2.480 × 3.508 px και μια αφίσα A3 3.508 × 4.961 px. Οτιδήποτε κάτω από 150 ppi θα φαίνεται εμφανώς θολό στην εκτύπωση. Δώστε JPG σε ποιότητα 95 ή μια μορφή χωρίς απώλειες.
Μια γρήγορη ροή εργασίας
- Περικόψτε στην αναλογία που θέλει ο προορισμός.
- Αλλάξτε το μέγεθος στο πλάτος του πίνακα, ποτέ μεγαλύτερο από 2× το μέγεθος προβολής.
- Αποθηκεύστε ως WebP για ιστότοπους, JPG για email και κοινωνικά δίκτυα, PNG για γραφικά με διαφάνεια.
- Ελέγξτε το μέγεθος του αρχείου· αν ξεπερνά τον στόχο, χαμηλώστε την ποιότητα λίγους βαθμούς αντί να μικρύνετε τις διαστάσεις.
Και τα τέσσερα βήματα γίνονται σε αυτόν τον ιστότοπο χωρίς μεταφόρτωση της εικόνας σε κανέναν διακομιστή.