Загрузка и вставка изображений в сообщения

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

1. Загрузка изображения с компьютера.

Спойлер: Инструкция по загрузке изображения с ПК на хостинг

Необходимо загрузить выбранное изображение на хостинг графических файлов/изображений в интернете. Если вы не знаете, каким хостингом следует воспользоваться, то вот основные критерии, которые помогут вам сделать выбор:
- Отсутствие навязанной оптимизации. Это поможет вам сохранить качество изображения;
- Длительность хранения файлов;
- Варианты кодов для публикации (ВВ-коды изображения, миниатюры с линком, картинки под спойлером и т.д.). Они вам пригодятся для более удобной работы с форумом;
- Возможность работать без регистрации;
- Отсутствие навязчивой рекламы, нецензурных фото и т.д.

Вот небольшой список хостингов, которые на мой взгляд наиболее удобны:
- yapx.ru;
- imgur.com;
- savepic.net;
- imageshost.ru;
- funkyimg.com;
- picshare.ru;
- ipic.su (по некоторой информации, ближайшее будущее данного хостинга весьма туманно, но т.к. в настоящее время он исправно работает, решила оставить его в списке).

Для примера я воспользуюсь хостингом imgur.com.
Заходим на адрес хостинга и нажимаем кнопку . В появившемся окошке (там кстати возможна загрузка как с компьютера, так и с интернета) нас интересует вариант . Выбираем в своем компьютере изображение, которое хотим загрузить на хостинг (там же можно удалить другие, ожидающие загрузки изображения), и нажимаем на . Справа от загруженной картинки появились ссылки и коды, которые нам необходимы. Для дальнейшей работы с форумом нам понадобятся Direct Link (Ссылка на изображение) и BBCode (Forums)
(ВВ-код изображения) .

Совет 1. Не используйте хостинги уровня radikal (который, кстати, на форуме попадает под автофильтр), т.к. они представляют из себя самую настоящую помойку.
Совет 2. Не сжимайте изображение. Загружайте его в оригинале. Помните, что картинка должна оставаться четкой, с легко различимыми объектами, а сильное сжатие приведет к потере качества.

2. Копирование из интернета.

Спойлер: Инструкция по поиску URL изображения из интернета

Если вам понравилась какая-либо картинка в интернете, и вы хотите загрузить ее на форум, то вам необходимо кликнуть по ней правой кнопкой мыши и выбрать "Открыть картинку в новой вкладке" .
Изображение откроется в отдельной вкладке, а вам нужно будет скопировать ссылку из адресной строки. Это URL выбранного вами изображения.
Можно сделать и проще. После клика правой кнопкой мыши сразу нажимать "Копировать URL картинки".
Главное следить, чтобы ссылка заканчивалась расширением графических файлов .jpg, .png, .gif, .bmp и т.д.
К сожалению, если что-то случится с картинкой на сайте или с самим сайтом, с которого вы ее копировали, то она пропадет и на форуме. Чтобы этого избежать, вы можете загрузить выбранное изображение на хостинг. На примере того же imgur.com. Там, где мы выбирали загрузку с компьютера, на этот раз выбираем и вставляем URL нашей картинки. Далее все точно так, как под первым спойлером. Теперь она будет находиться на выбранном хостинге.
Отдельно следует упомянуть про загрузку изображений с ВКонтакте. Во-первых, он автоматически ужимает загружаемые файлы. Во-вторых, если вы часто используете оттуда картинки, то вам вероятно встречались огромные URL адреса, где после расширения изображения (.jpg, .png и т.д.) идут непонятные цифры, буквы и символы. Такие ссылки изображений не годятся для форумов. Со временем ваша картинка может просто отвалиться, и на ее месте будет красоваться пустой квадрат. Учитывая, что я достаточно часто слышу, что картинки из ВКонтакте (даже с, казалось бы, вменяемыми URL) со временем слетают, и чтобы избежать огромных адресов, то рекомендую вам также перезаливать их на хостинг или напрямую на форум через вложения.

3. Вставка изображения в сообщение на форуме.

Спойлер: Инструкция по размещению изображения в сообщении

Теперь, загрузив изображение с компьютера или найдя его в интернете, самое время перейти на наш форум. Один из вариантов размещения изображения - это нажать на кнопку "Изображение" , вставить туда URL нашей картинки (скопированную ранее ссылку на изображение), кликнуть "Вставить" и все, готово. В нашем сообщении появилась картинка в оригинальном формате.

На форуме есть возможность прикрепить изображение к своему сообщению. Для этого необходимо выбрать "Загрузить файл", найти изображение на компьютере, и после этого у вашего сообщения появится вложение. Там вы можете увидеть две кнопки "Миниатюра" и "Полное изображение", нажав на любую из них, вы вставите выбранный формат в сообщение.

Или же вы можете ничего не нажимать и опубликовать сообщение. Тогда к нему будет прикреплено вложение с миниатюрой и ссылкой на изображение. Клик по миниатюре разворачивает картинку в полном размере, а по ссылке открывает в новой вкладке.

Далее следует упомянуть о ВВ-кодах. Рассматривать все я не буду, а напишу только про три из них, которые могут вам понадобиться при размещении изображений в сообщения. Они достаточно часто будут вам встречаться на хостингах после загрузки картинки.
ВВ-код изображения:

Код:

[img]Ccылка на картинку (URL картинки)[/img]

ВВ-код изображения под спойлером:

Код:

[spoiler][img]Ccылка на картинку (URL картинки)[/img][/spoiler]

ВВ-код изображения под спойлером с описанием:

Код:

[spoiler=Название спойлера][img]Ccылка на картинку (URL картинки)[/img][/spoiler]

ВВ-код миниатюры с линком на полноразмерное изображение:

Код:

[url=Ссылка на полноразмерную картинку (URL картинки)][img]Ссылка на миниатюру (URL миниатюры)[/img][/url]

ВВ-код миниатюры с линком на страницу с полноразмерным изображением:

Код:

[url=Ссылка на страницу с полноразмерной картинкой (URL страницы)][img]Ссылка на миниатюру (URL миниатюры)[/img][/url]

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

Отдельно следует отметить помещение изображения под спойлер. Есть второй способ, который поможет нам не заморачиваться с кодами - это воспользоваться кнопкой "Вставить спойлер" . Нажав на него, мы получим необходимый код, в который нужно будет просто поместить изображение любым способом из тех, которые мы рассмотрели выше.

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

 

Спойлер: синий глаза режет

 

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

 

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

 

Не учла другие стили, спасибо. Теперь лучше стало?

 

Такой шикарный : )

 

Одним из важных дополнением к этому гайду должно быть: Не сжимайте формат изображения. А то любят у нас выложить изображение в формате 200*200, 100*100 и т.д.

 

Добавила под первый спойлер.

 

сразу вспоминаем беоны с 403ими, двачи с их порнохотлинкингом и прочая.

урл-имг тоже стоит упомянуть, а то иногда лепят миниатюру с линком на главную хостинга.

ещё, я бы отдельно упомянул пикчи из вк и документы из вк.

 

Неужели ты думаешь что есть люди, которые не умеют вставлять картинки на форум => заходят в гайд, чтобы научиться этому и в то же время сами пытаются создать превью, вручную?
Миниатюра создается автоматом, если залить файл на форум фогейма (к примеру), либо хостинги (не все, конечно) сами дают на ббкод с превью. Зачем изобретать велосипед? Если человек умеет сам создавать превьюшку, без помощи форума\хостинга - ему и гайд это не нужен будет. Тем же, кому он необходим - в такие вещи вникать не стоит, - и себе голову сломают и у окружающих глаза вытекут.

 

который иногда копируется через жопу и даёт редирект на главную хостинга, о чём я и написал.

попробуй устроится модером на какой-нибудь форум. или просто полистай вопросы-ответы насчёт изображений. узнаешь много нового. шевеление волос в районе сидячей части спины гарантирую.

 

Добавила во второй спойлер + пример в третий вв-кода миниатюры (если я тебя правильно поняла).
Про вк единственное, что могу добавить, это ко второму, чтобы избежать огромного адреса и не удивляться потом, что картинка пропала, то следует перезалить ее на хостинг или напрямую на форум.

 

как минимум

Спойлер

Код:

[url=Ссылка на полноразмерную картинку (URL Картинки)][img]Ссылка на миниатюру (URL миниатюры)[/img][/url]

Код:

[url=Ссылка на страницу с полноразмерной картинкой (URL Страницы)][img]Ссылка на миниатюру (URL миниатюры)[/img][/url]

​

 

И? В гайде ясно написано:

Спойлер: как надо поступить

Если вам понравилась какая-либо картинка в интернете, и вы хотите загрузить ее на форум, то вам необходимо кликнуть по ней правой кнопкой мыши и выбрать "Открыть картинку в новой вкладке" .
Изображение откроется в отдельной вкладке, а вам нужно будет скопировать ссылку из адресной строки. Это URL выбранного вами изображения.
Можно сделать и проще. После клика правой кнопкой мыши сразу нажимать "Копировать URL картинки".
Главное следить, чтобы ссылка заканчивалась расширением графических файлов .jpg, .png, .gif, .bmp и т.д.

А это что такое?

Спойлер: твоя картинка

К чему вообще? Ну да, "open original" - это абсолютный аналог "открыть в новой вкладке\скопировать URL"

В гайде только стоит добавить что сами ссылки вк(соцсетей) могут убиваться со временем - ну так ТС об этом уже написала.

 

ya'rly.
спасибо что ткнул, был не в курсе, что мыло настолько офанарело. принудительно переделало, 3840х2160х32 убило в 2560х1440х24 .
раньше таких приколов не наблюдалось.

 

а как люди делают картинку где указано название клана, ник, раса, в ручную типо каким-то паинтом или на форуме есть такие функции?

 

вручную. паинтом\саи\фотошопом\аватаном и т.д. и т.п.

 

Щас покажу наверно самый быстрый способ кинуть рисунок в сообщение.

Спойлер

27 май 2016

Даже видео сниму

27 май 2016

 

Что-то запутался Лучше через старый добрый радикал( который здесь не работает почему-то)

 

С кучей кучей рекламы? Нет я уж луче запутанным способом.