3 способа разместить два изображения рядом

Оглавление:

3 способа разместить два изображения рядом
3 способа разместить два изображения рядом
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

Шаг 2. Нажмите «Регистрация» в правом верхнем углу, затем следуйте инструкциям на экране, чтобы создать бесплатную учетную запись

Вы должны зарегистрироваться в 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

Шаг 1. Отредактируйте сообщение в блоге или страницу, на которой вы хотите разместить два изображения рядом

Поместите две фотографии бок о бок Шаг 17
Поместите две фотографии бок о бок Шаг 17

Шаг 2. Вставьте оба изображения отдельно в свой блог

Позже вам нужно будет перетащить изображения в другой раздел записи блога, чтобы разместить их рядом.

Поместите две фотографии рядом, шаг 18
Поместите две фотографии рядом, шаг 18

Шаг 3. Щелкните вкладку «HTML» в своем сообщении

Сюда вы вставляете код, позволяющий размещать два изображения рядом.

Поместите два изображения рядом, шаг 19
Поместите два изображения рядом, шаг 19

Шаг 4. Поместите курсор в то место, где вы хотите, чтобы две фотографии отображались рядом, затем вставьте следующий код:

фото 1-1 фото 1-2
Поместите два изображения бок о бок Шаг 20
Поместите два изображения бок о бок Шаг 20

Шаг 5. Вернитесь на вкладку «Текст» вашего сообщения

Теперь вы увидите два серых прямоугольника рядом с пометками «фото 1-1» и «фото 1-2».

Поместите два изображения рядом, шаг 21
Поместите два изображения рядом, шаг 21

Шаг 6. Щелкните и перетащите первую фотографию в серое поле с надписью «фото 1-1

Поместите две фотографии бок о бок Шаг 22
Поместите две фотографии бок о бок Шаг 22

Шаг 7. Щелкните и перетащите вторую фотографию в серое поле с надписью «фото 1-2

Если у вас возникли трудности с щелчком и перетаскиванием фотографий в серые поля, вернитесь на вкладку HTML и замените «фото 1-1» и «фото 1-2» следующим кодом:. Значение ширины можно изменить в зависимости от ваших предпочтений

Поместите два изображения рядом, шаг 23
Поместите два изображения рядом, шаг 23

Шаг 8. Удалите текст «фото 1-1» и «фото 1-2» под каждой фотографией

Ваши изображения теперь будут расположены рядом в вашем сообщении.

Рекомендуемые: