3 Cara Meletakkan Dua Gambar Berdampingan

Isi kandungan:

3 Cara Meletakkan Dua Gambar Berdampingan
3 Cara Meletakkan Dua Gambar Berdampingan
Anonim

Menampilkan dua gambar bersebelahan adalah cara yang ideal untuk berkongsi foto, perbandingan, dan kolaj foto sebelum dan sesudah di blog atau laman web anda. Anda boleh menggunakan aplikasi penyuntingan foto dalam talian percuma seperti PhotoJoiner atau Picisto, atau menggunakan pengekodan HTML untuk menampilkan foto bersebelahan di laman seperti WordPress atau Blogger.

Langkah-langkah

Kaedah 1 dari 3: Menggunakan PhotoJoiner

Letakkan Dua Gambar Berdampingan Langkah 1
Letakkan Dua Gambar Berdampingan Langkah 1

Langkah 1. Navigasi ke laman web PhotoJoiner di

Letakkan Dua Gambar Berdampingan Langkah 2
Letakkan Dua Gambar Berdampingan Langkah 2

Langkah 2. Klik "Pilih Foto", kemudian pilih foto pertama yang anda mahu gunakan

Foto akan dipaparkan di layar di PhotoJoiner.

Letakkan Dua Gambar Berdampingan Langkah 3
Letakkan Dua Gambar Berdampingan Langkah 3

Langkah 3. Klik "Pilih Foto" sekali lagi, kemudian pilih foto kedua yang anda mahu gunakan

Foto ini akan dipaparkan di sebelah kanan foto pertama.

Letakkan Dua Gambar Bersebelahan Langkah 4
Letakkan Dua Gambar Bersebelahan Langkah 4

Langkah 4. Letakkan tanda semak di sebelah "Margin antara gambar", jika mahu

Ciri ini menambahkan margin untuk memisahkan kedua foto antara satu sama lain.

Letakkan Dua Gambar Bersebelahan Langkah 5
Letakkan Dua Gambar Bersebelahan Langkah 5

Langkah 5. Klik "Sertai Foto

Kedua-dua gambar akan digabungkan menjadi satu gambar solo.

Letakkan Dua Gambar Berdampingan Langkah 6
Letakkan Dua Gambar Berdampingan Langkah 6

Langkah 6. Klik kanan pada foto dan pilih "Simpan gambar sebagai

Letakkan Dua Gambar Berdampingan Langkah 7
Letakkan Dua Gambar Berdampingan Langkah 7

Langkah 7. Ketik nama untuk foto anda, kemudian klik "Simpan

Foto bersebelahan anda sekarang akan disimpan.

Kaedah 2 dari 3: Menggunakan Picisto

Letakkan Dua Gambar Berdampingan Langkah 8
Letakkan Dua Gambar Berdampingan Langkah 8

Langkah 1. Navigasi ke laman web Picisto di

Letakkan Dua Gambar Berdampingan Langkah 9
Letakkan Dua Gambar Berdampingan Langkah 9

Langkah 2. Klik "Daftar" di sudut kanan atas, kemudian ikuti arahan di skrin untuk membuat akaun percuma

Anda mesti mendaftar untuk Picisto sebelum dapat menggabungkan foto menggunakan perkhidmatan ini.

Letakkan Dua Gambar Berdampingan Langkah 10
Letakkan Dua Gambar Berdampingan Langkah 10

Langkah 3. Klik "Bersebelahan" setelah log masuk ke Picisto

Letakkan Dua Gambar Berdampingan Langkah 11
Letakkan Dua Gambar Berdampingan Langkah 11

Langkah 4. Klik "Upload / Pilih Foto", kemudian klik "Browse" untuk memilih foto pertama yang ingin anda gunakan

Foto akan dimuat dan dipaparkan di laman Picisto.

Sebagai pilihan, anda boleh memilih untuk memuat naik foto dari Facebook, Instagram, URL, atau kamera web

Letakkan Dua Gambar Berdampingan Langkah 12
Letakkan Dua Gambar Berdampingan Langkah 12

Langkah 5. Klik pada “Upload / Pilih Foto” sekali lagi, kemudian klik “Browse” untuk memilih foto kedua

Foto ini akan dipaparkan di sebelah kanan foto pertama anda.

Letakkan Dua Gambar Berdampingan Langkah 13
Letakkan Dua Gambar Berdampingan Langkah 13

Langkah 6. Tatal ke bahagian bawah foto anda dan klik "Selesai dan Simpan Foto

Picisto akan memaparkan mesej yang mengatakan bahawa foto anda berjaya disimpan.

Letakkan Dua Gambar Berdampingan Langkah 14
Letakkan Dua Gambar Berdampingan Langkah 14

Langkah 7. Tatal ke bahagian bawah foto anda dan klik "Muat turun

Letakkan Dua Gambar Bersebelahan Langkah 15
Letakkan Dua Gambar Bersebelahan Langkah 15

Langkah 8. Pilih pilihan untuk "menyimpan" foto ke desktop anda

Gambar anda kini akan digabungkan dan disimpan ke dalam satu gambar solo.

Kaedah 3 dari 3: Menggunakan HTML

Letakkan Dua Gambar Berdampingan Langkah 16
Letakkan Dua Gambar Berdampingan Langkah 16

Langkah 1. Edit entri blog atau halaman di mana anda ingin memaparkan dua gambar bersebelahan

Letakkan Dua Gambar Bersebelahan Langkah 17
Letakkan Dua Gambar Bersebelahan Langkah 17

Langkah 2. Masukkan kedua-dua gambar secara berasingan ke dalam catatan blog anda

Kemudian, anda perlu mengklik dan menyeret gambar ke bahagian lain dalam catatan blog untuk meletakkannya bersebelahan.

Letakkan Dua Gambar Berdampingan Langkah 18
Letakkan Dua Gambar Berdampingan Langkah 18

Langkah 3. Klik pada tab "HTML" dalam catatan anda

Di sinilah anda akan menampal kod yang membolehkan anda menampilkan dua gambar secara bersebelahan.

Letakkan Dua Gambar Bersebelahan Langkah 19
Letakkan Dua Gambar Bersebelahan Langkah 19

Langkah 4. Letakkan kursor anda di tempat yang anda mahukan dua gambar dipaparkan bersebelahan, kemudian tampal kod berikut:

gambar 1-1 gambar 1-2
Letakkan Dua Gambar Berdampingan Langkah 20
Letakkan Dua Gambar Berdampingan Langkah 20

Langkah 5. Klik kembali ke tab "Teks" pada catatan anda

Anda sekarang akan melihat dua kotak kelabu berdampingan yang dilabel sebagai "foto 1-1" dan "foto1-2."

Letakkan Dua Gambar Bersebelahan Langkah 21
Letakkan Dua Gambar Bersebelahan Langkah 21

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

Letakkan Dua Gambar Berdampingan Langkah 22
Letakkan Dua Gambar Berdampingan Langkah 22

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

Sekiranya anda mengalami kesukaran dengan mengklik dan menyeret foto anda ke kotak kelabu, klik kembali ke tab HTML dan ganti "foto 1-1" dan "foto 1-2" dengan kod berikut:. Nilai lebar boleh diubah berdasarkan pilihan anda

Letakkan Dua Gambar Bersebelahan Langkah 23
Letakkan Dua Gambar Bersebelahan Langkah 23

Langkah 8. Padamkan teks "foto 1-1" dan "foto 1-2" dari bawah setiap foto

Imej anda sekarang akan diletakkan bersebelahan dalam catatan anda.

Disyorkan: