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

Mục lục:

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

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

Các bước

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 web 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ẽ hiển thị trên màn hình tại 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ẽ hiển thị ở bên phải của ả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. Đặt dấu kiểm bên cạnh “Lề giữa các hình ảnh,” nếu muốn

Tính năng này thêm một lề để tách hai ảnh ra khỏ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

Cả hai hình ảnh sẽ được kết hợp thành một hình ảnh solo.

Đặ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. Nhập tên cho ảnh của bạn, sau đó nhấp vào “Lưu

Ảnh chụp cạnh nhau của bạn bây giờ sẽ được lưu.

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 web 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 cùng 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ý Picisto trước khi có thể kết hợ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 đăng nhập vào 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ẽ tải lên và hiển thị trên trang 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 lại vào “Tải lên / Chọn ảnh”, sau đó nhấp vào “Duyệt” để chọn ảnh thứ hai

Ảnh này sẽ hiển thị ở bên phải ảnh đầu tiên của bạ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 của bạn và nhấp vào “Hoàn tất và Lưu ảnh

Picisto sẽ hiển thị thông báo ả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 ảnh của bạn 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 vào màn hình của bạn

Hình ảnh của bạn bây giờ sẽ được kết hợp và lưu thành một hình ảnh riêng lẻ.

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 bài đăng trên blog hoặc trang mà bạn muốn làm nổi bật hai hình ả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 cả hai hình ảnh vào bài đăng blog của bạn

Sau đó, bạn sẽ cần nhấp và kéo các hình ảnh đến một phần khác trong bài đăng 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” trong bài đăng của bạn

Đây là nơi bạn sẽ dán mã cho phép bạn làm nổi bật hai hình ả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. Định vị con trỏ của bạn tại vị trí bạn muốn hai ảnh hiển thị cạnh nhau, sau đó dán đ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 trở lại tab “Văn bản” của bài đăng của bạn

Bây giờ bạn sẽ thấy hai hộp màu xám cạnh nhau được gắn nhãn là “ả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 khó khăn khi nhấp và kéo ảnh của mình vào các hộp màu xám, hãy nhấp trở lại 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 sở thích 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

Hình ảnh của bạn bây giờ sẽ được đặt cạnh nhau trong bài đăng của bạn.

Đề xuất: