3 τρόποι τοποθέτησης δύο φωτογραφιών δίπλα -δίπλα

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

3 τρόποι τοποθέτησης δύο φωτογραφιών δίπλα -δίπλα
3 τρόποι τοποθέτησης δύο φωτογραφιών δίπλα -δίπλα

Βίντεο: 3 τρόποι τοποθέτησης δύο φωτογραφιών δίπλα -δίπλα

Βίντεο: 3 τρόποι τοποθέτησης δύο φωτογραφιών δίπλα -δίπλα
Βίντεο: Πάει για καφέ και ακούει TSOURALE! 2024, Νοέμβριος
Anonim

Η τοποθέτηση δύο φωτογραφιών δίπλα -δίπλα είναι ένας ιδανικός τρόπος για να μοιραστείτε φωτογραφίες "πριν" και "μετά", να συγκρίνετε φωτογραφίες και ως κολάζ στο ιστολόγιο ή τον ιστότοπό σας. Μπορείτε να χρησιμοποιήσετε μια online εφαρμογή επεξεργασίας φωτογραφιών όπως το 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. Κάντε κλικ στην επιλογή "Εγγραφή φωτογραφιών"

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

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

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

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

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

Αυτές οι φωτογραφίες δίπλα-δίπλα θα αποθηκευτούν τώρα.

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

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

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

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

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

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

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

Βήμα 3. Κάντε κλικ στο "Δίπλα -δίπλα" μετά την είσοδο στο Picisto

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

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

Οι φωτογραφίες θα ανεβαίνουν και θα εμφανίζονται στον ιστότοπο του Picisto.

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

Τοποθετήστε δύο εικόνες δίπλα -δίπλα Βήμα 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" από κάτω από κάθε φωτογραφία

Οι φωτογραφίες θα τοποθετηθούν τώρα δίπλα δίπλα στην ανάρτηση ιστολογίου.

Συνιστάται: