3 Cara Menempatkan Dua Gambar Berdampingan

Daftar Isi:

3 Cara Menempatkan Dua Gambar Berdampingan
3 Cara Menempatkan Dua Gambar Berdampingan
Anonim

Menampilkan dua gambar berdampingan adalah cara ideal untuk berbagi foto sebelum dan sesudah, perbandingan, dan kolase foto di blog atau situs web Anda. Anda dapat menggunakan aplikasi pengeditan foto online gratis seperti PhotoJoiner atau Picisto, atau menggunakan kode HTML untuk menampilkan foto berdampingan di situs seperti WordPress atau Blogger.

Langkah

Metode 1 dari 3: Menggunakan PhotoJoiner

Tempatkan Dua Gambar Berdampingan Langkah 1
Tempatkan Dua Gambar Berdampingan Langkah 1

Langkah 1. Navigasikan ke situs web PhotoJoiner di

Tempatkan Dua Gambar Berdampingan Langkah 2
Tempatkan Dua Gambar Berdampingan Langkah 2

Langkah 2. Klik “Select Photos”, lalu pilih foto pertama yang ingin Anda gunakan

Foto akan ditampilkan di layar di PhotoJoiner.

Tempatkan Dua Gambar Berdampingan Langkah 3
Tempatkan Dua Gambar Berdampingan Langkah 3

Langkah 3. Klik "Pilih Foto" lagi, lalu pilih foto kedua yang ingin Anda gunakan

Foto ini akan ditampilkan di sebelah kanan foto pertama.

Tempatkan Dua Gambar Berdampingan Langkah 4
Tempatkan Dua Gambar Berdampingan Langkah 4

Langkah 4. Tempatkan tanda centang di sebelah "Margin antara gambar," jika diinginkan

Fitur ini menambahkan margin untuk memisahkan dua foto satu sama lain.

Tempatkan Dua Gambar Berdampingan Langkah 5
Tempatkan Dua Gambar Berdampingan Langkah 5

Langkah 5. Klik “Bergabung dengan Foto

Kedua gambar tersebut akan digabungkan menjadi satu gambar tunggal.

Tempatkan Dua Gambar Berdampingan Langkah 6
Tempatkan Dua Gambar Berdampingan Langkah 6

Langkah 6. Klik kanan pada foto dan pilih “Save image as

Tempatkan Dua Gambar Berdampingan Langkah 7
Tempatkan Dua Gambar Berdampingan Langkah 7

Langkah 7. Ketik nama untuk foto Anda, lalu klik “Simpan

Foto berdampingan Anda sekarang akan disimpan.

Metode 2 dari 3: Menggunakan Picisto

Tempatkan Dua Gambar Berdampingan Langkah 8
Tempatkan Dua Gambar Berdampingan Langkah 8

Langkah 1. Navigasikan ke situs web Picisto di

Tempatkan Dua Gambar Berdampingan Langkah 9
Tempatkan Dua Gambar Berdampingan Langkah 9

Langkah 2. Klik "Daftar" di sudut kanan atas, lalu ikuti petunjuk di layar untuk membuat akun gratis

Anda harus mendaftar ke Picisto sebelum Anda dapat menggabungkan foto menggunakan layanan ini.

Tempatkan Dua Gambar Berdampingan Langkah 10
Tempatkan Dua Gambar Berdampingan Langkah 10

Langkah 3. Klik “Berdampingan” setelah masuk ke Picisto

Tempatkan Dua Gambar Berdampingan Langkah 11
Tempatkan Dua Gambar Berdampingan Langkah 11

Langkah 4. Klik “Unggah / Pilih Foto”, lalu klik “Jelajahi” untuk memilih foto pertama yang ingin Anda gunakan

Foto akan diunggah dan ditampilkan di situs Picisto.

Sebagai alternatif, Anda dapat memilih untuk mengunggah foto dari Facebook, Instagram, URL, atau webcam

Tempatkan Dua Gambar Berdampingan Langkah 12
Tempatkan Dua Gambar Berdampingan Langkah 12

Langkah 5. Klik lagi “Unggah / Pilih Foto”, lalu klik “Jelajahi” untuk memilih foto kedua

Foto ini akan ditampilkan di sebelah kanan foto pertama Anda.

Tempatkan Dua Gambar Berdampingan Langkah 13
Tempatkan Dua Gambar Berdampingan Langkah 13

Langkah 6. Gulir ke bagian bawah foto Anda dan klik “Finish and Save Photo

Picisto akan menampilkan pesan yang mengatakan foto Anda berhasil disimpan.

Tempatkan Dua Gambar Berdampingan Langkah 14
Tempatkan Dua Gambar Berdampingan Langkah 14

Langkah 7. Gulir ke bagian bawah foto Anda dan klik “Unduh

Tempatkan Dua Gambar Berdampingan Langkah 15
Tempatkan Dua Gambar Berdampingan Langkah 15

Langkah 8. Pilih opsi untuk "menyimpan" foto ke desktop Anda

Gambar Anda sekarang akan digabungkan dan disimpan menjadi satu gambar tunggal.

Metode 3 dari 3: Menggunakan HTML

Tempatkan Dua Gambar Berdampingan Langkah 16
Tempatkan Dua Gambar Berdampingan Langkah 16

Langkah 1. Edit posting blog atau halaman di mana Anda ingin menampilkan dua gambar secara berdampingan

Tempatkan Dua Gambar Berdampingan Langkah 17
Tempatkan Dua Gambar Berdampingan Langkah 17

Langkah 2. Masukkan kedua gambar secara terpisah ke dalam posting blog Anda

Kemudian, Anda harus mengeklik dan menyeret gambar ke bagian lain di entri blog untuk menempatkannya berdampingan.

Tempatkan Dua Gambar Berdampingan Langkah 18
Tempatkan Dua Gambar Berdampingan Langkah 18

Langkah 3. Klik pada tab “HTML” di postingan Anda

Di sinilah Anda akan menempelkan kode yang memungkinkan Anda menampilkan dua gambar secara berdampingan.

Tempatkan Dua Gambar Berdampingan Langkah 19
Tempatkan Dua Gambar Berdampingan Langkah 19

Langkah 4. Posisikan kursor Anda di tempat Anda ingin kedua foto ditampilkan berdampingan, lalu tempel kode berikut:

foto 1-1 foto 1-2
Tempatkan Dua Gambar Berdampingan Langkah 20
Tempatkan Dua Gambar Berdampingan Langkah 20

Langkah 5. Klik kembali ke tab “Teks” di postingan Anda

Anda sekarang akan melihat dua kotak abu-abu berdampingan berlabel "foto 1-1" dan "foto1-2."

Tempatkan Dua Gambar Berdampingan Langkah 21
Tempatkan Dua Gambar Berdampingan Langkah 21

Langkah 6. Klik dan seret foto pertama ke kotak abu-abu berlabel “foto 1-1

Tempatkan Dua Gambar Berdampingan Langkah 22
Tempatkan Dua Gambar Berdampingan Langkah 22

Langkah 7. Klik dan seret foto kedua ke kotak abu-abu berlabel “foto 1-2

Jika Anda mengalami kesulitan dengan mengklik dan menyeret foto Anda ke kotak abu-abu, klik kembali ke tab HTML dan ganti "foto 1-1" dan "foto 1-2" dengan kode berikut:. Nilai lebar dapat diubah berdasarkan preferensi Anda

Tempatkan Dua Gambar Berdampingan Langkah 23
Tempatkan Dua Gambar Berdampingan Langkah 23

Langkah 8. Hapus teks “foto 1-1” dan “foto 1-2” dari bawah setiap foto

Gambar Anda sekarang akan diposisikan berdampingan di pos Anda.

Direkomendasikan: