3 τρόποι για να τοποθετήσετε δύο εικόνες δίπλα -δίπλα

Πίνακας περιεχομένων:

3 τρόποι για να τοποθετήσετε δύο εικόνες δίπλα -δίπλα
3 τρόποι για να τοποθετήσετε δύο εικόνες δίπλα -δίπλα
Anonim

Η παρουσία δύο εικόνων δίπλα-δίπλα είναι ένας ιδανικός τρόπος για να μοιραστείτε φωτογραφίες πριν και μετά, συγκρίσεις και κολάζ φωτογραφιών στο ιστολόγιο ή τον ιστότοπό σας. Μπορείτε να χρησιμοποιήσετε δωρεάν διαδικτυακές εφαρμογές επεξεργασίας φωτογραφιών όπως το PhotoJoiner ή Picisto ή να χρησιμοποιήσετε κωδικοποίηση HTML για να εμφανίσετε φωτογραφίες δίπλα-δίπλα σε ιστότοπους όπως το WordPress ή το Blogger.

Βήματα

Μέθοδος 1 από 3: Χρήση του PhotoJoiner

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 1
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 1

Βήμα 1. Μεταβείτε στον ιστότοπο PhotoJoiner στη διεύθυνση

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 2
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 2

Βήμα 2. Κάντε κλικ στο "Επιλογή φωτογραφιών" και, στη συνέχεια, επιλέξτε την πρώτη φωτογραφία που θέλετε να χρησιμοποιηθεί

Η φωτογραφία θα εμφανιστεί στην οθόνη στο PhotoJoiner.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 3
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 3

Βήμα 3. Κάντε ξανά κλικ στην επιλογή "Επιλογή φωτογραφιών" και, στη συνέχεια, επιλέξτε τη δεύτερη φωτογραφία που θέλετε να χρησιμοποιηθεί

Αυτή η φωτογραφία θα εμφανιστεί στα δεξιά της πρώτης φωτογραφίας.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 4
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 4

Βήμα 4. Τοποθετήστε ένα σημάδι ελέγχου δίπλα στο "Περιθώριο μεταξύ εικόνων", εάν θέλετε

Αυτή η λειτουργία προσθέτει ένα περιθώριο για τον διαχωρισμό των δύο φωτογραφιών μεταξύ τους.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 5
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 5

Βήμα 5. Κάντε κλικ στο «Join Photos

Και οι δύο εικόνες θα συνδυαστούν σε μία σόλο εικόνα.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 6
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 6

Βήμα 6. Κάντε δεξί κλικ στη φωτογραφία και επιλέξτε «Αποθήκευση εικόνας ως

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 7
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 7

Βήμα 7. Πληκτρολογήστε ένα όνομα για τη φωτογραφία σας και, στη συνέχεια, κάντε κλικ στο «Αποθήκευση

Η φωτογραφία σας δίπλα-δίπλα θα αποθηκευτεί τώρα.

Μέθοδος 2 από 3: Χρήση Picisto

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 8
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 8

Βήμα 1. Μεταβείτε στον ιστότοπο Picisto στη διεύθυνση

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 9
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 9

Βήμα 2. Κάντε κλικ στο "Εγγραφή" στην επάνω δεξιά γωνία και, στη συνέχεια, ακολουθήστε τις οδηγίες στην οθόνη για να δημιουργήσετε έναν δωρεάν λογαριασμό

Πρέπει να εγγραφείτε στο Picisto προτού μπορέσετε να συνδυάσετε φωτογραφίες χρησιμοποιώντας αυτήν την υπηρεσία.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 10
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 10

Βήμα 3. Κάντε κλικ στο "Side by Side" αφού συνδεθείτε στο Picisto

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 11
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 11

Βήμα 4. Κάντε κλικ στο "Μεταφόρτωση / Επιλογή φωτογραφίας" και, στη συνέχεια, κάντε κλικ στο "Αναζήτηση" για να επιλέξετε την πρώτη φωτογραφία που θέλετε να χρησιμοποιηθεί

Η φωτογραφία θα μεταφορτωθεί και θα εμφανιστεί στον ιστότοπο Picisto.

Εναλλακτικά, μπορείτε να επιλέξετε να ανεβάσετε μια φωτογραφία από το Facebook, το Instagram, τη διεύθυνση URL ή την κάμερα web

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 12
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 12

Βήμα 5. Κάντε ξανά κλικ στο "Μεταφόρτωση / Επιλογή Φωτογραφίας" και, στη συνέχεια, κάντε κλικ στο "Αναζήτηση" για να επιλέξετε τη δεύτερη φωτογραφία

Αυτή η φωτογραφία θα εμφανιστεί στα δεξιά της πρώτης σας φωτογραφίας.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 13
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 13

Βήμα 6. Μεταβείτε στο κάτω μέρος της φωτογραφίας σας και κάντε κλικ στο "Τέλος και αποθήκευση φωτογραφίας

Ο Picisto θα εμφανίσει ένα μήνυμα που λέει ότι η φωτογραφία σας αποθηκεύτηκε με επιτυχία.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 14
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 14

Βήμα 7. Μεταβείτε στο κάτω μέρος της φωτογραφίας σας και κάντε κλικ στο «Λήψη

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 15
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 15

Βήμα 8. Επιλέξτε την επιλογή για να "αποθηκεύσετε" τη φωτογραφία στην επιφάνεια εργασίας σας

Οι φωτογραφίες σας τώρα θα συνδυαστούν και θα αποθηκευτούν σε μία μεμονωμένη εικόνα.

Μέθοδος 3 από 3: Χρήση HTML

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 16
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 16

Βήμα 1. Επεξεργαστείτε την ανάρτηση ή τη σελίδα ιστολογίου στην οποία θέλετε να εμφανίζονται δύο εικόνες δίπλα -δίπλα

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 17
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 17

Βήμα 2. Εισάγετε και τις δύο εικόνες ξεχωριστά στην ανάρτηση ιστολογίου σας

Αργότερα, θα χρειαστεί να κάνετε κλικ και να σύρετε τις εικόνες σε διαφορετική ενότητα στην ανάρτηση ιστολογίου για να τις τοποθετήσετε δίπλα -δίπλα.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 18
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 18

Βήμα 3. Κάντε κλικ στην καρτέλα "HTML" στην ανάρτησή σας

Εδώ θα επικολλήσετε τον κώδικα που σας επιτρέπει να εμφανίσετε δύο εικόνες δίπλα -δίπλα.

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 19
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 19

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

φωτογραφία 1-1 φωτογραφία 1-2
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 20
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 20

Βήμα 5. Κάντε κλικ πίσω στην καρτέλα "Κείμενο" της ανάρτησής σας

Τώρα θα δείτε δύο γκρι κουτάκια το ένα δίπλα στο άλλο με την ένδειξη "φωτογραφία 1-1" και "φωτογραφία1-2".

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 21
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 21

Βήμα 6. Κάντε κλικ και σύρετε την πρώτη φωτογραφία πάνω στο γκρι πλαίσιο με την ένδειξη «φωτογραφία 1-1

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 22
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 22

Βήμα 7. Κάντε κλικ και σύρετε τη δεύτερη φωτογραφία στο γκρι πλαίσιο με την ένδειξη «φωτογραφία 1-2

Εάν αντιμετωπίζετε δυσκολίες στο να κάνετε κλικ και να σύρετε τις φωτογραφίες σας στα γκρι πλαίσια, κάντε ξανά κλικ στην καρτέλα HTML και αντικαταστήστε τις "φωτογραφία 1-1" και "φωτογραφία 1-2" με τον ακόλουθο κώδικα:. Η τιμή πλάτους μπορεί να αλλάξει με βάση τις προτιμήσεις σας

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 23
Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 23

Βήμα 8. Διαγράψτε το κείμενο "φωτογραφία 1-1" και "φωτογραφία 1-2" από κάτω από κάθε φωτογραφία

Οι εικόνες σας θα τοποθετηθούν τώρα δίπλα δίπλα στην ανάρτησή σας.

Συνιστάται: