3 sposoby na umieszczenie dwóch zdjęć obok siebie

Spisu treści:

3 sposoby na umieszczenie dwóch zdjęć obok siebie
3 sposoby na umieszczenie dwóch zdjęć obok siebie
Anonim

Umieszczanie dwóch zdjęć obok siebie to idealny sposób na udostępnianie zdjęć przed i po, porównań i kolaży zdjęć na swoim blogu lub w witrynie internetowej. Możesz korzystać z bezpłatnych aplikacji do edycji zdjęć online, takich jak PhotoJoiner lub Picisto, lub korzystać z kodu HTML, aby wyświetlać zdjęcia obok siebie w witrynach takich jak WordPress czy Blogger.

Kroki

Metoda 1 z 3: Korzystanie z PhotoJoiner

Umieść dwa obrazki obok siebie Krok 1
Umieść dwa obrazki obok siebie Krok 1

Krok 1. Przejdź do witryny PhotoJoiner pod adresem

Umieść dwa obrazki obok siebie Krok 2
Umieść dwa obrazki obok siebie Krok 2

Krok 2. Kliknij „Wybierz zdjęcia”, a następnie wybierz pierwsze zdjęcie, które chcesz użyć

Zdjęcie zostanie wyświetlone na ekranie w PhotoJoiner.

Umieść dwa obrazki obok siebie Krok 3
Umieść dwa obrazki obok siebie Krok 3

Krok 3. Ponownie kliknij „Wybierz zdjęcia”, a następnie wybierz drugie zdjęcie, którego chcesz użyć

To zdjęcie zostanie wyświetlone po prawej stronie pierwszego zdjęcia.

Umieść dwa obrazki obok siebie Krok 4
Umieść dwa obrazki obok siebie Krok 4

Krok 4. W razie potrzeby umieść znacznik wyboru obok „Margines między obrazami”

Ta funkcja dodaje margines, aby oddzielić dwa zdjęcia od siebie.

Umieść dwa obrazki obok siebie Krok 5
Umieść dwa obrazki obok siebie Krok 5

Krok 5. Kliknij „Dołącz do zdjęć

Oba obrazy zostaną połączone w jeden obraz solo.

Umieść dwa obrazki obok siebie Krok 6
Umieść dwa obrazki obok siebie Krok 6

Krok 6. Kliknij zdjęcie prawym przyciskiem myszy i wybierz „Zapisz obraz jako

Umieść dwa obrazki obok siebie Krok 7
Umieść dwa obrazki obok siebie Krok 7

Krok 7. Wpisz nazwę zdjęcia, a następnie kliknij „Zapisz

Twoje zdjęcie obok siebie zostanie zapisane.

Metoda 2 z 3: Korzystanie z Picisto

Umieść dwa obrazki obok siebie Krok 8
Umieść dwa obrazki obok siebie Krok 8

Krok 1. Przejdź do witryny Picisto pod adresem

Umieść dwa obrazki obok siebie Krok 9
Umieść dwa obrazki obok siebie Krok 9

Krok 2. Kliknij „Zarejestruj się” w prawym górnym rogu, a następnie postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby utworzyć bezpłatne konto

Musisz zarejestrować się w Picisto, zanim będziesz mógł łączyć zdjęcia za pomocą tej usługi.

Umieść dwa obrazki obok siebie Krok 10
Umieść dwa obrazki obok siebie Krok 10

Krok 3. Kliknij „Obok siebie” po zalogowaniu się do Picisto

Umieść dwa obrazki obok siebie Krok 11
Umieść dwa obrazki obok siebie Krok 11

Krok 4. Kliknij „Prześlij / Wybierz zdjęcie”, a następnie kliknij „Przeglądaj”, aby wybrać pierwsze zdjęcie, które chcesz użyć

Zdjęcie zostanie przesłane i wyświetlone na stronie Picisto.

Alternatywnie możesz przesłać zdjęcie z Facebooka, Instagrama, adresu URL lub kamery internetowej

Umieść dwa obrazki obok siebie Krok 12
Umieść dwa obrazki obok siebie Krok 12

Krok 5. Kliknij ponownie „Prześlij / Wybierz zdjęcie”, a następnie kliknij „Przeglądaj”, aby wybrać drugie zdjęcie

To zdjęcie zostanie wyświetlone po prawej stronie pierwszego zdjęcia.

Umieść dwa obrazki obok siebie Krok 13
Umieść dwa obrazki obok siebie Krok 13

Krok 6. Przewiń w dół zdjęcia i kliknij „Zakończ i zapisz zdjęcie”

Picisto wyświetli komunikat informujący, że Twoje zdjęcie zostało pomyślnie zapisane.

Umieść dwa obrazki obok siebie Krok 14
Umieść dwa obrazki obok siebie Krok 14

Krok 7. Przewiń w dół zdjęcia i kliknij „Pobierz

Umieść dwa obrazki obok siebie Krok 15
Umieść dwa obrazki obok siebie Krok 15

Krok 8. Wybierz opcję „zapisania” zdjęcia na pulpicie

Twoje zdjęcia zostaną teraz połączone i zapisane w jednym pojedynczym obrazie.

Metoda 3 z 3: Używanie HTML

Umieść dwa obrazki obok siebie Krok 16
Umieść dwa obrazki obok siebie Krok 16

Krok 1. Edytuj post na blogu lub stronę, na której chcesz umieścić dwa zdjęcia obok siebie

Umieść dwa obrazki obok siebie Krok 17
Umieść dwa obrazki obok siebie Krok 17

Krok 2. Wstaw oba obrazy osobno do swojego posta na blogu

Później będziesz musiał kliknąć i przeciągnąć obrazy do innej sekcji w poście na blogu, aby umieścić je obok siebie.

Umieść dwa obrazki obok siebie Krok 18
Umieść dwa obrazki obok siebie Krok 18

Krok 3. Kliknij zakładkę „HTML” w swoim poście

W tym miejscu wkleisz kod, który pozwala wyświetlać dwa obrazy obok siebie.

Umieść dwa obrazki obok siebie Krok 19
Umieść dwa obrazki obok siebie Krok 19

Krok 4. Ustaw kursor w miejscu, w którym chcesz wyświetlić dwa zdjęcia obok siebie, a następnie wklej następujący kod:

zdjęcie 1-1 zdjęcie 1-2
Umieść dwa obrazki obok siebie Krok 20
Umieść dwa obrazki obok siebie Krok 20

Krok 5. Kliknij z powrotem na zakładkę „Tekst” swojego posta

Zobaczysz teraz dwa szare pola obok siebie oznaczone jako „zdjęcie 1-1” i „zdjęcie1-2”.

Umieść dwa obrazki obok siebie Krok 21
Umieść dwa obrazki obok siebie Krok 21

Krok 6. Kliknij i przeciągnij pierwsze zdjęcie do szarego pola oznaczonego „zdjęcie 1-1

Umieść dwa obrazki obok siebie Krok 22
Umieść dwa obrazki obok siebie Krok 22

Krok 7. Kliknij i przeciągnij drugie zdjęcie do szarego pola oznaczonego „zdjęcie 1-2

Jeśli masz trudności z klikaniem i przeciąganiem zdjęć do szarych pól, kliknij z powrotem na kartę HTML i zastąp „zdjęcie 1-1” i „zdjęcie 1-2” następującym kodem:. Wartość szerokości można zmienić zgodnie z własnymi preferencjami

Umieść dwa obrazki obok siebie Krok 23
Umieść dwa obrazki obok siebie Krok 23

Krok 8. Usuń tekst „zdjęcie 1-1” i „zdjęcie 1-2” spod każdego zdjęcia

Twoje obrazy będą teraz umieszczane obok siebie w Twoim poście.

Zalecana: