3 طرق لوضع صورتين جنبًا إلى جنب

جدول المحتويات:

3 طرق لوضع صورتين جنبًا إلى جنب
3 طرق لوضع صورتين جنبًا إلى جنب

فيديو: 3 طرق لوضع صورتين جنبًا إلى جنب

فيديو: 3 طرق لوضع صورتين جنبًا إلى جنب
فيديو: إدراج صورة وإضافة تأثيرات عليها في برنامج أدوبي إنديزاين Adobe InDesign 2024, يمكن
Anonim

يعد وضع صورتين جنبًا إلى جنب طريقة مثالية لمشاركة الصور "قبل" و "بعد" ، ومقارنة الصور ، وكصور مجمعة على مدونتك أو موقع الويب الخاص بك. يمكنك استخدام أحد تطبيقات تحرير الصور عبر الإنترنت مثل PhotoJoiner أو Picisto ، أو يمكنك استخدام ترميز HTML لوضع الصور جنبًا إلى جنب على موقع مثل WordPress أو Blogger.

خطوة

طريقة 1 من 3: استخدام PhotoJoiner

ضع صورتين جنبًا إلى جنب الخطوة 1
ضع صورتين جنبًا إلى جنب الخطوة 1

الخطوة 1. انتقل إلى موقع PhotoJoiner على

ضع صورتين جنبًا إلى جنب الخطوة 2
ضع صورتين جنبًا إلى جنب الخطوة 2

الخطوة 2. انقر فوق "تحديد الصور" ، ثم حدد الصورة الأولى التي تريد استخدامها

سيتم عرض الصورة على الشاشة في PhotoJoiner.

ضع صورتين جنبًا إلى جنب الخطوة 3
ضع صورتين جنبًا إلى جنب الخطوة 3

الخطوة 3. انقر فوق "تحديد الصور" مرة أخرى ، ثم حدد الصورة الثانية التي تريد استخدامها

ستظهر هذه الصورة على يمين الصورة الأولى.

ضع صورتين جنبًا إلى جنب الخطوة 4
ضع صورتين جنبًا إلى جنب الخطوة 4

الخطوة 4. حدد المربع بجوار "الهامش بين الصور" إذا كنت تريد ذلك

ستضيف هذه الميزة هامشًا لفصل الصورتين عن بعضهما البعض.

ضع صورتين جنبًا إلى جنب الخطوة 5
ضع صورتين جنبًا إلى جنب الخطوة 5

الخطوة 5. انقر على "الانضمام إلى الصور"

ستندمج الصورتان في صورة كاملة.

ضع صورتين جنبًا إلى جنب الخطوة 6
ضع صورتين جنبًا إلى جنب الخطوة 6

الخطوة 6. انقر بزر الماوس الأيمن على الصورة وحدد "حفظ الصورة باسم"

ضع صورتين جنبًا إلى جنب الخطوة 7
ضع صورتين جنبًا إلى جنب الخطوة 7

الخطوة 7. قم بتسمية صورتك ، ثم انقر فوق "حفظ"

سيتم الآن حفظ هذه الصور جنبًا إلى جنب.

طريقة 2 من 3: استخدام Picisto

ضع صورتين جنبًا إلى جنب الخطوة 8
ضع صورتين جنبًا إلى جنب الخطوة 8

الخطوة 1. انتقل إلى موقع Picisto على

ضع صورتين جنبًا إلى جنب الخطوة 9
ضع صورتين جنبًا إلى جنب الخطوة 9

الخطوة الثانية. انقر فوق "تسجيل" في الزاوية اليمنى العليا ، ثم اتبع التعليمات التي تظهر على الشاشة لإنشاء حساب مجاني

يجب عليك التسجيل في Picisto أولاً قبل مزج الصور باستخدام هذه الخدمة.

ضع صورتين جنبًا إلى جنب الخطوة 10
ضع صورتين جنبًا إلى جنب الخطوة 10

الخطوة 3. انقر على "جنبًا إلى جنب" بعد دخول Picisto

ضع صورتين جنبًا إلى جنب الخطوة 11
ضع صورتين جنبًا إلى جنب الخطوة 11

الخطوة 4. انقر فوق "تحميل / اختيار صورة" ، ثم انقر فوق "استعراض" لتحديد الصورة الأولى التي تريد استخدامها

سيتم تحميل الصور وعرضها على موقع Picisto.

بدلاً من ذلك ، يمكنك اختيار تحميل الصور من Facebook أو Instagram أو عناوين URL أو كاميرات الويب

ضع صورتين جنبًا إلى جنب الخطوة 12
ضع صورتين جنبًا إلى جنب الخطوة 12

الخطوة 5. انقر فوق "تحميل / اختيار صورة" مرة أخرى ، ثم انقر فوق "استعراض" لتحديد صورة ثانية

ستظهر هذه الصورة على يمين الصورة الأولى.

ضع صورتين جنبًا إلى جنب الخطوة 13
ضع صورتين جنبًا إلى جنب الخطوة 13

الخطوة 6. قم بالتمرير إلى أسفل الصورة وانقر فوق "إنهاء وحفظ الصورة"

سيعرض Picisto رسالة تفيد بأنه تم حفظ صورتك بنجاح.

ضع صورتين جنبًا إلى جنب الخطوة 14
ضع صورتين جنبًا إلى جنب الخطوة 14

الخطوة 7. قم بالتمرير إلى أسفل الصورة وانقر فوق "تنزيل"

ضع صورتين جنبًا إلى جنب الخطوة 15
ضع صورتين جنبًا إلى جنب الخطوة 15

الخطوة 8. حدد خيار حفظ الصورة على سطح المكتب

تم الآن دمج صورك وحفظها كصورة واحدة كاملة.

طريقة 3 من 3: استخدام HTML

ضع صورتين جنبًا إلى جنب الخطوة 16
ضع صورتين جنبًا إلى جنب الخطوة 16

الخطوة الأولى: قم بتحرير المنشور أو صفحة المدونة حيث تريد الحصول على صورتين جنبًا إلى جنب

ضع صورتين جنبًا إلى جنب الخطوة 17
ضع صورتين جنبًا إلى جنب الخطوة 17

الخطوة الثانية. أدخل الصورتين بشكل منفصل في منشور المدونة

بعد ذلك ، انقر واسحب الصور إلى أجزاء مختلفة من منشور المدونة لوضعها جنبًا إلى جنب.

ضع صورتين جنبًا إلى جنب الخطوة 18
ضع صورتين جنبًا إلى جنب الخطوة 18

الخطوة 3. انقر فوق علامة التبويب "HTML" في المنشور الخاص بك

هذا هو المكان المناسب لنسخ الرمز الذي يسمح بعرض الصورتين جنبًا إلى جنب.

ضع صورتين جنبًا إلى جنب الخطوة 19
ضع صورتين جنبًا إلى جنب الخطوة 19

الخطوة 4. ضع المؤشر حيث سيتم عرض الصور جنبًا إلى جنب ، ثم انسخ الكود التالي:

الصورة 1-1 صورة 1-2
ضع صورتين جنبًا إلى جنب الخطوة 20
ضع صورتين جنبًا إلى جنب الخطوة 20

الخطوة 5. انقر فوق علامة التبويب "نص" مرة أخرى في منشور المدونة

الآن ، سترى مربعين رماديين موضوعين جنبًا إلى جنب بعنوان "photo1-1" و "photo1-2".

ضع صورتين جنبًا إلى جنب الخطوة 21
ضع صورتين جنبًا إلى جنب الخطوة 21

الخطوة 6. انقر واسحب الصورة الأولى فوق المربع الرمادي المسمى "الصورة 1-1"

ضع صورتين جنبًا إلى جنب الخطوة 22
ضع صورتين جنبًا إلى جنب الخطوة 22

الخطوة 7. انقر واسحب الصورة الثانية فوق المربع الرمادي المسمى "الصورة 1-2"

إذا كنت تواجه مشكلة في النقر فوق الصور وسحبها إلى المربع الرمادي ، فانقر فوق علامة التبويب HTML مرة أخرى واستبدل "الصورة 1-1" و "الصورة 1-2" بالكود التالي:. يمكن تغيير قيمة العرض بناءً على احتياجاتك

ضع صورتين جنبًا إلى جنب الخطوة 23
ضع صورتين جنبًا إلى جنب الخطوة 23

الخطوة 8. قم بإزالة نص "الصورة 1-1" و "الصورة 1-2" من أسفل كل صورة

سيتم الآن وضع الصور جنبًا إلى جنب في منشور المدونة.

موصى به: