3 modi per posizionare due immagini fianco a fianco

Sommario:

3 modi per posizionare due immagini fianco a fianco
3 modi per posizionare due immagini fianco a fianco
Anonim

Mettere due immagini fianco a fianco è un modo ideale per condividere foto prima e dopo, confronti e collage di foto sul tuo blog o sito web. Puoi utilizzare app di fotoritocco online gratuite come PhotoJoiner o Picisto o utilizzare la codifica HTML per mostrare foto affiancate su siti come WordPress o Blogger.

Passi

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 Web di 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 verrà visualizzata 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, metti un segno di spunta accanto a "Margine tra le immagini"

Questa funzione aggiunge 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

Entrambe le immagini verranno combinate in un'unica immagine.

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

Passaggio 6. Fare clic con il pulsante destro del mouse 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. Digita un nome per la tua foto, quindi fai clic su "Salva

La tua foto affiancata verrà ora salvata.

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. Accedere al sito Web di Picisto all'indirizzo

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

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

Devi iscriverti a Picisto prima di poter combinare 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 effettuato l'accesso a 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

La foto verrà caricata e visualizzata sul sito Picisto.

In alternativa, puoi scegliere di caricare una 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 la seconda foto

Questa foto verrà visualizzata a destra della tua 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 tua foto e fai clic su "Fine e salva foto

Picisto mostrerà un messaggio che dice 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 tua foto e fai clic su "Download

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

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

Le tue immagini verranno ora combinate e salvate in un'unica immagine.

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 il post o la pagina del blog in cui desideri visualizzare due immagini affiancate

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

Passaggio 2. Inserisci entrambe le immagini separatamente nel post del tuo blog

Successivamente, dovrai fare clic e trascinare le immagini in una sezione diversa nel 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. Fai clic sulla scheda "HTML" nel tuo post

Qui è dove incollerai il codice che ti consente di presentare due immagini affiancate.

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

Passaggio 4. Posiziona il cursore nel punto in cui desideri visualizzare le due foto affiancate, quindi incolla 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. Torna alla scheda "Testo" del tuo post

Ora vedrai due caselle grigie affiancate etichettate come "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 nella 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 nella casella grigia denominata "foto 1-2

Se hai difficoltà a fare clic e trascinare le tue foto nelle caselle grigie, torna alla 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 tue preferenze

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

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

Le tue immagini verranno ora posizionate fianco a fianco nel tuo post.

Consigliato: