3 maneiras de colocar duas fotos lado a lado

Índice:

3 maneiras de colocar duas fotos lado a lado
3 maneiras de colocar duas fotos lado a lado

Vídeo: 3 maneiras de colocar duas fotos lado a lado

Vídeo: 3 maneiras de colocar duas fotos lado a lado
Vídeo: Tudo sobre Texto e Imagens - InDesign para iniciantes - Aula 02 2024, Novembro
Anonim

Colocar duas fotos lado a lado é a maneira ideal de compartilhar fotos “antes” e “depois”, comparar fotos e como colagens em seu blog ou site. Você pode usar um aplicativo de edição de fotos online como PhotoJoiner ou Picisto, ou você pode usar a codificação HTML para colocar fotos lado a lado em um site como WordPress ou Blogger.

Etapa

Método 1 de 3: usando PhotoJoiner

Coloque duas fotos lado a lado. Etapa 1
Coloque duas fotos lado a lado. Etapa 1

Etapa 1. Navegue até o site PhotoJoiner em

Coloque duas fotos lado a lado. Etapa 2
Coloque duas fotos lado a lado. Etapa 2

Etapa 2. Clique em “Selecionar fotos” e selecione a primeira foto que deseja usar

A foto será exibida na tela no PhotoJoiner.

Coloque duas fotos lado a lado. Etapa 3
Coloque duas fotos lado a lado. Etapa 3

Etapa 3. Clique em “Selecionar fotos” novamente e selecione a segunda foto que deseja usar

Esta foto aparecerá à direita da primeira foto.

Coloque duas fotos lado a lado. Etapa 4
Coloque duas fotos lado a lado. Etapa 4

Etapa 4. Marque a caixa ao lado de “Margem entre as imagens” se desejar

Este recurso adicionará uma margem para separar as duas fotos uma da outra.

Coloque duas fotos lado a lado. Etapa 5
Coloque duas fotos lado a lado. Etapa 5

Etapa 5. Clique em “Join Photos”

As duas fotos se fundirão em uma imagem completa.

Coloque duas fotos lado a lado. Etapa 6
Coloque duas fotos lado a lado. Etapa 6

Etapa 6. Clique com o botão direito na foto e selecione “Salvar imagem como”

Coloque duas fotos lado a lado. Etapa 7
Coloque duas fotos lado a lado. Etapa 7

Etapa 7. Nomeie sua foto e clique em “Salvar”

Essas fotos lado a lado agora serão salvas.

Método 2 de 3: usando o Picisto

Coloque duas fotos lado a lado, passo 8
Coloque duas fotos lado a lado, passo 8

Etapa 1. Navegue até o site do Picisto em

Coloque duas fotos lado a lado. Etapa 9
Coloque duas fotos lado a lado. Etapa 9

Etapa 2. Clique em “Signup” no canto superior direito e siga as instruções na tela para criar uma conta gratuita

Você deve se registrar no Picisto antes de mesclar fotos usando este serviço.

Coloque duas fotos lado a lado Etapa 10
Coloque duas fotos lado a lado Etapa 10

Etapa 3. Clique em “Lado a lado” após entrar no Picisto

Coloque duas fotos lado a lado. Etapa 11
Coloque duas fotos lado a lado. Etapa 11

Etapa 4. Clique em “Carregar / Escolher Foto” e, em seguida, clique em “Navegar” para selecionar a primeira foto que deseja usar

As fotos serão enviadas e exibidas no site do Picisto.

Alternativamente, você pode escolher fazer upload de fotos do Facebook, Instagram, URLs ou webcams

Coloque duas fotos lado a lado. Etapa 12
Coloque duas fotos lado a lado. Etapa 12

Etapa 5. Clique em “Carregar / Escolher Foto” novamente e, em seguida, clique em “Navegar” para selecionar uma segunda foto

Esta foto aparecerá à direita da primeira foto.

Coloque duas fotos lado a lado Etapa 13
Coloque duas fotos lado a lado Etapa 13

Etapa 6. Role até a parte inferior da foto e clique em “Concluir e Salvar Foto”

O Picisto exibirá uma mensagem dizendo que sua foto foi salva com sucesso.

Coloque duas fotos lado a lado. Etapa 14
Coloque duas fotos lado a lado. Etapa 14

Etapa 7. Role até a parte inferior da foto e clique em “Download”

Coloque duas fotos lado a lado. Etapa 15
Coloque duas fotos lado a lado. Etapa 15

Etapa 8. Selecione a opção de salvar a foto na área de trabalho

Suas fotos agora estão mescladas e salvas como uma imagem completa.

Método 3 de 3: usando HTML

Coloque duas fotos lado a lado Etapa 16
Coloque duas fotos lado a lado Etapa 16

Etapa 1. Edite a publicação ou página do blog onde deseja ter duas fotos lado a lado

Coloque duas fotos lado a lado. Etapa 17
Coloque duas fotos lado a lado. Etapa 17

Etapa 2. Insira as duas fotos separadamente na publicação do blog

Depois disso, clique e arraste as fotos para diferentes partes da postagem do blog para colocá-las lado a lado.

Coloque duas fotos lado a lado. Etapa 18
Coloque duas fotos lado a lado. Etapa 18

Etapa 3. Clique na guia “HTML” de sua publicação

Este é o local para copiar o código que permite que as duas fotos sejam exibidas lado a lado.

Coloque duas fotos lado a lado Etapa 19
Coloque duas fotos lado a lado Etapa 19

Etapa 4. Posicione o cursor onde as fotos serão exibidas lado a lado e copie o seguinte código:

foto 1-1 foto 1-2
Coloque duas fotos lado a lado Etapa 20
Coloque duas fotos lado a lado Etapa 20

Etapa 5. Clique na guia “Texto” novamente na publicação do blog

Agora, você verá dois quadrados cinza colocados lado a lado com os rótulos “foto 1-1” e “foto1-2”.

Coloque duas fotos lado a lado. Etapa 21
Coloque duas fotos lado a lado. Etapa 21

Etapa 6. Clique e arraste a primeira foto sobre a caixa cinza rotulada “foto 1-1”

Coloque duas fotos lado a lado. Etapa 22
Coloque duas fotos lado a lado. Etapa 22

Etapa 7. Clique e arraste a segunda foto sobre a caixa cinza chamada “foto 1-2”

Se você estiver tendo problemas para clicar e arrastar as fotos para a caixa cinza, clique na guia HTML novamente e substitua “foto 1-1” e “foto 1-2” pelo seguinte código:. O valor da largura pode ser alterado com base nas suas necessidades

Coloque duas fotos lado a lado. Etapa 23
Coloque duas fotos lado a lado. Etapa 23

Etapa 8. Remova o texto “foto 1-1” e “foto 1-2” abaixo de cada foto

As fotos agora serão colocadas lado a lado na postagem do blog.

Recomendado: