3 způsoby, jak umístit dva obrázky vedle sebe

Obsah:

3 způsoby, jak umístit dva obrázky vedle sebe
3 způsoby, jak umístit dva obrázky vedle sebe
Anonim

Představení dvou obrázků vedle sebe je ideálním způsobem sdílení fotografií před a po, srovnání a fotografických koláží na vašem blogu nebo webu. Můžete použít bezplatné online aplikace pro úpravu fotografií, jako je PhotoJoiner nebo Picisto, nebo použít kódování HTML k zobrazení fotografií vedle sebe na webech, jako je WordPress nebo Blogger.

Kroky

Metoda 1 ze 3: Použití PhotoJoiner

Umístěte dva obrázky vedle sebe Krok 1
Umístěte dva obrázky vedle sebe Krok 1

Krok 1. Přejděte na web PhotoJoiner na adrese

Umístěte dva obrázky vedle sebe Krok 2
Umístěte dva obrázky vedle sebe Krok 2

Krok 2. Klikněte na „Vybrat fotografie“a poté vyberte první fotografii, kterou chcete použít

Fotografie se zobrazí na obrazovce v aplikaci PhotoJoiner.

Umístěte dva obrázky vedle sebe Krok 3
Umístěte dva obrázky vedle sebe Krok 3

Krok 3. Klikněte znovu na „Vybrat fotografie“a poté vyberte druhou fotografii, kterou chcete použít

Tato fotografie se zobrazí napravo od první fotografie.

Umístěte dva obrázky vedle sebe Krok 4
Umístěte dva obrázky vedle sebe Krok 4

Krok 4. V případě potřeby zaškrtněte políčko „Okraj mezi obrázky“

Tato funkce přidává okraj k oddělení dvou fotografií od sebe.

Umístěte dva obrázky vedle sebe Krok 5
Umístěte dva obrázky vedle sebe Krok 5

Krok 5. Klikněte na „Připojit fotografie

Oba obrázky budou sloučeny do jednoho samostatného obrázku.

Umístěte dva obrázky vedle sebe Krok 6
Umístěte dva obrázky vedle sebe Krok 6

Krok 6. Klikněte pravým tlačítkem na fotografii a vyberte „Uložit obrázek jako

Umístěte dva obrázky vedle sebe Krok 7
Umístěte dva obrázky vedle sebe Krok 7

Krok 7. Zadejte název fotografie a klikněte na „Uložit

Vaše fotografie vedle sebe bude nyní uložena.

Metoda 2 ze 3: Použití Picisto

Umístěte dva obrázky vedle sebe Krok 8
Umístěte dva obrázky vedle sebe Krok 8

Krok 1. Přejděte na webovou stránku Picisto na adrese

Umístěte dva obrázky vedle sebe Krok 9
Umístěte dva obrázky vedle sebe Krok 9

Krok 2. Klikněte na „Registrace“v pravém horním rohu a poté si podle pokynů na obrazovce vytvořte bezplatný účet

Než budete moci kombinovat fotografie pomocí této služby, musíte se zaregistrovat na Picisto.

Umístěte dva obrázky vedle sebe Krok 10
Umístěte dva obrázky vedle sebe Krok 10

Krok 3. Po přihlášení do Picisto klikněte na „Side by Side“

Umístěte dva obrázky vedle sebe Krok 11
Umístěte dva obrázky vedle sebe Krok 11

Krok 4. Klikněte na „Nahrát / vybrat fotografii“a poté kliknutím na „Procházet“vyberte první fotografii, kterou chcete použít

Fotografie se nahraje a zobrazí na webu Picisto.

Případně se můžete rozhodnout nahrát fotografii z Facebooku, Instagramu, adresy URL nebo webové kamery

Umístěte dva obrázky vedle sebe Krok 12
Umístěte dva obrázky vedle sebe Krok 12

Krok 5. Klikněte znovu na „Nahrát / Vybrat fotografii“a poté kliknutím na „Procházet“vyberte druhou fotografii

Tato fotografie se zobrazí napravo od vaší první fotografie.

Umístěte dva obrázky vedle sebe Krok 13
Umístěte dva obrázky vedle sebe Krok 13

Krok 6. Přejděte do spodní části fotografie a klikněte na „Dokončit a uložit fotografii

Picisto zobrazí zprávu, že vaše fotografie byla úspěšně uložena.

Umístěte dva obrázky vedle sebe Krok 14
Umístěte dva obrázky vedle sebe Krok 14

Krok 7. Přejděte do spodní části své fotografie a klikněte na „Stáhnout

Umístěte dva obrázky vedle sebe Krok 15
Umístěte dva obrázky vedle sebe Krok 15

Krok 8. Vyberte možnost „uložit“fotografii na plochu

Vaše obrázky budou nyní sloučeny a uloženy do jednoho samostatného obrázku.

Metoda 3 ze 3: Použití HTML

Umístěte dva obrázky vedle sebe Krok 16
Umístěte dva obrázky vedle sebe Krok 16

Krok 1. Upravte blogový příspěvek nebo stránku, na které chcete vedle sebe zobrazit dva obrázky

Umístěte dva obrázky vedle sebe Krok 17
Umístěte dva obrázky vedle sebe Krok 17

Krok 2. Vložte oba obrázky samostatně do svého příspěvku na blogu

Později budete muset kliknout a přetáhnout obrázky do jiné sekce v příspěvku na blogu, abyste je umístili vedle sebe.

Umístěte dva obrázky vedle sebe Krok 18
Umístěte dva obrázky vedle sebe Krok 18

Krok 3. Klikněte ve svém příspěvku na kartu „HTML“

Zde vložíte kód, který vám umožní zobrazit dva obrázky vedle sebe.

Umístěte dva obrázky vedle sebe Krok 19
Umístěte dva obrázky vedle sebe Krok 19

Krok 4. Umístěte kurzor na místo, kde chcete zobrazit dvě fotografie vedle sebe, a poté vložte následující kód:

foto 1-1 foto 1-2
Umístěte dva obrázky vedle sebe Krok 20
Umístěte dva obrázky vedle sebe Krok 20

Krok 5. Klikněte zpět na kartu „Text“vašeho příspěvku

Nyní uvidíte vedle sebe dvě šedá políčka označená jako „foto 1-1“a „foto1-2“.

Umístěte dva obrázky vedle sebe Krok 21
Umístěte dva obrázky vedle sebe Krok 21

Krok 6. Klikněte na první fotografii a přetáhněte ji do šedého pole označeného „fotografie 1-1

Umístěte dva obrázky vedle sebe Krok 22
Umístěte dva obrázky vedle sebe Krok 22

Krok 7. Klikněte a přetáhněte druhou fotografii do šedého pole označeného „fotka 1-2

Pokud máte potíže s kliknutím a přetažením fotografií do šedých polí, klikněte zpět na kartu HTML a nahraďte „foto 1-1“a „foto 1-2“následujícím kódem:. Hodnotu šířky lze změnit podle vašich preferencí

Umístěte dva obrázky vedle sebe Krok 23
Umístěte dva obrázky vedle sebe Krok 23

Krok 8. Odstraňte text „fotografie 1-1“a „fotografie 1-2“zpod každé fotografie

Vaše obrázky budou nyní ve vašem příspěvku umístěny vedle sebe.

Doporučuje: