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

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

Wideo: 3 sposoby na umieszczenie dwóch zdjęć obok siebie
Wideo: How to Insert an Image in InDesign 2024, Może
Anonim

Umieszczenie dwóch zdjęć obok siebie to idealny sposób na udostępnianie zdjęć „przed” i „po”, porównywanie zdjęć i tworzenie kolaży na swoim blogu lub w witrynie internetowej. Możesz użyć aplikacji do edycji zdjęć online, takiej jak PhotoJoiner lub Picisto, lub użyć kodu HTML, aby umieścić zdjęcia obok siebie w witrynie takiej jak WordPress lub Blogger.

Krok

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órego 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 pojawi się po prawej stronie pierwszego zdjęcia.

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

Krok 4. Zaznacz pole obok „Margines między obrazami”, jeśli chcesz

Ta funkcja doda 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ęć”

Dwa zdjęcia połączą się w kompletny obraz.

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

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

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

Krok 7. Nazwij swoje zdjęcie, a następnie kliknij „Zapisz”

Te zdjęcia obok siebie zostaną teraz 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 najpierw zarejestrować się w Picisto przed łączeniem zdjęć 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 wejściu 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órego chcesz użyć

Zdjęcia zostaną przesłane i wyświetlone na stronie Picisto.

Alternatywnie możesz przesłać zdjęcia z Facebooka, Instagrama, adresów URL lub kamer internetowych

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 pojawi się 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 są teraz połączone i zapisane jako jeden kompletny obraz.

Metoda 3 z 3: Używanie HTML

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

Krok 1. Edytuj publikację lub stronę bloga, na której chcesz mieć dwa zdjęcia obok siebie

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

Krok 2. Wstaw dwa zdjęcia osobno do publikacji na blogu

Następnie kliknij i przeciągnij zdjęcia do różnych części posta 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” swojej publikacji

To jest miejsce na skopiowanie kodu, który umożliwia wyświetlanie dwóch zdjęć obok siebie.

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

Krok 4. Umieść kursor w miejscu, w którym zdjęcia będą wyświetlane obok siebie, a następnie skopiuj 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. Ponownie kliknij kartę „Tekst” w publikacji na blogu

Teraz zobaczysz dwa szare kwadraty umieszczone obok siebie, oznaczone „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 na szare pole oznaczone „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 na szare pole oznaczone „zdjęcie 1-2”

Jeśli masz problemy z klikaniem i przeciąganiem zdjęć do szarego pola, kliknij ponownie kartę HTML i zastąp „zdjęcie 1-1” i „zdjęcie 1-2” następującym kodem:. Wartość szerokości można zmienić w zależności od potrzeb

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

Zdjęcia będą teraz umieszczane obok siebie w poście na blogu.

Zalecana: