3 spôsoby, ako umiestniť dva obrázky vedľa seba

Obsah:

3 spôsoby, ako umiestniť dva obrázky vedľa seba
3 spôsoby, ako umiestniť dva obrázky vedľa seba
Anonim

Predstavenie dvoch obrázkov vedľa seba je ideálnym spôsobom zdieľania fotografií pred a po, porovnávaní a fotografických koláží na vašom blogu alebo webovej stránke. Môžete použiť bezplatné online aplikácie na úpravu fotografií, ako napríklad PhotoJoiner alebo Picisto, alebo použiť kódovanie HTML na zobrazenie fotografií vedľa seba na webových stránkach, ako je WordPress alebo Blogger.

Kroky

Metóda 1 z 3: Použitie PhotoJoiner

Umiestnite dva obrázky vedľa seba Krok 1
Umiestnite dva obrázky vedľa seba Krok 1

Krok 1. Prejdite na webovú stránku PhotoJoiner na adrese

Umiestnite dva obrázky vedľa seba Krok 2
Umiestnite dva obrázky vedľa seba Krok 2

Krok 2. Kliknite na „Vybrať fotografie“a potom vyberte prvú fotografiu, ktorú chcete použiť

Fotografia sa zobrazí na obrazovke v programe PhotoJoiner.

Umiestnite dva obrázky vedľa seba Krok 3
Umiestnite dva obrázky vedľa seba Krok 3

Krok 3. Znova kliknite na „Vybrať fotografie“a potom vyberte druhú fotografiu, ktorú chcete použiť

Táto fotografia sa zobrazí napravo od prvej fotografie.

Umiestnite dva obrázky vedľa seba Krok 4
Umiestnite dva obrázky vedľa seba Krok 4

Krok 4. V prípade potreby začiarknite políčko „Okraj medzi obrázkami“

Táto funkcia pridáva okraj na oddelenie dvoch fotografií od seba.

Umiestnite dva obrázky vedľa seba Krok 5
Umiestnite dva obrázky vedľa seba Krok 5

Krok 5. Kliknite na „Pripojiť fotografie

Oba obrázky budú zlúčené do jedného samostatného obrázku.

Umiestnite dva obrázky vedľa seba Krok 6
Umiestnite dva obrázky vedľa seba Krok 6

Krok 6. Kliknite pravým tlačidlom myši na fotografiu a zvoľte „Uložiť obrázok ako

Umiestnite dva obrázky vedľa seba Krok 7
Umiestnite dva obrázky vedľa seba Krok 7

Krok 7. Zadajte názov fotografie a kliknite na „Uložiť

Vaša fotografia vedľa seba sa teraz uloží.

Metóda 2 z 3: Použitie Picisto

Umiestnite dva obrázky vedľa seba Krok 8
Umiestnite dva obrázky vedľa seba Krok 8

Krok 1. Prejdite na webovú stránku Picisto na adrese

Umiestnite dva obrázky vedľa seba Krok 9
Umiestnite dva obrázky vedľa seba Krok 9

Krok 2. Kliknite na „Prihlásiť sa“v pravom hornom rohu a potom si podľa pokynov na obrazovke vytvorte bezplatný účet

Pred kombinovaním fotografií pomocou tejto služby sa musíte zaregistrovať na Picisto.

Umiestnite dva obrázky vedľa seba Krok 10
Umiestnite dva obrázky vedľa seba Krok 10

Krok 3. Po prihlásení sa do služby Picisto kliknite na položku „Side by Side“

Umiestnite dva obrázky vedľa seba Krok 11
Umiestnite dva obrázky vedľa seba Krok 11

Krok 4. Kliknite na „Odovzdať / vybrať fotografiu“a potom kliknutím na „Prehľadávať“vyberte prvú fotografiu, ktorú chcete použiť

Fotografia sa odovzdá a zobrazí na webe Picisto.

Prípadne sa môžete rozhodnúť nahrať fotografiu z Facebooku, Instagramu, adresy URL alebo webovej kamery

Umiestnite dva obrázky vedľa seba Krok 12
Umiestnite dva obrázky vedľa seba Krok 12

Krok 5. Znova kliknite na „Odovzdať / vybrať fotografiu“a potom kliknutím na „Prehľadávať“vyberte druhú fotografiu

Táto fotografia sa zobrazí napravo od vašej prvej fotografie.

Umiestnite dva obrázky vedľa seba Krok 13
Umiestnite dva obrázky vedľa seba Krok 13

Krok 6. Prejdite do spodnej časti fotografie a kliknite na „Dokončiť a uložiť fotografiu

Picisto zobrazí správu, že vaša fotografia bola úspešne uložená.

Umiestnite dva obrázky vedľa seba Krok 14
Umiestnite dva obrázky vedľa seba Krok 14

Krok 7. Prejdite na spodok svojej fotografie a kliknite na „Stiahnuť

Umiestnite dva obrázky vedľa seba Krok 15
Umiestnite dva obrázky vedľa seba Krok 15

Krok 8. Vyberte možnosť „uložiť“fotografiu na pracovnú plochu

Vaše obrázky sa teraz spoja a uložia do jedného samostatného obrázku.

Metóda 3 z 3: Použitie HTML

Umiestnite dva obrázky vedľa seba Krok 16
Umiestnite dva obrázky vedľa seba Krok 16

Krok 1. Upravte blogový príspevok alebo stránku, na ktorej chcete vedľa seba zobrazovať dva obrázky

Umiestnite dva obrázky vedľa seba Krok 17
Umiestnite dva obrázky vedľa seba Krok 17

Krok 2. Vložte oba obrázky oddelene do svojho príspevku na blogu

Neskôr budete musieť obrázky kliknúť a presunúť do inej sekcie v blogovom príspevku, aby boli umiestnené vedľa seba.

Umiestnite dva obrázky vedľa seba Krok 18
Umiestnite dva obrázky vedľa seba Krok 18

Krok 3. Vo svojom príspevku kliknite na kartu „HTML“

Tu prilepíte kód, ktorý vám umožní uviesť dva obrázky vedľa seba.

Umiestnite dva obrázky vedľa seba Krok 19
Umiestnite dva obrázky vedľa seba Krok 19

Krok 4. Umiestnite kurzor na miesto, kde chcete, aby sa dve fotografie zobrazovali vedľa seba, a potom prilepte nasledujúci kód:

foto 1-1 foto 1-2
Umiestnite dva obrázky vedľa seba Krok 20
Umiestnite dva obrázky vedľa seba Krok 20

Krok 5. Kliknite vo svojom príspevku späť na kartu „Text“

Teraz uvidíte vedľa seba dve sivé políčka označené ako „fotka 1-1“a „foto1-2“.

Umiestnite dva obrázky vedľa seba Krok 21
Umiestnite dva obrázky vedľa seba Krok 21

Krok 6. Kliknite na prvú fotografiu a presuňte ju do sivého poľa označeného „fotografia 1-1

Umiestnite dva obrázky vedľa seba Krok 22
Umiestnite dva obrázky vedľa seba Krok 22

Krok 7. Kliknite na druhú fotografiu a presuňte ju do sivého políčka označeného „fotka 1-2

Ak máte problémy s kliknutím a presunutím fotografií do sivých políčok, kliknite späť na kartu HTML a nahraďte „fotografiu 1-1“a „fotografiu 1-2“nasledujúcim kódom:. Hodnotu šírky je možné zmeniť podľa vašich preferencií

Umiestnite dva obrázky vedľa seba Krok 23
Umiestnite dva obrázky vedľa seba Krok 23

Krok 8. Odstráňte text „fotografia 1-1“a „fotka 1-2“pod každou fotografiou

Vaše obrázky budú teraz vo vašom príspevku umiestnené vedľa seba.

Odporúča: