3 cách đặt hai ảnh cạnh nhau

Mục lục:

3 cách đặt hai ảnh cạnh nhau
3 cách đặt hai ảnh cạnh nhau

Video: 3 cách đặt hai ảnh cạnh nhau

Video: 3 cách đặt hai ảnh cạnh nhau
Video: # ID 04_Thao tác với hình ảnh trong indesign 2024, Tháng mười một
Anonim

Đặt hai ảnh cạnh nhau là cách lý tưởng để chia sẻ ảnh “trước” và ảnh “sau”, so sánh ảnh và làm ảnh ghép trên blog hoặc trang web của bạn. Bạn có thể sử dụng ứng dụng chỉnh sửa ảnh trực tuyến như PhotoJoiner hoặc Picisto, hoặc bạn có thể sử dụng mã HTML để đặt ảnh cạnh nhau trên một trang web như WordPress hoặc Blogger.

Bươc chân

Phương pháp 1/3: Sử dụng PhotoJoiner

Đặt hai hình ảnh cạnh nhau Bước 1
Đặt hai hình ảnh cạnh nhau Bước 1

Bước 1. Điều hướng đến trang PhotoJoiner tại

Đặt hai hình ảnh cạnh nhau Bước 2
Đặt hai hình ảnh cạnh nhau Bước 2

Bước 2. Nhấp vào “Chọn ảnh”, sau đó chọn ảnh đầu tiên bạn muốn sử dụng

Ảnh sẽ được hiển thị trên màn hình trong PhotoJoiner.

Đặt hai hình ảnh cạnh nhau Bước 3
Đặt hai hình ảnh cạnh nhau Bước 3

Bước 3. Nhấp vào “Chọn ảnh” một lần nữa, sau đó chọn ảnh thứ hai bạn muốn sử dụng

Ảnh này sẽ xuất hiện ở bên phải của bức ảnh đầu tiên.

Đặt hai hình ảnh cạnh nhau Bước 4
Đặt hai hình ảnh cạnh nhau Bước 4

Bước 4. Chọn hộp bên cạnh “Lề giữa các hình ảnh” nếu bạn muốn

Tính năng này sẽ thêm lề để ngăn cách hai bức ảnh với nhau.

Đặt hai hình ảnh cạnh nhau Bước 5
Đặt hai hình ảnh cạnh nhau Bước 5

Bước 5. Nhấp vào "Tham gia ảnh"

Hai bức ảnh sẽ ghép thành một bức ảnh hoàn chỉnh.

Đặt hai hình ảnh cạnh nhau Bước 6
Đặt hai hình ảnh cạnh nhau Bước 6

Bước 6. Nhấp chuột phải vào ảnh và chọn “Lưu hình ảnh thành”

Đặt hai hình ảnh cạnh nhau Bước 7
Đặt hai hình ảnh cạnh nhau Bước 7

Bước 7. Đặt tên cho ảnh của bạn, sau đó nhấp vào “Lưu”

Giờ đây, những bức ảnh cạnh nhau này sẽ được lưu lại.

Phương pháp 2/3: Sử dụng Picisto

Đặt hai hình ảnh cạnh nhau Bước 8
Đặt hai hình ảnh cạnh nhau Bước 8

Bước 1. Điều hướng đến trang Picisto tại

Đặt hai hình ảnh cạnh nhau Bước 9
Đặt hai hình ảnh cạnh nhau Bước 9

Bước 2. Nhấp vào “Đăng ký” ở góc trên bên phải, sau đó làm theo hướng dẫn trên màn hình để tạo tài khoản miễn phí

Bạn phải đăng ký với Picisto trước khi ghép ảnh bằng dịch vụ này.

Đặt hai hình ảnh cạnh nhau Bước 10
Đặt hai hình ảnh cạnh nhau Bước 10

Bước 3. Nhấp vào “Cạnh nhau” sau khi nhập Picisto

Đặt hai hình ảnh cạnh nhau Bước 11
Đặt hai hình ảnh cạnh nhau Bước 11

Bước 4. Nhấp vào “Tải lên / Chọn ảnh”, sau đó nhấp vào “Duyệt” để chọn ảnh đầu tiên bạn muốn sử dụng

Ảnh sẽ được tải lên và hiển thị trên trang web Picisto.

