Про то, как вставлять картинки

[cepesh]

Ищем волонтеров, которые просто, понятно и полно напишут о том, как вставлять картинки на форуме.

Предлагайте свои варианты. Желательно, одним сообщением и с примерами.

[Shtorm]

Ну, вот прошли почти сутки с объявления конкурса, буду первым. Я беру тему topic83887.html и добавляю к тому, что написал Toucan немножко своего:

1. Сохраняем рисунок в формате jpg, gif или png.

2. Загружаем его на какой-нибудь хостинг изображений, например, radikal.ru, pikucha.ru, savepic.org

3. Вставляем ссылку на рисунок в сообщение в теге [img]

[img]http://s020.radikal.ru/i718/1405/7e/ec2aa217078f.png[/img]

Получается так:


4. Заслуженные участники имеют функциональную возможность размещать рисунки на сайте форума dxdy.ru, при этом тема помечается "скрепкой".

Прошу откорректировать вышеприведённый текст и возможно добавить ссылки на дополнительные хостинги изображений.

[arseniiv]

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

-- Вт окт 14, 2014 00:23:54 --

Но, надеюсь, упоминание этой идеи стоит того.

[Shtorm]

arseniiv, я так и знал, что Вы отпишетесь в теме

arseniiv в сообщении #918618 писал(а):

но лень.

Я бы написал в инструкции о том, о чём Вы написали выше, но у меня нет необходимых знаний для этого.

[arseniiv]

Ну тут ведь памяти не нужно — всего-то стоит проделать представленное самому, тщательно протоколируя (со скриншотами!). Вот потому и лень. (Эх, если бы человеческий личный опыт полегче сериализовался…)

[Shtorm]

arseniiv, а с другой стороны, инструкция не должна быть слишком перегружена. Так что может быть к пункту

Shtorm в сообщении #918558 писал(а):

2. Загружаем его на какой-нибудь хостинг изображений, например, radikal.ru, pikucha.ru, savepic.org

Просто добавим: "Также возможно использование учётной записи гугла, яндекса или Dropbox для загрузки и выдачи ссылки на картинку."

[arseniiv]

Shtorm в сообщении #918834 писал(а):

а с другой стороны, инструкция не должна быть слишком перегружена

Такие инструкции пишутся для тех, кому не очевидно, кто не привык ещё к всевозможным видам взаимодействия с разными UI.

[Shtorm]

arseniiv, так-то оно так конечно, но я что-то не помню, чтобы кто-то из новичков форума, задающий вопрос - как вставлять картинки на форум, ещё и интересовался как это делается не через фотохостинг, а через гугл, яндекс и т.д. или я не прав?

[cepesh]

arseniiv
Не делайте для всего, сделайте для чего-то одного. Например, для Dropbox?

[arseniiv]

Попробовал с Яндекс.Диском — форум не определяет размеры изображения. Именно от прямых ссылок — не от той короткой на страницу с картинкой.

Такой туториал накрылся…

[Aritaborian]

Итак, мой вариант. Здесь я использую слово «картинка» вместо «изображение», ибо оно короче.
————————————————————
Картинка, которую вы желаете вставить в сообщение, должна быть размещена в Сети и по ширине не превышать 800 пикселей.
Для вставки картинки в сообщение предназначен тег [img]. Внутри тега должен быть помещён прямой адрес (URL) картинки.
Если вы хотите привести картинку, найденную на каком-либо сайте, нажмите на неё правой кнопкой мыши, выберите пункт меню «Копировать ссылку на изображение...» (в зависимости от используемого вами браузера, пункт меню может называться иначе) и вставьте скопированный текст между открывающим и закрывающим элементами тега [img]. Внимание: если ширина картинки превышает 800 пикселей, этот метод не сработает.
Пример:

[img]http://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Rowanberries_in_late_August_2004_in_Helsinki.jpg/265px-Rowanberries_in_late_August_2004_in_Helsinki.jpg[/img]

Результат:



Если вы хотите привести картинку, хранящуюся на вашем локальном компьютере, вы должны разместить её на стороннем сервере Сети. Проще всего воспользоваться фотохостингом: бесплатным сервисом по хранению картинок. Как правило, фотохостинги имеют простой, дружественный к пользователю интерфейс. Далее будет рассмотрен процесс загрузки картинки на хостинг postimage.org.



Кликните в поле справа от надписи «Выберите файлы для загрузки:» и найдите картинку на диске. Если ваша картинка по ширине превышает 800 пикселей, справа от «Уменьшить до:» выберите желаемую ширину. Картинка автоматически будет уменьшена. Нажмите «Загрузить».



Скопируйте текст в поле «Прямая ссылка» и вставьте его между открывающим и закрывающим элементами тега [img]. Внимание: копируйте адрес именно из этого поля. Использование «удобных» ссылок с названиями типа «код для вставки на форуме» может привести к нежелательным последствиям.
Этот сервис также позволяет сохранить картинку из Сети: на главной странице переключитесь с «С компьютера» на «Из интернета». Это полезно в тех случаях, когда ширина картинки, найденной в Сети, превышает 800 пикселей.
————————————————————
Тех, кому инструкция в своей основе нравится, прошу не вносить отдельные предложения, а перепечатывать её полностью с внесёнными изменениями. Так нам будет проще получить итоговый текст.

[Shtorm]

Aritaborian в сообщении #919244 писал(а):

прошу не вносить отдельные предложения, а перепечатывать её полностью с внесёнными изменениями.

Окей! Но я прост, до банальности. Простое суммирование текстов.
————————————————————


Краткая инструкция


1. Сохраняем рисунок в формате jpg, gif или png.

2. Загружаем его на какой-нибудь хостинг изображений, например, radikal.ru, pikucha.ru, savepic.org

3. Вставляем ссылку на рисунок в сообщение в теге [img]

[img]http://s020.radikal.ru/i718/1405/7e/ec2aa217078f.png[/img]

Получается так:


Подробная инструкция

1. Картинка, которую вы желаете вставить в сообщение, должна быть размещена в Сети и по ширине не превышать 800 пикселей. Для вставки картинки в сообщение предназначен тег [img]. Внутри тега должен быть помещён прямой адрес (URL) картинки. Если вы хотите привести картинку, найденную на каком-либо сайте, нажмите на неё правой кнопкой мыши, выберите пункт меню «Копировать ссылку на изображение...» (в зависимости от используемого вами браузера, пункт меню может называться иначе) и вставьте скопированный текст между открывающим и закрывающим элементами тега [img]. Внимание: если ширина картинки превышает 800 пикселей, этот метод не сработает.
Пример:

[img]http://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Rowanberries_in_late_August_2004_in_Helsinki.jpg/265px-Rowanberries_in_late_August_2004_in_Helsinki.jpg[/img]

Результат:



2. Если вы хотите привести картинку, хранящуюся на вашем локальном компьютере, вы должны разместить её на стороннем сервере Сети. Проще всего воспользоваться фотохостингом: бесплатным сервисом по хранению картинок. Например: radikal.ru, pikucha.ru, savepic.org, postimage.org. Как правило, фотохостинги имеют простой, дружественный к пользователю интерфейс. Далее будет рассмотрен процесс загрузки картинки на хостинг postimage.org.



Кликните в поле справа от надписи «Выберите файлы для загрузки:» и найдите картинку на диске. Если ваша картинка по ширине превышает 800 пикселей, справа от «Уменьшить до:» выберите желаемую ширину. Картинка автоматически будет уменьшена. Нажмите «Загрузить».



Скопируйте текст в поле «Прямая ссылка» и вставьте его между открывающим и закрывающим элементами тега [img]. Внимание: копируйте адрес именно из этого поля. Использование «удобных» ссылок с названиями типа «код для вставки на форуме» может привести к нежелательным последствиям.
Этот сервис также позволяет сохранить картинку из Сети: на главной странице переключитесь с «С компьютера» на «Из интернета». Это полезно в тех случаях, когда ширина картинки, найденной в Сети, превышает 800 пикселей.

3. Заслуженные участники имеют функциональную возможность размещать рисунки на сайте форума dxdy.ru, при этом тема помечается "скрепкой".

[Алексей К.]

cepesh в сообщении #918955 писал(а):

Например, для Dropbox?

К сожалению, на моей ЭВМ операционной системы Windows нет, но выглядит это примерно одинаково.

Ежели Вы завели себе Dropbox, это значит, что у Вас есть одноимённая папочка со всякими подпапочками.
Что бы Вы там ни меняли, создавали, удаляли --- всё это синхронизуется с каким-то там облаком.
Вы заменили ЭВМ (или на работе захотели иметь то же самое, или в Турции приспичило) --- подключите Dropbox, скажите ему, что Вы --- это тот же самый Вы, что был раньше, и у Вас восстановится такая же структура папок и файлов.
(Ну или, если в Турции, и Вам один файлик понадобился --- Вы его просто скачаете из того облака)

Это было вкратце про Dropbox вообще (и аналогичные штуки).

Ежели Вы в Win-проводнике обычным образом ткнёте правой кнопкой мыши на файлик из Dropbox'a, у Вас в контекстном меню появится элемент "Dropbox" и возможность скопировать ссылку на него (на моей картинке это примерно как \colorbox{brown}{\color{white}\sf Copy Public Link}, на Вашей будет чуть по-другому, по-русски). В буфере обмена появится текст ссылки, который можно вставить (control-V) в форумное сообщение, послать кому-то по аське, и всё что угодно.
Вот этот текст,

\verb

я сюда и вставил:

\verb

[OlegCh]

Хорошо бы ещё добавить возможность обтекать рисунки текстом, а то справа от рисунка остается много неиспользуемого пустого места.

[Shtorm]

Shtorm в сообщении #918558 писал(а):

2. Загружаем его на какой-нибудь хостинг изображений, например, radikal.ru, pikucha.ru, savepic.org

Сайт pikucha.ru выбрасываем из списка - ненадёжный оказался.