Δημιουργήστε εικόνες placeholder σε οποιοδήποτε μέγεθος, χρώμα και μορφή — PNG, JPEG, WebP ή SVG — και κατεβάστε τις ή αντιγράψτε τις ως data URI. Δωρεάν, στον περιηγητή σας.

Ορίστε μέγεθος, χρώματα και ετικέτα — το placeholder ενημερώνεται ζωντανά. Κατεβάστε το ή αντιγράψτε ένα data URI / κώδικα SVG για τα mockups σας.

Μέγεθος

Στυλ

Μορφή

Ζωντανή προεπισκόπηση — εμφανίζεται προσαρμοσμένη στο μέγεθος· η λήψη χρησιμοποιεί το ακριβές μέγεθος σε pixel.

Τα data URIs ενσωματώνουν την εικόνα απευθείας στο HTML/CSS — βολικά για γρήγορα mockups χωρίς φιλοξενία αρχείου.


Σχετικά με το Γεννήτρια Εικόνων Placeholder

Η Δημιουργία Εικόνων Placeholder δημιουργεί εικόνες-δοκιμής για mockups, wireframes και εργασίες ανάπτυξης. Ορίστε οποιοδήποτε πλάτος και ύψος ή επιλέξτε ένα κοινό προκαθορισμένο μέγεθος, διαλέξτε χρώμα φόντου και κειμένου, προσθέστε προσαρμοσμένη ετικέτα ή αφήστε το εργαλείο να εμφανίσει τις διαστάσεις, και η προεπισκόπηση ενημερώνεται ζωντανά καθώς αλλάζετε κάθε επιλογή.

Μπορείτε να εξαγάγετε την εικόνα placeholder ως PNG, JPEG, WebP ή SVG, με ρυθμιστικό ποιότητας για τις μορφές με απώλειες. Αντί για λήψη αρχείου, μπορείτε επίσης να αντιγράψετε την εικόνα ως data URI ή να αντιγράψετε τον ακατέργαστο κώδικα SVG — χρήσιμο για ενσωμάτωση ενός placeholder απευθείας σε HTML ή CSS χωρίς φιλοξενία αρχείου.

Όλα σχεδιάζονται σε ένα canvas μέσα στον browser σας. Δεν υπάρχει καθόλου βήμα μεταφόρτωσης, οπότε η δημιουργία γίνεται ακαριαία και δεν στέλνει ποτέ δεδομένα σε server.

Πώς να χρησιμοποιήσετε το Γεννήτρια Εικόνων Placeholder

  1. Εισαγάγετε πλάτος και ύψος σε pixel, ή κάντε κλικ σε προκαθορισμένο μέγεθος.
  2. Επιλέξτε χρώμα φόντου και κειμένου — χρησιμοποιήστε το κουμπί εναλλαγής για να τα αντιστρέψετε.
  3. Πληκτρολογήστε προσαρμοσμένη ετικέτα, ή αφήστε το κενό για να εμφανιστούν οι διαστάσεις (π.χ. «800 × 600»).
  4. Επιλέξτε τη μορφή εξόδου: PNG, JPEG, WebP ή SVG, και ρυθμίστε την ποιότητα αν χρειάζεται.
  5. Κατεβάστε την εικόνα, ή αντιγράψτε την ως data URI ή κώδικα SVG για απευθείας ενσωμάτωση.

Συχνές ερωτήσεις

Ναι, είναι εντελώς δωρεάν. Το placeholder δημιουργείται τοπικά στον browser σας, δεν απαιτείται λογαριασμός και δεν καταναλώνονται πιστώσεις, όσες εικόνες κι αν δημιουργήσετε.

Μπορείτε να κατεβάσετε το placeholder ως PNG, JPEG, WebP ή SVG. Τα PNG και SVG είναι ιδανικά για ευκρινή mockups, ενώ τα JPEG και WebP διαθέτουν ρυθμιστικό ποιότητας όταν θέλετε μικρότερα αρχεία.

Ένα data URI ενσωματώνει ολόκληρη την εικόνα μέσα σε ένα string που μπορείτε να επικολλήσετε απευθείας σε HTML ή CSS. Είναι ιδανικό για γρήγορα prototype, αφού το placeholder δεν χρειάζεται αρχείο φιλοξενίας — η εικόνα ταξιδεύει μαζί με τον κώδικά σας.

Ναι. Πληκτρολογήστε οποιαδήποτε ετικέτα στο πεδίο κειμένου και προσαρμόστε το μέγεθος με το ρυθμιστικό κλίμακας γραμματοσειράς. Αν αφήσετε την ετικέτα κενή, το placeholder εμφανίζει αυτόματα τις διαστάσεις του σε pixel.

Όχι. Η δημιουργία σχεδιάζει τα πάντα σε ένα canvas μέσα στον browser σας, οπότε κανένα δεδομένο εικόνας δεν φεύγει ποτέ από τη συσκευή σας. Αυτό την κάνει και γρήγορη — η προεπισκόπηση ενημερώνεται τη στιγμή που αλλάζετε μια ρύθμιση.

Κοινοποίηση

Δημοφιλείς αναζητήσεις
γεννήτρια εικόνων placeholder εικόνα placeholder γεννήτρια εικονικών εικόνων γεννήτρια ψεύτικων εικόνων placeholder εικόνας online γεννήτρια δειγματικών εικόνων placeholder png γεννήτρια δοκιμαστικών εικόνων
Χρειάζεστε βοήθεια;
Βρήκατε πρόβλημα με αυτό το εργαλείο; Ενημερώστε μας.
Αναφορά προβλήματος

Προσθέστε αυτό το δωρεάν εργαλείο στον δικό σας ιστότοπο — αντιγράψτε και επικολλήστε τον παρακάτω κώδικα.