Любительская рыбалка в Северной Америке.

[iceman]

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

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



Этот метод вставки картинок самый простой. Внизу странички для редактирования есть поле для ввода текста и рядом кнопка "Browse".
Нажимаете на эту кнопку, находите на диске своего компьютера файл который необходимо загрузить, и нажимаетe кнопку "Вставить вложение":



К одному посту можно добавлять до пяти вложений. К каждому вложению можно добавить комментарий, который появится в рамке прямо над фотографией. По умолчанию комментарием становится имя загруженного файла. Это необязательно должны быть картинки в формате .jpg, .gif или .png, в принципе это может быть любой файл, например документ в формате PDF или Microsoft Word. Обязательное условие - размер файла на должен превышать размера 160 Килобайт, иначе файл просто не загрузится.

После того как нажмете кнопку "Submit" чтобы завершить редактирование поста, картинка появится в конце сообщения. заключенная в рамку таблицы. Этот метод прост и удобен, но имеет ряд значительных недостатков. Прежде всего, это ограничение на размер файла. 160 Килобайт - это очень мало для фотографии приличного качества, так что приходится уменьшать ее размер или степень сжатия картинки, что очень отрицательно сказывается на ее качестве. Кроме того, фотографии всегда распологаются в конце поста в порядке обратном очередности их загрузки, так что проиллюстрировать свой пост фотографиями уместными к данному фрагменту текста становится очень трудно. Также неудобно и то что к каждому посту можно добавлять только пять вложений, и если хочется запостить более чем 5 фотографий, то будет необходимо разбивать их на несколько сообщений. Все файлы при этом загружаются с вашего компьютера на сервер на котором хостится форум, и отьедает при этом место на дисках отведенное для сайта. При этом фотографии и файлы, добавленные таким образом, будут видны только зарегистрированным участника форума, анонимные "гости" будут видеть просто пустое место. Так что такой способ добавления фотографий хорош только когда ваш пост сравнительно короткий, при этом неважно в каком месте появится картинка или когда вы не жалаете чтобы ваши шедевры видели незарегистрированные посетители форума.

В случае же когда вы жаждете написать пространный отчет о рыбалке или какой-то поездке (а ведь этого хотят все, только стесняются) , то гораздо уместнее будет использовать второй способ размещения картинок в посте, а именно вставлять фотографии которые хранятся где-то в Интернете на внешнем сервере. Для этого служит кнопка "Img" которую можно найти на странице редактирования прямо под полем Subject" - обычно это вторая кнопка справа :



Для того чтобы вставить картинку в текст, надо найти картинку котрую вы хотите добавить, и скопировать ее URL адрес (линк) в поле ввода текста. Затем "выбрать" этот линк курсором, и нажать кнопку "Img":



После этого "подсвеченный" линк окажется заключенным в пару открывающих и закрывающих меток "[img]":



После этого ваш пост можно смело отправлять в самостоятельное плавание по морям Интернета путем нажатия кнопки "Submit". При просмотре вашего поста движок форума заменит пару метки [img] на соответствующие таги формата HTML, и ваша картинка появится именно в том месте текста где вы ее задумали, и прекрасно проиллюстрирует ваш отчет:



Самое главное при этом - проследить чтобы между парой открывающих и закрывающих меток "[img]" не закрались лишние пробелы или символы, иначе движок форума не сможет правильно обработать линк, и вместо фотографии появится вот такая краказябра:

[img]http://lh5.ggpht.com/_cw9hJiK-1PY/TE2M7NHf-HI/AAAAAAAAAD8/7cJnqqUj4oA/s144/P1040878.JPG [/img]

Преимущества этого способа очевидны - в один и тот же пост можно добавить фотографии любого размера и в любом количестве, и расположить их по тексту так чтобы они наиболее удачно проиллюстрировали смысл вашего отчета. При этом фотографии действительно могут быть любой величины по размеру файла, так и по размеру в пикселях, но я настоятельно рекомендую не увлекаться и уменьшать фотографии которые вы хотите добавить к своему сообщению до ширины в 800 пикселей. Картинки большей ширины будут "растягивать" страницу просматриваeмой темы за пределы экрана, и читать текст и комментарии станет очень неудобно из за необходимости прокручивать экран горизонтально. Так что имейте это в виду когда решите украсить свой пост фотографиями. Кроме того, когда добавляете линк картинки, то очень желательно до и после метки добавить символ перевод строки (то есть нажать на клавишу "Enter"). Тогда картинки будут отделены от текста пробелами, а если решите запостить целую серию фотографий, то отступами друг от друга.

Недостаток этого способа - то что файлы хранятся на внешних серверах, и посколько обычно это бесплатные серверы которые предоставляют место для хранения фотографий, в один прекрасный день они могут оттуда исчезнуть, и все ваши отчеты будуть зиять пустыми дырами "Image not found". Но как известно, ничто не вечно под луной, так что если бы разместите ваши фотографии на каком-то хорошо известном сервере, то скорей всего они будут храниться там достаточно долго.

