Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Вопросы начинающих, советы бывалых :)

Moderators: Mayo, unklemoses, Модераторы

Post Reply
User avatar
Pavlentiy
Барабанщик тут уже давно ;)
Posts: 1315
Joined: 30 Jan 2009 19:51
Location: Хмельницкий
Contact:

Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by Pavlentiy »

Как оказалось, многие пользователи не знают о том, что такое фотохостинг и как с ним дружить, потому попробую в двух словах объяснить зачем они нужны, как они работают и как с их помощью размещать ваши фото на форуме.

Итак, большинство пользователей вставляют фотографии как вложения к сообщению. У этого способа есть несколько недостатков:
1. Вы не можете добавить больше 5 изображений в одном сообщении
2. Вы не можете чередовать изображения и текст - они всегда будут отображаться в конце сообщения.
3. Существует ограничение места, которое выделяется на изображения, загруженные на форум одним пользователем, и однажды вам сообщат, что вы достигли лимита. Для того чтоб загрузить новые изображения вам придется удалить старые.

Чтоб избежать этих неудобств, можно загружать фото на фотохостинги.
Фотохостинг - это сайт, на который вы загружаете изображение со своего компьютера и на котором они хранятся. Этих сайтов сейчас очень много бесплатных и в принцип у них у всех одинаковый: вы выбираете файлы со своего компьютера, они загружаются на сайт, сайт дает вам ссылки на изображения, которые вы потом вставляете в своих сообщениях на форуме.
Используя сайты, которые дают возможность загружать сразу несколько фото, вы можете значительно ускорить процесс размещения изображений в ваших сообщениях по сравнению с вложением файлов и при этом вы не загружаете форум.

Как я уже говорил, таких сайтов множество и у них может немного отличаться интерфейс и функционал, но в целом принцип у них одинаковый. Я покажу вам как заливать фото на примере одного из них.

Выбираем понравившийся сайт. Окно загрузки изображений выглядит примерно так:
Image
1. Нажимаем кнопку "Обзор" и находим у себя на компьютере нужный файл. Если сайт позволяет загружать несколько файлов одновременно то выбираем нужные файлы.
2. Поле для превью. Это маленькое изображение нашего фото при нажатии на которое открывается само фото. Если превью нам не нужно - не трогаем, если нужно - можем задать его размеры и надпись на нем.
3. Дополнительные операции с загружаемым файлом. Обычно ничего тут делать не нужно. Только обратите внимание, что на некоторых сайтах может стоять по умолчания галочка "Сжимать изображение до ___ пикселей" и если её не снять, то все ваши фото будут сжиматься до этого размера. Чтоб этого не случилось просто нужно галочку снять.
4. Загружаем изображения.

После того, как изображения загрузятся, сайт предоставит нам разные варианты ссылок:
Image
В моем случае я загрузил несколько изображений одновременно и потому на сайте сначала отображаются ссылки на все изображения сразу (показано на картинке выше), а потом дублируются ссылки на каждое изображение по отдельности (на картинке не видно).
В первом окне отображается ссылка (ссылки) на фото. Ссылки в таком виде нужно вставлять на форуме в тэге IMG.
Во втором окне те же ссылки, но уже в тэге IMG, а третьем окне - ссылка на превью. Ссылки в таком виде нужно просто копировать и вставлять в нужном месте вашего сообщения.

Если у вас есть просто ссылка на изображение, то нужно вставить её в тэг IMG для того, чтоб картинка сразу отображалась на форуме, а не была просто ссылкой. Для этого в окне сообщения нужно нажать соотв. кнопку:
Image

В конечном итоге ссылка на каждое изображение должна принять следующий вид: Image

User avatar
La_De_Vill
Барабанщик написавший более 150 постов
Posts: 198
Joined: 13 Aug 2009 16:16
Location: Севастополь - Киев
Contact:

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by La_De_Vill »

Супер, я так понял, что кроме меня ещё кто-то в ЛС просил обучить ?
Пиво у скандинавов - официально разрешенный Минздравом антидепрессант.
Пивные ванны отрегулируют потоотделение. Если Вы сильно потеете, то добавьте в теплую воду бутылку пива и немного полежите.
Пиво благотворно влияет на рост женской груди.

User avatar
Pavlentiy
Барабанщик тут уже давно ;)
Posts: 1315
Joined: 30 Jan 2009 19:51
Location: Хмельницкий
Contact:

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by Pavlentiy »

Как оказалось, это массовая проблема
Мои группы в Facebook и ВКонтакте. Вступаем, приглашаем друзей, общаемся, покупаем! :wink:
Мой профиль в Facebook и ВКонтакте.

User avatar
drumnbass
Пластики уже рвал...
Posts: 39
Joined: 17 Oct 2007 12:19
Location: kyiv
Contact:

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by drumnbass »

Чому б не зробити сполйлер для картинок?

User avatar
Pavlentiy
Барабанщик тут уже давно ;)
Posts: 1315
Joined: 30 Jan 2009 19:51
Location: Хмельницкий
Contact:

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by Pavlentiy »

drumnbass wrote:Чому б не зробити сполйлер для картинок?
На сколько я знаю, на форуме этот тег не поддерживается
Мои группы в Facebook и ВКонтакте. Вступаем, приглашаем друзей, общаемся, покупаем! :wink:
Мой профиль в Facebook и ВКонтакте.

User avatar
bonza
Барабанщик тут уже давно ;)
Posts: 1870
Joined: 17 Apr 2011 14:45
Location: киев

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by bonza »

600 на 1200 не грузится на сайт. Они весят больше 200
Last edited by bonza on 25 May 2015 00:03, edited 1 time in total.
STRIKER drum workshop
приват карта 4149 6258 0956 4444 Виктор Гарарук
050 462 5009 Киев

start1394
Барабаню :)
Posts: 8
Joined: 30 Jul 2011 15:40

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by start1394 »

тупая и неудобная затея с загрузкой фото

User avatar
Maxon_87
Барабанщик тут уже давно ;)
Posts: 333
Joined: 02 Apr 2010 10:37
Location: Харьков

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by Maxon_87 »

Pavlentiy wrote:
drumnbass wrote:Чому б не зробити сполйлер для картинок?
На сколько я знаю, на форуме этот тег не поддерживается
Администрирование->Сообщения->BB Codes->Добавить BB Code

Использование:

Code: Select all

[spoiler={TEXT1}]{TEXT2}[/spoiler]
Замена HTML:

Code: Select all

<div style="margin: 5px">
   <div style="background-color: #E9E9E6; border: 1px solid #C3CBD1">
      <input style="margin: 3px; padding: 0; border: 1px solid #999999; background-color: #FAFAFA; font-weight: bold; font-size: 0.8em" type="button" value="+" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '−'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '+'; }" />
      <span style="display: inline-block; font-weight: bold; font-size: 0.9em; padding: 2px 0 0"> {TEXT1}</span>
   </div>
   <div>
      <div style="display: none; background-color: #F5F5F5; border: 1px solid #C3CBD1; border-top: none; padding: 5px">
         {TEXT2}
      </div>
   </div>
</div>
Подсказка:
[spoiler=текст, который видно]текст, который не видно[/spoiler]

Пример как писать, и как выглядит в действии:
Spoiler.jpg
Spoiler.jpg (50.25 KiB) Viewed 44989 times

User avatar
Johnik
Барабанщик тут уже давно ;)
Posts: 207
Joined: 18 Jan 2008 02:54
Location: Мухосранск(Сумы), Украина
Contact:

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by Johnik »

извиняюсь что тут пишу. Некоторые модеры не заходят на форум по несколько лет
Не могу создать новую тему, пишет 413 Request Entity Too Large к кому обратиться*
Genesis Forever!!!!

User avatar
Pavlentiy
Барабанщик тут уже давно ;)
Posts: 1315
Joined: 30 Jan 2009 19:51
Location: Хмельницкий
Contact:

Re: Способы вставки изображений в сообщение (ИНСТРУКЦИЯ)

Post by Pavlentiy »

Johnik wrote:извиняюсь что тут пишу. Некоторые модеры не заходят на форум по несколько лет
Не могу создать новую тему, пишет 413 Request Entity Too Large к кому обратиться*
Скорее всего вы пытаетесь загрузить слишком большой файл
Мои группы в Facebook и ВКонтакте. Вступаем, приглашаем друзей, общаемся, покупаем! :wink:
Мой профиль в Facebook и ВКонтакте.

Post Reply