3 formas de colocar dos imágenes una al lado de la otra

Tabla de contenido:

3 formas de colocar dos imágenes una al lado de la otra
3 formas de colocar dos imágenes una al lado de la otra
Anonim

Presentar dos imágenes una al lado de la otra es una forma ideal de compartir fotos de antes y después, comparaciones y collages de fotos en su blog o sitio web. Puede utilizar aplicaciones gratuitas de edición de fotografías en línea, como PhotoJoiner o Picisto, o utilizar la codificación HTML para mostrar fotos una al lado de la otra en sitios como WordPress o Blogger.

Pasos

Método 1 de 3: Uso de PhotoJoiner

Coloque dos imágenes una al lado de la otra Paso 1
Coloque dos imágenes una al lado de la otra Paso 1

Paso 1. Vaya al sitio web de PhotoJoiner en

Coloque dos imágenes una al lado de la otra Paso 2
Coloque dos imágenes una al lado de la otra Paso 2

Paso 2. Haga clic en "Seleccionar fotos", luego seleccione la primera foto que desea utilizar

La foto se mostrará en la pantalla de PhotoJoiner.

Coloque dos imágenes una al lado de la otra Paso 3
Coloque dos imágenes una al lado de la otra Paso 3

Paso 3. Haga clic en “Seleccionar fotos” nuevamente, luego seleccione la segunda foto que desea usar

Esta foto se mostrará a la derecha de la primera foto.

Coloque dos imágenes una al lado de la otra Paso 4
Coloque dos imágenes una al lado de la otra Paso 4

Paso 4. Coloque una marca de verificación junto a “Margen entre imágenes”, si lo desea

Esta función agrega un margen para separar las dos fotos entre sí.

Coloque dos imágenes una al lado de la otra Paso 5
Coloque dos imágenes una al lado de la otra Paso 5

Paso 5. Haga clic en "Unir fotos"

Ambas imágenes se combinarán en una sola imagen.

Coloque dos imágenes una al lado de la otra Paso 6
Coloque dos imágenes una al lado de la otra Paso 6

Paso 6. Haga clic derecho en la foto y seleccione “Guardar imagen como

Coloque dos imágenes una al lado de la otra Paso 7
Coloque dos imágenes una al lado de la otra Paso 7

Paso 7. Escriba un nombre para su foto, luego haga clic en “Guardar”

Su foto de lado a lado ahora se guardará.

Método 2 de 3: uso de Picisto

Coloque dos imágenes una al lado de la otra Paso 8
Coloque dos imágenes una al lado de la otra Paso 8

Paso 1. Navegue al sitio web de Picisto en

Coloque dos imágenes una al lado de la otra Paso 9
Coloque dos imágenes una al lado de la otra Paso 9

Paso 2. Haga clic en "Registrarse" en la esquina superior derecha, luego siga las instrucciones en pantalla para crear una cuenta gratuita

Debes registrarte en Picisto antes de poder combinar fotos usando este servicio.

Coloque dos imágenes una al lado de la otra Paso 10
Coloque dos imágenes una al lado de la otra Paso 10

Paso 3. Haga clic en "Lado a lado" después de iniciar sesión en Picisto

Coloque dos imágenes una al lado de la otra Paso 11
Coloque dos imágenes una al lado de la otra Paso 11

Paso 4. Haga clic en "Cargar / Elegir foto", luego haga clic en "Examinar" para seleccionar la primera foto que desea utilizar

La foto se cargará y se mostrará en el sitio de Picisto.

Alternativamente, puede optar por cargar una foto desde Facebook, Instagram, URL o cámara web

Coloque dos imágenes una al lado de la otra Paso 12
Coloque dos imágenes una al lado de la otra Paso 12

Paso 5. Haga clic en "Cargar / Elegir foto" nuevamente, luego haga clic en "Examinar" para seleccionar la segunda foto

Esta foto se mostrará a la derecha de su primera foto.

Coloque dos imágenes una al lado de la otra Paso 13
Coloque dos imágenes una al lado de la otra Paso 13

Paso 6. Desplácese hasta la parte inferior de su foto y haga clic en "Finalizar y guardar foto"

Picisto mostrará un mensaje que dice que su foto se guardó correctamente.

Coloque dos imágenes una al lado de la otra Paso 14
Coloque dos imágenes una al lado de la otra Paso 14

Paso 7. Desplácese hasta la parte inferior de su foto y haga clic en "Descargar"

Coloque dos imágenes una al lado de la otra Paso 15
Coloque dos imágenes una al lado de la otra Paso 15

Paso 8. Seleccione la opción para "guardar" la foto en su escritorio

Sus imágenes ahora se combinarán y guardarán en una sola imagen.

Método 3 de 3: uso de HTML

Coloque dos imágenes una al lado de la otra Paso 16
Coloque dos imágenes una al lado de la otra Paso 16

Paso 1. Edite la publicación de blog o la página en la que desea mostrar dos imágenes una al lado de la otra

Coloque dos imágenes una al lado de la otra Paso 17
Coloque dos imágenes una al lado de la otra Paso 17

Paso 2. Inserte ambas imágenes por separado en la publicación de su blog

Más adelante, deberá hacer clic y arrastrar las imágenes a una sección diferente en la publicación del blog para colocarlas una al lado de la otra.

Coloque dos imágenes una al lado de la otra Paso 18
Coloque dos imágenes una al lado de la otra Paso 18

Paso 3. Haga clic en la pestaña "HTML" en su publicación

Aquí es donde pegará el código que le permite presentar dos imágenes una al lado de la otra.

Coloque dos imágenes una al lado de la otra Paso 19
Coloque dos imágenes una al lado de la otra Paso 19

Paso 4. Coloque el cursor en el lugar donde desea que se muestren las dos fotos una al lado de la otra, luego pegue el siguiente código:

foto 1-1 foto 1-2
Coloque dos imágenes una al lado de la otra Paso 20
Coloque dos imágenes una al lado de la otra Paso 20

Paso 5. Vuelve a hacer clic en la pestaña "Texto" de tu publicación

Ahora verá dos cuadros grises uno al lado del otro etiquetados como "foto 1-1" y "foto1-2".

Coloque dos imágenes una al lado de la otra Paso 21
Coloque dos imágenes una al lado de la otra Paso 21

Paso 6. Haga clic y arrastre la primera foto hasta el cuadro gris con la etiqueta “foto 1-1

Coloque dos imágenes una al lado de la otra Paso 22
Coloque dos imágenes una al lado de la otra Paso 22

Paso 7. Haga clic y arrastre la segunda foto hasta el cuadro gris con la etiqueta “foto 1-2

Si tiene dificultades para hacer clic y arrastrar sus fotos a los cuadros grises, vuelva a hacer clic en la pestaña HTML y reemplace "foto 1-1" y "foto 1-2" con el siguiente código:. El valor de ancho se puede cambiar según sus preferencias

Coloque dos imágenes una al lado de la otra Paso 23
Coloque dos imágenes una al lado de la otra Paso 23

Paso 8. Elimine el texto “foto 1-1” y “foto 1-2” de debajo de cada foto

Sus imágenes ahora se colocarán una al lado de la otra en su publicación.

Recomendado: