3 maneres de col·locar dues imatges una al costat de l’altra

Taula de continguts:

3 maneres de col·locar dues imatges una al costat de l’altra
3 maneres de col·locar dues imatges una al costat de l’altra
Anonim

Disposar de dues imatges una al costat de l’altra és una manera ideal de compartir fotografies abans i després, comparacions i collages de fotos al vostre bloc o lloc web. Podeu utilitzar aplicacions gratuïtes d’edició de fotos en línia com PhotoJoiner o Picisto, o bé utilitzar codis HTML per mostrar fotografies paral·leles a llocs com WordPress o Blogger.

Passos

Mètode 1 de 3: utilitzar PhotoJoiner

Col·loqueu dues imatges al costat del pas 1
Col·loqueu dues imatges al costat del pas 1

Pas 1. Aneu al lloc web de PhotoJoiner a

Col·loqueu dues imatges al costat del pas 2
Col·loqueu dues imatges al costat del pas 2

Pas 2. Feu clic a "Selecciona fotos" i, a continuació, seleccioneu la primera foto que vulgueu utilitzar

La foto es mostrarà a la pantalla a PhotoJoiner.

Col·loqueu dues imatges al costat del pas 3
Col·loqueu dues imatges al costat del pas 3

Pas 3. Feu clic a "Selecciona fotos" de nou i seleccioneu la segona foto que vulgueu utilitzar

Aquesta foto es mostrarà a la dreta de la primera foto.

Col·loqueu dues imatges al costat del pas 4
Col·loqueu dues imatges al costat del pas 4

Pas 4. Col·loqueu una marca al costat de "Marge entre imatges", si voleu

Aquesta funció afegeix un marge per separar les dues fotografies.

Col·loqueu dues imatges al costat del pas 5
Col·loqueu dues imatges al costat del pas 5

Pas 5. Feu clic a "Uneix-me a les fotos

Les dues imatges es combinaran en una sola imatge en solitari.

Col·loqueu dues imatges al costat del pas 6
Col·loqueu dues imatges al costat del pas 6

Pas 6. Feu clic amb el botó dret a la foto i seleccioneu "Desa la imatge com a

Col·loqueu dues imatges al costat del pas 7
Col·loqueu dues imatges al costat del pas 7

Pas 7. Escriviu un nom per a la vostra foto i feu clic a "Desa

Ara es desarà la vostra foto costat a costat.

Mètode 2 de 3: utilitzar Picisto

Col·loqueu dues imatges al costat del pas 8
Col·loqueu dues imatges al costat del pas 8

Pas 1. Aneu al lloc web de Picisto a

Col·loqueu dues imatges al costat del pas 9
Col·loqueu dues imatges al costat del pas 9

Pas 2. Feu clic a "Registra't" a l'extrem superior dret i, a continuació, seguiu les instruccions en pantalla per crear un compte gratuït

Cal que us inscriviu a Picisto per poder combinar fotografies amb aquest servei.

Col·loqueu dues imatges al costat del pas 10
Col·loqueu dues imatges al costat del pas 10

Pas 3. Feu clic a "Side by Side" després d'iniciar sessió a Picisto

Col·loqueu dues imatges al costat del pas 11
Col·loqueu dues imatges al costat del pas 11

Pas 4. Feu clic a "Puja / Tria foto" i, a continuació, feu clic a "Navega" per seleccionar la primera foto que vulgueu utilitzar

La foto es penjarà i es mostrarà al lloc Picisto.

Alternativament, podeu optar per penjar una foto des de Facebook, Instagram, URL o càmera web

Col·loqueu dues imatges al costat del pas 12
Col·loqueu dues imatges al costat del pas 12

Pas 5. Torneu a fer clic a "Puja / Tria foto" i, a continuació, feu clic a "Navega" per seleccionar la segona foto

Aquesta foto es mostrarà a la dreta de la primera foto.

Col·loqueu dues imatges al costat del pas 13
Col·loqueu dues imatges al costat del pas 13

Pas 6. Desplaceu-vos fins a la part inferior de la foto i feu clic a "Finalitza i desa la foto

Picisto mostrarà un missatge que indica que la vostra foto s'ha desat correctament.

Col·loqueu dues imatges al costat del pas 14
Col·loqueu dues imatges al costat del pas 14

Pas 7. Desplaceu-vos fins a la part inferior de la vostra foto i feu clic a "Baixa

Col·loqueu dues imatges al costat del pas 15
Col·loqueu dues imatges al costat del pas 15

Pas 8. Seleccioneu l'opció per "desar" la foto a l'escriptori

Les vostres imatges es combinaran i es desaran en una sola imatge.

Mètode 3 de 3: utilitzar HTML

Col·loqueu dues imatges al costat del pas 16
Col·loqueu dues imatges al costat del pas 16

Pas 1. Editeu la publicació del blog o la pàgina on vulgueu mostrar dues imatges una al costat de l’altra

Col·loqueu dues imatges al costat del pas 17
Col·loqueu dues imatges al costat del pas 17

Pas 2. Inseriu les dues imatges per separat a la publicació del vostre bloc

Més endavant, haureu de fer clic i arrossegar les imatges a una secció diferent de la publicació del bloc per col·locar-les una al costat de l’altra.

Col·loqueu dues imatges al costat del pas 18
Col·loqueu dues imatges al costat del pas 18

Pas 3. Feu clic a la pestanya "HTML" de la vostra publicació

Aquí és on enganxareu el codi que us permet mostrar dues imatges una al costat de l’altra.

Col·loqueu dues imatges al costat del pas 19
Col·loqueu dues imatges al costat del pas 19

Pas 4. Col·loqueu el cursor al lloc on vulgueu que es mostrin les dues fotos una al costat de l’altra i enganxeu el codi següent:

foto 1-1 foto 1-2
Col·loqueu dues imatges al costat del pas 20
Col·loqueu dues imatges al costat del pas 20

Pas 5. Feu clic a la pestanya "Text" de la vostra publicació

Ara veureu dos quadres grisos, un al costat de l’altre, etiquetats com a "foto 1-1" i "foto1-2".

Col·loqueu dues imatges al costat del pas 21
Col·loqueu dues imatges al costat del pas 21

Pas 6. Feu clic i arrossegueu la primera foto cap al quadre gris amb l'etiqueta "foto 1-1

Col·loqueu dues imatges al costat del pas 22
Col·loqueu dues imatges al costat del pas 22

Pas 7. Feu clic i arrossegueu la segona foto cap al quadre gris amb l'etiqueta "foto 1-2

Si teniu dificultats per fer clic i arrossegar les vostres fotos als quadres grisos, feu clic a la pestanya HTML i substituïu "foto 1-1" i "foto 1-2" pel codi següent:. El valor de l'amplada es pot canviar segons les vostres preferències

Col·loqueu dues imatges al costat del pas 23
Col·loqueu dues imatges al costat del pas 23

Pas 8. Suprimiu el text "foto 1-1" i "foto 1-2" de sota de cada foto

Les vostres imatges es posicionaran una al costat de l’altra a la vostra publicació.

Recomanat: