Δημιουργός εικόνας κράτησης θέσης

Πώς να φτιάξετε μια εικόνα placeholder

1. Εισαγάγετε το Πλάτος (px) και το Ύψος (px), από 1 έως 10.000 pixel. Η προεπισκόπηση και η αναλογία διαστάσεων ενημερώνονται καθώς πληκτρολογείτε.
2. Πληκτρολογήστε ένα Κείμενο ή αφήστε το κενό για να τυπωθεί το μέγεθος, όπως «1200×630».
3. Διαλέξτε το Χρώμα φόντου και το Χρώμα κειμένου.
4. Αφήστε το Μέγεθος γραμματοσειράς (px) στο 0 για αυτόματο μέγεθος που ταιριάζει στην εικόνα ή εισαγάγετε μέγεθος σε pixel. Διαλέξτε μια Γραμματοσειρά.
5. Διαλέξτε τη Μορφή: PNG, JPG, WebP ή SVG και πατήστε Λήψη εικόνας.

Για να δημιουργήσετε πολλά μεγέθη ταυτόχρονα, ανοίξτε την Παρτίδα κοινών μεγεθών, επιλέξτε τα μεγέθη που χρειάζεστε (ή χρησιμοποιήστε τα Επιλογή όλων / Κατάργηση επιλογής) και πατήστε Λήψη επιλεγμένων μεγεθών (ZIP). Κάθε εικόνα χρησιμοποιεί τα χρώματα, τη γραμματοσειρά και τη μορφή που ορίσατε παραπάνω· όταν το κείμενο είναι κενό, κάθε εικόνα δείχνει το δικό της μέγεθος.

Ποια μορφή να διαλέξετε

• Το SVG είναι το ελαφρύτερο (λίγες εκατοντάδες byte όποιο κι αν είναι το μέγεθος) και παραμένει καθαρό σε οποιαδήποτε μεγέθυνση. Είναι ιδανικό για μακέτες, πρωτότυπα και πρότυπα HTML. Το κείμενο χρησιμοποιεί γραμματοσειρά συστήματος, γι’ αυτό η εμφάνισή του μπορεί να διαφέρει ελαφρά ανάμεσα σε υπολογιστές.
• Το PNG δίνει ακριβή εικονοστοιχεία χωρίς απώλειες. Επιλέξτε το για εργαλεία σχεδιασμού και όταν απαιτείται πραγματική εικόνα bitmap.
• Το JPG παράγει μικρά αρχεία για μεγάλα μεγέθη και γίνεται δεκτό παντού, ακόμη και σε παλιά συστήματα διαχείρισης περιεχομένου.
• Το WebP είναι μικρότερο από το PNG και το JPG και υποστηρίζεται από όλα τα σύγχρονα προγράμματα περιήγησης.

Οι μορφές εικονοστοιχείων περιορίζονται σε περίπου 16,7 εκατομμύρια pixel (για παράδειγμα 4096 × 4096), τον μεγαλύτερο καμβά που μπορούν να κωδικοποιήσουν τα προγράμματα περιήγησης. Το SVG δεν έχει τέτοιο όριο.

Κοινά μεγέθη στην παρτίδα

Τα μεγέθη διαφημίσεων ακολουθούν τις τυπικές μονάδες IAB που χρησιμοποιούνται από τα περισσότερα διαφημιστικά δίκτυα· τα μεγέθη για social ταιριάζουν με τις συστάσεις των μεγάλων πλατφορμών.

Γιατί να χρησιμοποιείτε εικόνες placeholder;

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

Επειδή αυτό το εργαλείο δημιουργεί πραγματικά αρχεία, μπορείτε να τα χρησιμοποιήσετε χωρίς σύνδεση, να τα προσθέσετε σε αποθετήριο ή να τα σύρετε σε εργαλείο σχεδιασμού, χωρίς εξάρτηση από εξωτερική υπηρεσία placeholder που μπορεί να πάψει να λειτουργεί ή να παρακολουθεί τους επισκέπτες.