3 tapaa asettaa kaksi kuvaa vierekkäin

Sisällysluettelo:

3 tapaa asettaa kaksi kuvaa vierekkäin
3 tapaa asettaa kaksi kuvaa vierekkäin
Anonim

Kaksi kuvaa vierekkäin on ihanteellinen tapa jakaa ennen ja jälkeen kuvia, vertailuja ja valokuvakollaaseja blogissasi tai verkkosivustollasi. Voit käyttää ilmaisia online-kuvankäsittelyohjelmia, kuten PhotoJoiner tai Picisto, tai käyttää HTML-koodausta valokuvien näyttämiseen vierekkäin esimerkiksi WordPressissä tai Bloggerissa.

Askeleet

Tapa 1/3: PhotoJoinerin käyttäminen

Aseta kaksi kuvaa vierekkäin Vaihe 1
Aseta kaksi kuvaa vierekkäin Vaihe 1

Vaihe 1. Siirry PhotoJoiner -verkkosivustoon osoitteessa

Aseta kaksi kuvaa vierekkäin Vaihe 2
Aseta kaksi kuvaa vierekkäin Vaihe 2

Vaihe 2. Napsauta "Valitse kuvat" ja valitse sitten ensimmäinen valokuva, jota haluat käyttää

Valokuva näkyy PhotoJoinerin näytöllä.

Aseta kaksi kuvaa vierekkäin Vaihe 3
Aseta kaksi kuvaa vierekkäin Vaihe 3

Vaihe 3. Napsauta "Select Photos" uudelleen ja valitse sitten toinen käytettävä kuva

Tämä kuva näkyy ensimmäisen kuvan oikealla puolella.

Aseta kaksi kuvaa vierekkäin Vaihe 4
Aseta kaksi kuvaa vierekkäin Vaihe 4

Vaihe 4. Aseta halutessasi valintamerkki”Marginaali kuvien väliin” -kohdan viereen

Tämä ominaisuus lisää marginaalin kahden kuvan erottamiseksi toisistaan.

Aseta kaksi kuvaa vierekkäin Vaihe 5
Aseta kaksi kuvaa vierekkäin Vaihe 5

Vaihe 5. Napsauta”Join Photos

Molemmat kuvat yhdistetään yhdeksi soolokuvaksi.

Aseta kaksi kuvaa vierekkäin Vaihe 6
Aseta kaksi kuvaa vierekkäin Vaihe 6

Vaihe 6. Napsauta kuvaa hiiren kakkospainikkeella ja valitse Tallenna kuva nimellä

Aseta kaksi kuvaa vierekkäin Vaihe 7
Aseta kaksi kuvaa vierekkäin Vaihe 7

Vaihe 7. Kirjoita valokuvallesi nimi ja napsauta sitten Tallenna

Rinnakkaisvalokuvasi tallennetaan nyt.

Tapa 2/3: Piciston käyttö

Aseta kaksi kuvaa vierekkäin Vaihe 8
Aseta kaksi kuvaa vierekkäin Vaihe 8

Vaihe 1. Siirry Piciston verkkosivustoon osoitteessa

Aseta kaksi kuvaa vierekkäin Vaihe 9
Aseta kaksi kuvaa vierekkäin Vaihe 9

Vaihe 2. Napsauta "Rekisteröidy" oikeassa yläkulmassa ja luo sitten ilmainen tili noudattamalla näytön ohjeita

Sinun on rekisteröidyttävä Picisto -palveluun, ennen kuin voit yhdistää valokuvia tämän palvelun avulla.

Aseta kaksi kuvaa vierekkäin Vaihe 10
Aseta kaksi kuvaa vierekkäin Vaihe 10

Vaihe 3. Napsauta "Vierekkäin" kirjauduttuasi Picistoon

Aseta kaksi kuvaa vierekkäin Vaihe 11
Aseta kaksi kuvaa vierekkäin Vaihe 11

Vaihe 4. Napsauta "Lataa / valitse valokuva" ja valitse sitten ensimmäinen käytettävä valokuva napsauttamalla "Selaa"

Valokuva ladataan ja näytetään Picisto -sivustolla.

Vaihtoehtoisesti voit ladata valokuvan Facebookista, Instagramista, URL -osoitteesta tai verkkokamerasta

Aseta kaksi kuvaa vierekkäin Vaihe 12
Aseta kaksi kuvaa vierekkäin Vaihe 12

Vaihe 5. Napsauta "Lataa / Valitse valokuva" uudelleen ja valitse sitten toinen valokuva napsauttamalla "Selaa"

Tämä kuva näkyy ensimmäisen valokuvasi oikealla puolella.

Aseta kaksi kuvaa vierekkäin Vaihe 13
Aseta kaksi kuvaa vierekkäin Vaihe 13

Vaihe 6. Vieritä valokuvan alareunaan ja napsauta Valmis ja tallenna valokuva

Picisto näyttää viestin, jonka mukaan valokuvasi tallennus onnistui.

Aseta kaksi kuvaa vierekkäin Vaihe 14
Aseta kaksi kuvaa vierekkäin Vaihe 14

Vaihe 7. Vieritä valokuvasi alareunaan ja napsauta”Lataa

Aseta kaksi kuvaa vierekkäin Vaihe 15
Aseta kaksi kuvaa vierekkäin Vaihe 15

Vaihe 8. Valitse vaihtoehto”tallentaa” valokuva työpöydällesi

Kuvat yhdistetään ja tallennetaan yhdeksi soolokuvaksi.

Tapa 3/3: HTML: n käyttö

Aseta kaksi kuvaa vierekkäin Vaihe 16
Aseta kaksi kuvaa vierekkäin Vaihe 16

Vaihe 1. Muokkaa blogitekstiä tai -sivua, jolle haluat esittää kaksi kuvaa vierekkäin

Aseta kaksi kuvaa vierekkäin Vaihe 17
Aseta kaksi kuvaa vierekkäin Vaihe 17

Vaihe 2. Lisää molemmat kuvat erikseen blogiviestisi

Myöhemmin sinun on napsautettava ja vedettävä kuvat blogiviestin toiseen osioon, jotta voit sijoittaa ne vierekkäin.

Aseta kaksi kuvaa vierekkäin Vaihe 18
Aseta kaksi kuvaa vierekkäin Vaihe 18

Vaihe 3. Napsauta viestisi "HTML" -välilehteä

Liitä tähän koodi, jonka avulla voit esittää kaksi kuvaa vierekkäin.

Aseta kaksi kuvaa vierekkäin Vaihe 19
Aseta kaksi kuvaa vierekkäin Vaihe 19

Vaihe 4. Siirrä kohdistin kohtaan, jossa haluat kahden kuvan näkyvän vierekkäin, ja liitä seuraava koodi:

kuva 1-1 kuva 1-2
Aseta kaksi kuvaa vierekkäin Vaihe 20
Aseta kaksi kuvaa vierekkäin Vaihe 20

Vaihe 5. Napsauta takaisin viestisi "Teksti" -välilehdelle

Näet nyt kaksi harmaata laatikkoa vierekkäin, joissa on merkintä "kuva 1-1" ja "valokuva1-2".

Aseta kaksi kuvaa vierekkäin Vaihe 21
Aseta kaksi kuvaa vierekkäin Vaihe 21

Vaihe 6. Napsauta ja vedä ensimmäinen valokuva harmaaseen ruutuun, jonka otsikko on”valokuva 1-1

Aseta kaksi kuvaa vierekkäin Vaihe 22
Aseta kaksi kuvaa vierekkäin Vaihe 22

Vaihe 7. Napsauta ja vedä toinen valokuva harmaaseen ruutuun, jonka otsikko on”valokuva 1-2

Jos sinulla on vaikeuksia valokuvien napsauttamisessa ja vetämisessä harmaisiin laatikoihin, napsauta HTML-välilehteä ja korvaa”kuva 1-1” ja “kuva 1-2” seuraavalla koodilla:. Leveysarvoa voidaan muuttaa mieltymystesi mukaan

Aseta kaksi kuvaa vierekkäin Vaihe 23
Aseta kaksi kuvaa vierekkäin Vaihe 23

Vaihe 8. Poista”valokuva 1-1” ja”kuva 1-2” teksti jokaisen valokuvan alapuolelta

Kuvat sijoitetaan nyt viestisi vierekkäin.

Suositeltava: