Πώς να προσθέσετε εικόνες χρησιμοποιώντας το στοιχείο εικόνας

Πώς να προσθέσετε εικόνες χρησιμοποιώντας το στοιχείο εικόνας

Η προσθήκη εικόνων στις σελίδες σας είναι μια απλή διαδικασία μέσω του στοιχείου Εικόνας, το οποίο θα βρείτε στη βιβλιοθήκη στοιχείων στο αριστερό μενού. 

Προσθήκη νέας εικόνας

Για να ανεβάσετε μία νέα εικόνα ακολουθήστε τα παρακάτω βήματα:
  1. Σύρετε και αποθέστε το στοιχείο εικόνας στη σελίδα σας.
  2. Στον μενού ρυθμίσεων στα δεξιά, κάντε κλικ στο "Επιλέξτε εικόνα".
  3. Από τη Βιβλιοθήκη αρχείων που θα σας ανοίξει, μπορείτε είτε να ανεβάσετε μια νέα εικόνα είτε να επιλέξετε μία που έχετε ήδη ανεβάσει.
  4. Πατήστε Εφαρμογή για να εισαγάγετε την εικόνα στη σελίδα σας.

Διαστάσεις

Στην καρτέλα Διαστάσεις, μπορείτε να ρυθμίσετε το Ελάχιστο ύψος και το Μέγιστο μήκος.
Αυτό σας επιτρέπει να χρησιμοποιείτε το ίδιο στοιχείο Εικόνας σε διαφορετικά μεγέθη οθόνης, προσαρμόζοντας το μέγεθος για κάθε προβολή.

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

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

Προσαρμογή Εικόνας

Η ρύθμιση Προσαρμογή εικόνας καθορίζει πώς θα εμφανίζεται η εικόνα μέσα στο πλαίσιο της:
  1. Contain: Η προεπιλεγμένη επιλογή. Η εικόνα προσαρμόζεται ώστε να χωρά ολόκληρη στο πλαίσιο, παραμένοντας στο κέντρο.
  2. Cover: Η εικόνα επεκτείνεται ώστε να καλύψει πλήρως το πλαίσιο. Αν είναι μεγαλύτερη, περικόπτεται αυτόματα. Ιδανική για δυναμικές, προσαρμοζόμενες εικόνες χωρίς κενά περιθώρια.
  3. Fill: Η εικόνα εκτείνεται για να καλύψει πλήρως το πλάτος και το ύψος του πλαισίου, ακόμη και αν παραμορφωθούν οι αναλογίες της.
  4. Αυτόματο: Η εικόνα εμφανίζεται στις αρχικές της διαστάσεις, χωρίς προσαρμογή στο πλαίσιο.

Ρύθμιση Αναλογίας Διαστάσεων 

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

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

Δημιουργία στρογγυλεμένων εικόνων

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

Παραδείγματα:
  1. Ακτίνα Περιγράμματος = 50% δημιουργεί κυκλική εικόνα (λειτουργεί καλύτερα με τετράγωνες εικόνες).
  2. Ακτίνα Περιγράμματος = 10px προσθέτει απαλά στρογγυλεμένες γωνίες χωρίς να κάνει την εικόνα πλήρως κυκλική.

Προσθήκη Συνδέσμου σε Εικόνα

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