Так где же лучше всего размещать свои фотографии? Обычно я всем рекомендую сервис который предоставляет своим подписчикам всемирно известный Google. Каждый кто открывает почтовый ящик на Gmail.com, автоматически получает доступ ко множеству бесплатных сервисов Google, в том числе и к сервису Photos. Под каждый акаунт Goggle предоставляет 1 Gb места для хранения ваших фотографий, что на самом деле довольно много:



Фотографии могут быть легко загружены с вашего компьютера и удобно организованны в альбомы. Лучше всего использовать "Basic Upload", в таком случае не потребуется установки никаких дополнительных плагинов на вашем компьютере:



Но самая удобная особенность сервиса Google - это то что в случае установки совершенно бесплатной программы организации, просмотра и редактирования цифровых фотографий Picasa от того же Google, сервис "My Photos" автоматически интегрируется с редактором Picasa на вашем компьютере и все это вместе становится очень удобным решением для всех ваших "цифровых" нужд по обработке и публикации ваших фотографий. Все что для этого нужно - это скормить этой программе ваш Gmail аккаунт во время установки.

После этого Picasa сможет скачивать фотографии напрямую с вашей камеры в альбомы на диске домашнего компьютера, или же вы можете скачать их отдельно а потом указать Picasa директорию где они хранятся. После необходимой обработки фотографий, а Picasa предоставляет очень неплохой набор базовой обработки фотографий (особено полезна функция "Straighten" которая позволяет , если это необходимо, легко выправить "заваленный" горизонт), можно пометить те фотографии которые вы хотели бы загрузить в свой веб-альбом, нажимаете кнопку "Upload" и все отмеченные снимки окажутся загруженными на сервер Google:


После этого, для того чтобы добавить фотографию к вашему отчету, вам всего лишь будет нужно узнать URL этого снимка. Для этого бы открываете желаемый снимок в вашем альбоме и кликаете на ссылку "Link to this Photo", отмечаете "Image only (no link)", а в списке "Select size" выбираете "Large 800px":



Требуемый URL линк появится в поле "Embed Image" . Все что вам остается, это скопировать его в окно редактирования вашего поста и проделать уже описанную выше операцию с кнопочкой "Img". После этого фотография с вашего Picasa Web Album окажется красиво размещенной в контексте вашего сообщения, на радость вам и многочисленным читателям нашего форума. Еще одна особенность фотографий размещенных на сервисе Picasa Web Album - это то что нет необходимости уменьшать размер вашей фотографии. Picasa Web Album сделает это автоматически, при этом оставляя ваше фото в оригинальном размере, на которое вы также можете дать ссылку любому желающему. Манипулировать же размером снимка, который вы хотите запостить можно просто вручную прописывая размер в URL линке вашей фотографии:

иконка в 144 пикселей шириной:
http://lh5.ggpht.com/_cw9hJiK-1PY/TE2M7NHf-HI/AAAAAAAAAD8/7cJnqqUj4oA/s144/P1040878.JPG



иконка в два раза шире (299 пикселей):
http://lh5.ggpht.com/_cw9hJiK-1PY/TE2M7NHf-HI/AAAAAAAAAD8/7cJnqqUj4oA/s288/P1040878.JPG



картинка шириной в 400 пикселей:
http://lh5.ggpht.com/_cw9hJiK-1PY/TE2M7NHf-HI/AAAAAAAAAD8/7cJnqqUj4oA/s400/P1040878.JPG



горячо рекоменуемая ширина в 800 пискелей:
http://lh5.ggpht.com/_cw9hJiK-1PY/TE2M7NHf-HI/AAAAAAAAAD8/7cJnqqUj4oA/s800/P1040878.JPG



и наконец, линк к собственно оригиналу: http://lh5.ggpht.com/_cw9hJiK-1PY/TE2M7NHf-HI/AAAAAAAAAD8/7cJnqqUj4oA/P1040878.JPG

Как вы можете видеть, все эти линки (кроме линка к оригиналу) отличаются только той частью которая находится непосредственно перед именем файла, она то и задает ширину вашей картинки: s144, s288, s400 и s800. Кроме того, редактируя этот фрагмент, можно вообще прописать любую произвольную ширину показываемой фотографии, например 360 пикселей:

http://lh5.ggpht.com/_cw9hJiK-1PY/TE2M7NHf-HI/AAAAAAAAAD8/7cJnqqUj4oA/s360/P1040878.JPG



Кроме Picasa Web Albums, в Интернете существует масса других сервисов которые предлагают бесплатное размещение ваших фотогрфафий, вроде широко известных Photobucket и ImageShack, но не все позволяют давать прямую ссылку на храняшуюся у них фотку без внедрения туда назойливой рекламы. Именно поэтому я предпочитаю сервис Google. Ну а для любителей спартанской простоты я рекомендую бесплатный сервис Fileave.com. Это чисто хранилище любых файлов, там даже свою HTML страничку можно завести. Любой желающий может открыть там аккаунт и загружать туда свои файлы. Недостаток - ограниченное место на сервере, всего лишь 50 MGb, и необходимость раз в месяц заходить туда и "отмечаться", иначе аккаунт может быть удален со всем содержимым. Но зато это очень удобный и простой сервис, файлы хранятся в веб-фолдерах, а URL линки к ним видны без "вооруженного глаза", только бери и копируй в свой пост:


Так, все иллюстрации к этому посту я разместил именно на этом сервисе, для чего создал там аккаунт "americanribalka".

Ну и наконец, с помощью кнопки "Img" в свой пост можно добавлять вообще любые фотографии размещенные в Интернете. Для этого всего лишь нужно знать URL адрес этой фотографии. Например, в теме "Салмон 2010" я разместил ссылку на статью рассказывающую о рекордной форели пойманой в озере Мичиган: http://www.americanribalka.com/forum/viewtopic.php?p=39897#39897

Там появляется фотография счастливого обладателя рекорда, Как я ее добавил? Очень просто - я открыл в своем браузере (да-да, это именно Internet Explorer) статью:



навел курсор на фотографию и кликнул правую кнопку на мышке:



Из выскочившего меню я выбрал опцию "Properties", которое показывает основную информация о картинке, в том числе и искомый URL адрес:



Оттуда его можно легко скопировать и поместить в ваш пост:

http://media.jsonline.com/images/mjs-fish_-nws_-sieu-fish.jpg



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

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

[DMASTER]

Согласен с Iceman'ом, это наверное самый удобный способ, плюс его однозначен - управление размером фотографии в посте.

Самый неверный способ - это "втыкать" ссылку на file storage, который требует авторизации, как например почему то популярный в России www.radical.ru

Спасибо Игорь!

[Pasha]

Iceman, вот так забабахал ты полезный ресурс! Спасибо!

Я могу только добавить ко всему этому, что во избежании разных неурядиц с правкой уже выложенного отчета, советую пользоваться кнопкой "Preview". Таким образом у вас на экране появится ваш отчет в той самой форме, в которой он бы появился на экране, если бы вы нажали кнопку Submit. Я всегда так делаю, когда пишу громоздкие отчеты, чтобы убедится, что все в порядке.

[iceman]

DMASTER, Pasha
Спасибо за ваши ценные замечания, они несомнено будут полезны всем пользователям пытающимся освоить эту нелегкую науку. DMASTER совершенно прав, фотографии на сайтах-хранилищах нужно размещать только в "public" альбомах, иначе каждая попытка открыть страничку где размещен ваш отчет будет назойливо требовать ввести логин и пассворд который знаете только вы...

Если у кого то еще есть что посоветовать на эту тему, или возникли какие-то вопросы, то не стесняйтесь, пишите в этой же ветке!

[DMASTER]

Еще бы какую подсказку как управлять показываемым размером картинки если она с другого сайта, т.е. воткнут линк по типу
[img] << URL картинки >>:420x800 [/img]
или что-то подобное, как это работает на других сайтах
Пробую здесь, картинка, вот оригинал 620х366 :

пробуем показать его в 50%, т.е. 310х182,
т.е добавим к линку в конец ":310:182"
[img]http://206.130.11.226/baskojeyran.jpg:310:182[/img]
Как видим не работает
Похоже есть другой трюк, ну это уже к Илье наверное.

Еще одно: вставка Youtube:
[youtube]http://youtube.com/watch?v=UY0xwRIGOdc[/youtube]
- тоже не идет
Похоже все что доступно сказано здесь:
http://www.americanribalka.com/forum/faq.php?mode=bbcode
- версия старая? Похоже нет - вот обсуждение как делать это у разработчика:
http://www.phpbb.com/community/viewtopic.php?f=15&t=375183&start=15

[iceman]

DMASTER,
Мне кажется что версия движка у нашего форума далеко не самая свежая, и такие новые веяния как виртуальный ресайзинг и вставка клипов с youtube просто не поддерживаются. Хотя это может быть чисто административная проблема, просто не все доступные метки BBCode разрешены к использованию.

[DMASTER]

Не должно быть так сложно, есть такие скрипты MOD ( последний линк ссылается на это в частности), установка которых позволяет выделывать разные штуки, просто хотелось бы иметь форум с более богатым, современным интерфейсом.

[rhPZ]

Я не думаю что Админу не хватает приклучений чтоб phbb еще модить. Проэкт то не коммерческий по своей натуре.