3 modi per posizionare due foto fianco a fianco

Sommario:

3 modi per posizionare due foto fianco a fianco
3 modi per posizionare due foto fianco a fianco

Video: 3 modi per posizionare due foto fianco a fianco

Video: 3 modi per posizionare due foto fianco a fianco
Video: InDesign CC - Inserire file video in un impaginato 2024, Novembre
Anonim

Posizionare due foto fianco a fianco è un modo ideale per condividere foto "prima" e "dopo", confrontare foto e come collage sul tuo blog o sito web. Puoi utilizzare un'applicazione di fotoritocco online come PhotoJoiner o Picisto, oppure puoi utilizzare la codifica HTML per posizionare le foto fianco a fianco su un sito come WordPress o Blogger.

Fare un passo

Metodo 1 di 3: utilizzo di PhotoJoiner

Posiziona due immagini fianco a fianco Passaggio 1
Posiziona due immagini fianco a fianco Passaggio 1

Passaggio 1. Passare al sito PhotoJoiner all'indirizzo

Posiziona due immagini fianco a fianco Passaggio 2
Posiziona due immagini fianco a fianco Passaggio 2

Passaggio 2. Fare clic su "Seleziona foto", quindi selezionare la prima foto che si desidera utilizzare

La foto verrà visualizzata sullo schermo in PhotoJoiner.

Posiziona due immagini fianco a fianco Passaggio 3
Posiziona due immagini fianco a fianco Passaggio 3

Passaggio 3. Fare nuovamente clic su "Seleziona foto", quindi selezionare la seconda foto che si desidera utilizzare

Questa foto apparirà a destra della prima foto.

Posiziona due immagini fianco a fianco Passaggio 4
Posiziona due immagini fianco a fianco Passaggio 4

Passaggio 4. Se lo desideri, seleziona la casella accanto a "Margine tra le immagini"

Questa funzione aggiungerà un margine per separare le due foto l'una dall'altra.

Posiziona due immagini fianco a fianco Passaggio 5
Posiziona due immagini fianco a fianco Passaggio 5

Passaggio 5. Fare clic su "Unisciti alle foto"

Le due foto si fonderanno in un'immagine completa.

Posiziona due immagini fianco a fianco Passaggio 6
Posiziona due immagini fianco a fianco Passaggio 6

Passaggio 6. Fare clic con il tasto destro sulla foto e selezionare "Salva immagine con nome"

Posiziona due immagini fianco a fianco Passaggio 7
Posiziona due immagini fianco a fianco Passaggio 7

Passaggio 7. Assegna un nome alla tua foto, quindi fai clic su "Salva"

Queste foto affiancate verranno ora salvate.

Metodo 2 di 3: utilizzo di Picisto

Posiziona due immagini fianco a fianco Passaggio 8
Posiziona due immagini fianco a fianco Passaggio 8

Passaggio 1. Passare al sito Picisto all'indirizzo

Posiziona due immagini fianco a fianco Passaggio 9
Posiziona due immagini fianco a fianco Passaggio 9

Passaggio 2. Fai clic su "Iscriviti" nell'angolo in alto a destra, quindi segui le istruzioni sullo schermo per creare un account gratuito

Devi prima registrarti con Picisto prima di unire le foto utilizzando questo servizio.

Posiziona due immagini fianco a fianco Passaggio 10
Posiziona due immagini fianco a fianco Passaggio 10

Passaggio 3. Fare clic su "Side by Side" dopo aver inserito Picisto

Posiziona due immagini fianco a fianco Passaggio 11
Posiziona due immagini fianco a fianco Passaggio 11

Passaggio 4. Fare clic su "Carica/Scegli foto", quindi fare clic su "Sfoglia" per selezionare la prima foto che si desidera utilizzare

Le foto verranno caricate e visualizzate sul sito Web di Picisto.

In alternativa, puoi scegliere di caricare foto da Facebook, Instagram, URL o webcam

Posiziona due immagini fianco a fianco Passaggio 12
Posiziona due immagini fianco a fianco Passaggio 12

Passaggio 5. Fare nuovamente clic su "Carica/Scegli foto", quindi fare clic su "Sfoglia" per selezionare una seconda foto

Questa foto apparirà a destra della prima foto.

Posiziona due immagini fianco a fianco Passaggio 13
Posiziona due immagini fianco a fianco Passaggio 13

Passaggio 6. Scorri fino alla fine della foto e fai clic su "Fine e salva foto"

Picisto visualizzerà un messaggio che informa che la tua foto è stata salvata con successo.

Posiziona due immagini fianco a fianco Passaggio 14
Posiziona due immagini fianco a fianco Passaggio 14

Passaggio 7. Scorri fino alla fine della foto e fai clic su "Download"

Posiziona due immagini fianco a fianco Passaggio 15
Posiziona due immagini fianco a fianco Passaggio 15

Passaggio 8. Selezionare l'opzione per salvare la foto sul desktop

Le tue foto sono ora unite e salvate come un'unica immagine completa.

Metodo 3 di 3: utilizzo dell'HTML

Posiziona due immagini fianco a fianco Passaggio 16
Posiziona due immagini fianco a fianco Passaggio 16

Passaggio 1. Modifica la pubblicazione o la pagina del blog in cui desideri avere due foto affiancate

Posiziona due immagini fianco a fianco Passaggio 17
Posiziona due immagini fianco a fianco Passaggio 17

Passaggio 2. Inserisci le due foto separatamente nella pubblicazione del blog

Successivamente, fai clic e trascina le foto in diverse parti del post del blog per posizionarle fianco a fianco.

Posiziona due immagini fianco a fianco Passaggio 18
Posiziona due immagini fianco a fianco Passaggio 18

Passaggio 3. Fare clic sulla scheda "HTML" della pubblicazione

Questo è il posto dove copiare il codice che permette di visualizzare le due foto una accanto all'altra.

Posiziona due immagini fianco a fianco Passaggio 19
Posiziona due immagini fianco a fianco Passaggio 19

Passaggio 4. Posiziona il cursore dove verranno visualizzate le foto fianco a fianco, quindi copia il seguente codice:

foto 1-1 foto 1-2
Posiziona due immagini fianco a fianco Passaggio 20
Posiziona due immagini fianco a fianco Passaggio 20

Passaggio 5. Fare nuovamente clic sulla scheda "Testo" nella pubblicazione del blog

Ora vedrai due quadrati grigi affiancati con l'etichetta "foto 1-1" e "foto1-2".

Posiziona due immagini fianco a fianco Passo 21
Posiziona due immagini fianco a fianco Passo 21

Passaggio 6. Fare clic e trascinare la prima foto sulla casella grigia denominata "foto 1-1"

Posiziona due immagini fianco a fianco Passaggio 22
Posiziona due immagini fianco a fianco Passaggio 22

Passaggio 7. Fare clic e trascinare la seconda foto sulla casella grigia denominata "foto 1-2"

Se hai problemi a fare clic e trascinare le foto nella casella grigia, fai nuovamente clic sulla scheda HTML e sostituisci "foto 1-1" e "foto 1-2" con il seguente codice:. Il valore della larghezza può essere modificato in base alle proprie esigenze

Posiziona due immagini fianco a fianco Passaggio 23
Posiziona due immagini fianco a fianco Passaggio 23

Passaggio 8. Rimuovere il testo "foto 1-1" e "foto 1-2" da sotto ogni foto

Le foto verranno ora posizionate fianco a fianco nel post del blog.

Consigliato: