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
Paso 1. Vaya al sitio web de PhotoJoiner en
Paso 2. Haga clic en "Seleccionar fotos", luego seleccione la primera foto que desea utilizar
La foto se mostrará en la pantalla de PhotoJoiner.
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.
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í.
Paso 5. Haga clic en "Unir fotos"
” Ambas imágenes se combinarán en una sola imagen.
Paso 6. Haga clic derecho en la foto y seleccione “Guardar imagen como
”
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
Paso 1. Navegue al sitio web de Picisto en
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.
Paso 3. Haga clic en "Lado a lado" después de iniciar sesión en Picisto
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
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.
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.
Paso 7. Desplácese hasta la parte inferior de su foto y haga clic en "Descargar"
”
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
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
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.
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.
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 |
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".
Paso 6. Haga clic y arrastre la primera foto hasta el cuadro gris con la etiqueta “foto 1-1
”
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
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.