Ngoài ra, bạn có thể chọn tải ảnh lên từ Facebook, Instagram, URL hoặc webcam

Đặt hai hình ảnh cạnh nhau Bước 12
Đặt hai hình ảnh cạnh nhau Bước 12

Bước 5. Nhấp vào “Tải lên / Chọn ảnh” một lần nữa, sau đó nhấp vào “Duyệt” để chọn ảnh thứ hai

Ảnh này sẽ xuất hiện ở bên phải của bức ảnh đầu tiên.

Đặt hai hình ảnh cạnh nhau Bước 13
Đặt hai hình ảnh cạnh nhau Bước 13

Bước 6. Cuộn xuống cuối bức ảnh và nhấp vào “Hoàn tất và Lưu ảnh”

Picisto sẽ hiển thị thông báo rằng ảnh của bạn đã được lưu thành công.

Đặt hai hình ảnh cạnh nhau Bước 14
Đặt hai hình ảnh cạnh nhau Bước 14

Bước 7. Cuộn xuống cuối bức ảnh và nhấp vào “Tải xuống”

Đặt hai hình ảnh cạnh nhau Bước 15
Đặt hai hình ảnh cạnh nhau Bước 15

Bước 8. Chọn tùy chọn để lưu ảnh trên màn hình nền

Ảnh của bạn hiện đã được hợp nhất và lưu thành một hình ảnh hoàn chỉnh.

Phương pháp 3/3: Sử dụng HTML

Đặt hai hình ảnh cạnh nhau Bước 16
Đặt hai hình ảnh cạnh nhau Bước 16

Bước 1. Chỉnh sửa ấn phẩm hoặc trang blog mà bạn muốn có hai ảnh cạnh nhau

Đặt hai hình ảnh cạnh nhau Bước 17
Đặt hai hình ảnh cạnh nhau Bước 17

Bước 2. Chèn riêng hai ảnh vào ấn phẩm blog

Sau đó, nhấp và kéo ảnh vào các phần khác nhau của bài đăng trên blog để đặt chúng cạnh nhau.

Đặt hai hình ảnh cạnh nhau Bước 18
Đặt hai hình ảnh cạnh nhau Bước 18

Bước 3. Nhấp vào tab “HTML” của ấn phẩm của bạn

Đây là nơi sao chép mã cho phép hiển thị hai bức ảnh cạnh nhau.

Đặt hai hình ảnh cạnh nhau Bước 19
Đặt hai hình ảnh cạnh nhau Bước 19

Bước 4. Đặt con trỏ vào vị trí các ảnh sẽ được hiển thị cạnh nhau, sau đó sao chép đoạn mã sau:

ảnh 1-1 ảnh 1-2
Đặt hai hình ảnh cạnh nhau Bước 20
Đặt hai hình ảnh cạnh nhau Bước 20

Bước 5. Nhấp lại vào tab “Văn bản” trên ấn phẩm blog

Bây giờ, bạn sẽ thấy hai hình vuông màu xám đặt cạnh nhau có nhãn “ảnh 1-1” và “ảnh1-2”.

Đặt hai hình ảnh cạnh nhau Bước 21
Đặt hai hình ảnh cạnh nhau Bước 21

Bước 6. Nhấp và kéo ảnh đầu tiên qua hộp màu xám có nhãn “ảnh 1-1”

Đặt hai hình ảnh cạnh nhau Bước 22
Đặt hai hình ảnh cạnh nhau Bước 22

Bước 7. Nhấp và kéo ảnh thứ hai qua hộp màu xám có nhãn “ảnh 1-2”

Nếu bạn gặp sự cố khi nhấp và kéo ảnh vào hộp màu xám, hãy nhấp lại vào tab HTML và thay thế “ảnh 1-1” và “ảnh 1-2” bằng mã sau:. Giá trị chiều rộng có thể được thay đổi dựa trên nhu cầu của bạn

Đặt hai hình ảnh cạnh nhau Bước 23
Đặt hai hình ảnh cạnh nhau Bước 23

Bước 8. Xóa văn bản “ảnh 1-1” và “ảnh 1-2” ở bên dưới mỗi ảnh

Các bức ảnh bây giờ sẽ được đặt cạnh nhau trong bài đăng trên blog.

Đề xuất: