3 formas de colocar dos fotos una al lado de la otra

Tabla de contenido:

3 formas de colocar dos fotos una al lado de la otra
3 formas de colocar dos fotos una al lado de la otra

Video: 3 formas de colocar dos fotos una al lado de la otra

Video: 3 formas de colocar dos fotos una al lado de la otra
Video: Cómo contornear o ceñir texto alrededor de una imagen en Indesign CC 2024, Mayo
Anonim

Colocar dos fotos una al lado de la otra es una forma ideal de compartir fotos de “antes” y “después”, comparar fotos y como collages en su blog o sitio web. Puede usar una aplicación de edición de fotos en línea como PhotoJoiner o Picisto, o puede usar la codificación HTML para colocar fotos una al lado de la otra en un sitio como WordPress o Blogger.

Paso

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 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 aparecerá 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. Marque la casilla junto a "Margen entre imágenes" si lo desea

Esta función agregará 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"

Las dos fotos se mezclarán en una imagen completa.

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. Ponle un nombre a tu foto, luego haz clic en "Guardar"

Estas fotos una al lado de la otra ahora se guardarán.

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 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

Primero debe registrarse con Picisto antes de mezclar 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 ingresar a 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

Las fotos se cargarán y mostrarán en el sitio web de Picisto.

Alternativamente, puede optar por cargar fotos desde Facebook, Instagram, URL o cámaras 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 una segunda foto

Esta foto aparecerá a la derecha de la 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 la foto y haga clic en "Finalizar y guardar foto"

Picisto mostrará un mensaje que dice que su foto se ha guardado 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 la 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 el escritorio

Sus fotos ahora están fusionadas y guardadas como una imagen completa.

Método 3 de 3: usar 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 o la página del blog donde desea tener dos fotos 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 las dos fotos por separado en la publicación del blog

Después de eso, haga clic y arrastre las fotos a diferentes partes de 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" de su publicación

Este es el lugar para copiar el código que permite que las dos fotos se muestren 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 donde se mostrarán las fotos una al lado de la otra, luego copie 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. Vuelva a hacer clic en la pestaña "Texto" en la publicación del blog

Ahora, verá dos cuadrados grises colocados 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 sobre 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 sobre el cuadro gris con la etiqueta "foto 1-2"

Si tiene problemas para hacer clic y arrastrar las fotos al cuadro gris, 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 necesidades

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

Las fotos ahora se colocarán una al lado de la otra en la publicación del blog.

Recomendado: