Автор Тема: Фото. Инструкция, как вставить фотографию в сообщение.  (Прочитано 49802 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Jericho

  • Удалить
  • Эксперт
  • *******
  • Сообщений: 9899
  • Нагадил как вшивая шавка - в результате забанен
Важно - стоит убедиться, что фотография (фотографии), которую вы хотите выложить на страничках форума, будет не только информативной, но и не создаст неудобств и проблем. Для того, что бы ваши фотографии не были по большей части бесполезным трафиком, прошу сначала уделить пару минут и ознакомится с этой темой: http://www.knife.com.ua/forum/index.php?topic=18172.0


1. Вставляем фото. (Не "кликабельное".)
Помещаем курсор в нужное место сообщения.
Нажимаем - в поле ответа появляются теги. [img][/img]
Копируем адрес изображения и помещаем между появившимися тегами. ( [img]сюда[/img] )
Все!
Пользуемся предварительным просмотром - чтобы убедиться в правильности выполнения - и отправляем на форум.
Вот и все сложности   8-)


2. Вставляем фото со ссылкой на страницу. (Например, с её описанием.)
Это требуется редко - обычно, когда речь идёт о чужом ноже и важен текст, который есть на странице по ссылке. Если же нужно просто показать нож [или что-то другое] крупно - по ссылке должна быть только крупная картинка.

Помещаем курсор в нужное место сообщения.
Нажимаем , потом .
Между "[url" и "]" добавляем символ "=".

Получается "сверхсложная" заготовка: [url=][img][/img][/url]
В которую остаётся вставить 2 ссылки (точнее - URL).


Ссылку на нужную нам страницу, (обычно ту, откуда взято фото, но может быть и другая), вставляем после "[url=".
Cсылку на нужное нам фото - между "[img]" и "[/img]"

Должно получиться вот так: [url=ссылка_на_страницу][img]ссылка_на_фото[/img][/url]

И вот наглядная инструкция (.swf) как это сделать.


3. Вставляем превью фото со ссылкой на полноразмерное фото. ("Кликабельное".)
3.1. Вставляем и полноразмерное и превью, которые видим на другом сайте.
Во случаях, когда на исходной странице вставлено превью и ссылка с него ведёт на полноразмерное фото - задача тривиальна.
Нажимаем правую клавишу мышки на картинке - дальше выбираем из предложенных браузером вариантов: "копировать ссылка на изображение" - это наша ссылка на превью (ту картинку, которую мы видим непосредственно на сайте) и "копировать ссылку" - это ссылка на полноразмерное фото, которое открывается по клику на фото на той странице. (Мы ведь хотим повторить именно такую структуру?)
Вставляем полученные ссылки в вышеупомянутую заготовку: [url=][img][/img][/url]

Должно получиться: [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url].


Проблема с двумя тегами: url и img ?

Вот, я ролик записал, может поможет  ((

Для примера взял ЫО, хоть и не люблю его, на видео не видно кликов правой кнопкой мыши (ПКМ), потому для этого картинки. Первый клик был на маленькой фото, которая и будет отображаться в сообщении:



Вставляем (между [img] и [/img]).

Второй клик (ПКМ) на большой фото, которая будет отображаться по клику:


Вставляем (между [url= и ]).

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


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

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

Естественно можно поискать эту же картинку в другом месте (откуда легко взять ссылки и есть картинки нужных размеров).
Чаще всего - это самое простое решение.

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

3.2. Вставляем фото, имеющиеся [только] на компьютере.
Вставить фото прямо со своего компьютера сразу в сообщение не возможно!
Поэтому для начала нужно зарегистрироваться на одном из сайтов-фотофайлообменников.

Регистрируемся. Заливаем на сайт нужные фото. (Если можно/нужно - создаем альбом. До или после заливки фото...)

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

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

Но и если же он "дорог как память", то нужно ещё немного потрудиться - привести ссылки к виду:
[url=ссылка_на_полноразмерное фото][img]ссылка_на_превью
Естественно, если нужно, пишем рядом что-то типа: "...остальные ...надцать фото можно увидеть в галерее/альбоме.
[url=ссылка_на_галерею]название_альбома[url]

А если вам удалось {gig} найти хостинг, где нет возможности получить ссылки на фото желаемого размера, нет альбомов - следует произнести мантру "ну его на!" и смело перейти на другой фотохостинг!
 (Обсуждение файлообменников и их выбора - в соседней теме: Фотофайлообменники: выбор, возможности, проблемы, ...)


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

Допустим, фотообменник дал набор ссылок в столбик (или мы так их сначала расположили). Это выглядят так:
Текст:
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url]
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url]
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url]
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url]
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url]
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url]

Расположение картинок:







Это ("аршин проглотил") - не наш метод!
Поэтому убираем после каждой картинки "перевод строки" и, вместо него ставим один пробел.
Cтавим курсор после первой картинки (если использованы теги [/url][/url] то после [/url]) и нажимаем по очереди кнопки: [Space] и [Delete], перехотим к следующей (пока картинки не закончатся ;)).
Текст (код):
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url]
 
Расположение картинок:


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

Если Вы уверены, что все картинки поместятся в область 800x600 - можно расположить и строками. Например 2 строки по 3 превью.


5. Прочее.
Не забываем пользоваться предварительным просмотром и помнить о размере вставляемого фото.
К счастью, ряд ресурсов (Google+, Blogger, ...) позволяет получать превью любого размера.

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

Размер превью имеет смысл выбирать в диапазоне 256...320 пикселей по горизонтали, а полноразмерное фото - согласно здравому смыслу (глядя на разрешение монитора ;) ).
Обычно фото размером 1280...1600 по длинной стороне вполне достаточно. А то и более чем достаточно. Меньше 1024 - маловато, больше 2048 - перебор.

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


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


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


PS. Тема изредка обновляется. 27.09.20013
« Последнее редактирование: 28 Сентябрь 2014, 15:56:19 от Cynic »

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
Если вы дочитали до этого места - прошу продолжать чтение, но для решения непонятных мест - можно/нужно обращаться ко мне через skype.
В skype мой логин Cynic...
Скромно надеюсь, что со скайпом все разберутся без меня.

Дальше - список "фотофайлообменников" и ссылки на рекомендации по пользованию ими. Если таковые имеются. ;)
Впрочем - в любом случае рекомендуется прочитать несколько первых ответов - там более подробно описан подход к вопросу.


РесурсыМурзилки (инструкции [с картинками])
http://fotoplenka.ru/Ответ #2
http://radikal.ru/ и http://radikal.сс/Ответ #3
http://keep4u.ru/Ответ #4
http://photofile.ruОтвет #5
http://xmages.net/Ответ #6
http://io.ua/Ответ #7
http://picasaweb.google.com/Ответ #8
http://imagepost.ruОтвет #9
http://foto.rambler.ruОтвет #10
http://photo.qip.ru/Ответ #11
http://fastpic.ru/Ответ #12
http://imgsrc.ru/Ответ #13
http://imagedoza.comОтвет #14
http://piccy.info/Ответ #15
http://fotki.yandex.ruОтвет #16
http://vfl.ruОтвет #17
http://plus.google.comОтвет #18
http://uploads.ruОтвет #19
http://imgir.comОтвет #20
http://photo.qip.ru/
http://pics.net.ua
http://10pix.ru/
http://allyoucanupload.webshots.com/
http://directupload.net/
http://fastpic.ru/
http://funkyimg.com/
http://glowfoto.com/
http://images-hosting.com/
http://imagehosting.us/
http://imgspot.com/
http://imagevenue.com/
http://imghost.extra.by/
http://ipicture.ru/
http://paintedover.com/
http://photobucket.com/
http://tinypic.com
http://up.li.ru/
http://xegami.com/
http://2knife.com
Надеюсь со временем дополнять и исправлять эти описания.
« Последнее редактирование: 03 Март 2016, 17:57:20 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
Примеры и рекомендации по пользованию файлообменником fotoplenka.ru

fotoplenka.ru превратилась в photo.qip.ru  Поэтому смотрим ответ #11.


     Зарегистрировались. Создали себе альбом и залили туда нужные Вам фото.
Так как по -м форума, требования к размещаемому фото "- размер по ширине - до 800 пикселей", то нас интересует создания превью - маленьких фото, по клику открывающих в новом окне наше полноразмерное фото.
Большинство таких сайтов умеют генерировать превью.

На fotoplenka.ru для этого в нашем альбоме жмем "Получить ссылку"



и в открывшемся окне выбираем "для форума", так же можно выбрать желаемый размер самой превью - "Маленькие", "Средние" и "Большие"



Так получаем ссылки-превьюшки на все фото из нашего альбома. (Можно делать на каждое фото отдельно - разберетесь сами.) Копируем нужные и вставляем в свое сообщение.
     Но в этом случае такого рода сайты дают по клику не только фото, а и море ненужного своего + включая рекламу. (меня лично это сильно "убивает") Чтоб сделать по клику, только, фото - нужно проделать следующее:

     Как самостоятельно сделать превью на фото.
     Для этого нам нужно два BB кода:
[img][/img]
     и
[url][/url]
     которые для одной превьюшки будут выглядеть так
[url=][img][/img][/url]     и само фото на каком нить фотохранилище в нете.
     Между
[url=][img]маленькое_фото_которое_и_будет_отображаться_на_форуме.jpg[/img][/url]     (чтоб получить эту ссылку нужно кликнуть правой кнопкой мыши по фото и в контекстном меню нажать "Копировать ссылку на изображение" (для Mozilla Firefox)
     а после знака равно "=" в квадратных скобках
[url=большое_фото.jpg][img]маленькое_фото_которое_и_будет_отображаться_на_форуме.jpg[/img][/url]     Теперь в новом открывшемся окне отображаться будет непосредственно, само фото, а не целая страница ресурса на котором оно находится.
« Последнее редактирование: 28 Сентябрь 2014, 15:35:38 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
До тех пор, пока radikal практикует навязчивую переадресацию, не позволяющую получить прямую ссылку на крупное фото, его использование запрещено на форуме.
При первом нарушении - предупреждение и блокировка темы, при повторном нарушении - бан.

Переадресацию убрали, но будьте крайне осторожны со ссылками.


   Рекомендации для тех кто заливает свои фото на http://radikal.ru/ и/или http://radikal.сс/ (по сути - это одно и то же).

   Подразумевается, что регистрация пройдена.
   Альбом для серии картинок рекомендую создавать/выбирать сразу - так в целом быстрее. (Но можно отложить "на потом".)

При загрузке файла мы видим (примерно) такое окно:


1. Снимаем галочку перед "Уменьшить до", если загружаемое фото не слишком крупное.
Если слишком крупное - галочку оставляем и выбираем размер в диапазоне 1200...2048.

2. После превью указываем желаемый размер превью. 7 вариантов от 90 до 280.
(Рекомендую выбирать 240 или 280. Если чередуются картинки портретной и ландшафтной ориентации - для "портретов" ставим 180, для "ландшафтов" - 240.)

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

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


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

Забираем [9] строчку:
[url=http://i027.radikal.ru/0903/e2/8fb43457b6dd.jpg][img]http://i027.radikal.ru/0903/e2/8fb43457b6ddt.jpg[/img][/url]
Выглядит это так:


Gредоставляется только вариант "превью со ссылкой на страницу". (9. "Превью - увеличение по клику.")
[url=http://radikal.ru/fp/db939daf1b634946b479d76d17d2b90e][img]http://i027.radikal.ru/0903/e2/8fb43457b6ddt.jpg[/img][/url]
Поэтому придётся почистить вручную: Копируем выделенную выше зелёным ссылку на превью, вставляем её вместо выделенной синим ссылки на страницу и не забываем удалить буковку t перед .jpg (в том фрагменте, который вставили).
Получаем желаемое:
[url=http://i027.radikal.ru/0903/e2/8fb43457b6dd.jpg][img]http://i027.radikal.ru/0903/e2/8fb43457b6ddt.jpg[/img][/url]


Некоторые "вкусности", которые были на этом фотохостинге ранее - канули в Лету. {bye}
« Последнее редактирование: 11 Март 2016, 09:51:00 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником keep4u.ru


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


Рекомендации будут краткими:

Как дать аккуратную ссылку на галерею (и как им,  {cenz},рассказать, что у 99.99% населения экран ориентирован в ширину, значит и превьюшки надо выстраивать строчками, а не столбцом, да ещё и с широкими промежутками?) пока не представляю.

Ковыряние в каличном коде показало, что ссылка на "титрованное" (с указанием размера фото) превью идёт через /s/
http://ib1.keep4u.ru/s/2011/03/15/84/84aafee1c8ebc2b56bc3f5070f977b36.jpg

Cсылка на обычное превью - через /t/
http://ib1.keep4u.ru/t/2011/03/15/84/84aafee1c8ebc2b56bc3f5070f977b36.jpg

Cсылка на полноразмерное фото - через /b/
http://ib1.keep4u.ru/b/2011/03/15/84/84aafee1c8ebc2b56bc3f5070f977b36.jpg

(Может у них есть в запасе ещё буквы - на знаю.)

На этой мажорной ноте возвращаемся к нащим баранам:

Если этот keep4u выдал ссылку типа:

[URL=http://keep4u.ru/full/84aafee1c8ebc2b56bc3f5070f977b36.html][IMG]http://ib1.keep4u.ru/s/2011/03/15/84/84aafee1c8ebc2b56bc3f5070f977b36.jpg[/img][/URL]
То первую часть (ссылку на страницу с фото):
[URL=http://keep4u.ru/full/84aafee1c8ebc2b56bc3f5070f977b36.html][/URL]можно испльзовать как текстовую ссылку на галерею.
Например так:
Остальные фото [url=http://keep4u.ru/full/84aafee1c8ebc2b56bc3f5070f977b36.html]в галерее[/url].
А исходную строку нужно преобразовать к виду:
[URL=http://ib1.keep4u.ru/b/2011/03/15/84/84aafee1c8ebc2b56bc3f5070f977b36.jpg]
[IMG]http://ib1.keep4u.ru/s/2011/03/15/84/84aafee1c8ebc2b56bc3f5070f977b36.jpg[/img][/URL]

Т.е.: то, что стояло [img] внутри [/img] копируем и вставляем [URL= внутри ] (взамен имевшейся там ссылки на страницу с фото.) И меняем букву s на букву b.


Если что-то непонятно - есть смысл перечитать тему с начала. Совсем непонятно - спрашивайте. Расскажем, постараемся помочь.
« Последнее редактирование: 07 Апрель 2011, 21:30:57 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником photofile.ru


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

Нам нужно получить структуру:
[url=большое_фото.jpg][img]превью.jpg[/img][/url]

Ссылка на маленькое превью (100px × 75px) имеет вид:
[IMG]http://photofile.ru/photo/sokollvov/200418133/small/203206754.jpg[/img]По-моему размер превью мелковат.  ((

Ссылка на среднее превью (240px × 180px) имеет вид:
[IMG]http://photofile.ru/photo/sokollvov/200418133/middle/203206754.jpg[/img]Оптимально, IMHO.

Ссылка на большое (490px × 368px) превью имеет вид:
[IMG]http://photofile.ru/photo/sokollvov/200418133/large/203206754.jpg[/img]При таких превью уже можно не на все кликать. :)

Ссылка на увеличенное (785px × 589px) фото:
[IMG]http://photofile.ru/photo/sokollvov/200418133/xlarge/203206754.jpg[/img]В общем, для качественного фото этого обычно достаточно.

Ну и ссылка на полноразмерное (как загружено) фото:
http://photofile.ru/photo/sokollvov/200418133/203206754.jpg
Итог: полная ссылка будет иметь вид:
[url=http://photofile.ru/photo/sokollvov/200418133/xlarge/203206754.jpg][IMG]http://photofile.ru/photo/sokollvov/200418133/middle/203206754.jpg[/img][/url]
А ещё можно отдельной строкой дать ссылку на альбом:
http://photofile.ru/users/sokollvov/200418133/В котром, кстати, можно настроить просмотр на любой из 4 размеров превью и скачать весь альбом по одному клику.

PS Кроме того, кроме указанных коротких ссылок, есть ещё и длинные.

Фрагменты адреса http://photofile.ru/photo/sokollvov/ и http://sokollvov.users.photofile.ru/photo/sokollvov/ являются синонимами.
Т.е., если в адресе ссылки мы видим что-то между http:// и photofile.ru/, то эти куски можно удалить.
В данном примере это "sokollvov.users." .
« Последнее редактирование: 22 Март 2011, 01:00:19 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником xmages.net


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

Нам нужно получить структуру:
[url=большое_фото.jpg][img]превью.jpg[/img][/url]

Ссылка на превью (200px × 151px) имеет вид:
[IMG]http://xmages.net/storage/10/1/0/5/5/thumb/thumb_2d227d4b.jpg[/img][/URL]
Ссылка на полноразмерное (как загружено) фото:
http://xmages.net/storage/10/1/0/5/5/upload/2d227d4b.jpg
Итог: полная ссылка будет иметь вид:
[URL=http://xmages.net/storage/10/1/0/5/5/upload/2d227d4b.jpg][IMG]http://xmages.net/storage/10/1/0/5/5/thumb/thumb_2d227d4b.jpg[/img][/URL]

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



Ниже инструкция, как сделать ссылку на оригинальное фото без повторного посещения сайта и копирования ссылки на оригинальное фото:

Что бы не открывать страничку с фото и не копировать адрес полноразмерного фото, можно сделать ссылку из превью:

Вот так выглядит код ссылки на страничку с превью, который можно получить на сайте, где лежит фотка:
[URL=http://xmages.net/show.php/2616832_3-jpg.html][IMG]http://xmages.net/storage/10/1/0/1/8/thumb/thumb_83fbade9.jpg[/IMG][/URL]
Здесь записано следующее:
Ссылка на страничку: http://xmages.net/show.php/2616832_3-jpg.html (1)
Ссылка на превью: http://xmages.net/storage/10/1/0/1/8/thumb/thumb_83fbade9.jpg (2)


Ссылка на оригинальное фото должна выглядит так: http://xmages.net/storage/10/1/0/1/8/upload/83fbade9.jpg (3)

Все что ниже выделено большим размером шрифта - это то, с чем проводим манипуляции, все что без выделения - это то, что мы должны оставить.

Так вот, что бы вместо первой (1) ссылки сделать третью (3), мы просто копируем из превью (2) этот участок ссылки: xmages.net/storage/10/1/0/1/8/thumb/thumb_83fbade9.jpg
Затем вставляем его в первую (1) ссылку вместо этого xmages.net/show.php/2616832_3-jpg.html
обратите внимание, там есть два слова thumb
затем удаляем storage/10/1/0/1/8/thumb/thumb_83fbade9.jpg - удалить нужно также этот символ: _
затем вместо слова storage/10/1/0/1/8/thumb/83fbade9.jpg нужно вставить слово upload

в результате из этого xmages.net/show.php/2616832_3-jpg и того xmages.net/storage/10/1/0/1/8/thumb/thumb_83fbade9.jpg мы получим вот это xmages.net/storage/10/1/0/1/8/upload/83fbade9.jpg - что и будет ссылкой на фото.

Должно получиться так:
[URL=http://xmages.net/storage/10/1/0/1/8/upload/83fbade9.jpg][IMG]http://xmages.net/storage/10/1/0/1/8/thumb/thumb_83fbade9.jpg[/IMG][/URL]
« Последнее редактирование: 07 Апрель 2011, 20:42:05 от ja)d. »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником io.ua


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

Нам нужно получить структуру:
[url=большое_фото.jpg][img]превью.jpg[/img][/url]


Сайт предлагает превью со ссылкой на страницу:
[URL=http://io.ua/17520576p][IMG]http://io.ua/17520576i.jpg[/IMG][/URL]Это не наш метод.  -)

Ссылка на превью (150px х 113px) имеет вид:
http://io.ua/17520576i.jpg
Ссылка на увеличенное (800px x 600px) фото:
http://io.ua/17520576n.jpg
Ссылка на увеличенное (1200px x 900px) фото:
http://io.ua/17520576m.jpg
...
Ссылка на полноразмерное (как загружено) фото:
http://f.io.ua/img_aa/full/1752/05/17520576_f.jpg
Вероятно существует короткая и ссылка вида io.ua/17520576?.jpg

Итог: полная ссылка будет иметь вид:
[URL=http://io.ua/17520576m.jpg][IMG]http://io.ua/17520576i.jpg[/img][/URL]или
[URL=http://f.io.ua/img_aa/full/1752/05/17520576_f.jpg][IMG]http://io.ua/17520576i.jpg[/img][/URL]Если фото "как загружено" - не слишком крупное (<2048 pix) и имеет "нормальное" сжатие (не слишком тяжелое).


Ну и не вредно дополнить пост прямой ссылкой на галерею:
http://nebajduzhij.io.ua/album432545
« Последнее редактирование: 17 Февраль 2015, 23:39:36 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником picasaweb.google.com
По сути, это альтернативный (по отношению к Google+) интерфейс. Содержимое (картинки) - одно и то же.
Но некоторые настройки доступны только через Google+.


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

Нам нужно получить структуру: [url=][img][/img][/url]
и заполнить её: [url=большое_фото.jpg][img]превью.jpg[/img][/ur]


Заходим в галерею.
(https://picasaweb.google.com/115848480712966283756/18032011#)

Настраиваем по вкусу (ползунком справа вверху) размер превью. Я тяну вправо до предела - это даёт превью размером 288px ? 216px.

Берём ссылку (URL) картинки.
(https://lh4.googleusercontent.com/_TZfQm1NqiKE/TYM4iSF_6yI/AAAAAAAAAB4/QWQ-_Ke7QEU/s288/%D0%A4%D0%BE%D1%82%D0%BE-0058.jpg)




Огромное достоинство состоит в том, что можно получить ссылку на фото любого размера. (Ну, не больше, чем загружено. ;))
"Фокус" основан на том, что picasaweb, (как и другие известные мне "гуглоресурсы") хранят полноразмерное фото, а все остальные размеры генерируют по запросу.

Вкратце: в ссылке есть фрагмент /s###/ - он определяет размер картинки в ширину.
https://lh4.googleusercontent.com/-lwJaVMOAezQ/TYM4iSF_6yI/AAAAAAAAAB4/DnU6hsMvLm4/s288/%D0%A4%D0%BE%D1%82%D0%BE-0058.jpg
Таким образом - достаточно иметь ссылку на картинку любого размера, чтобы сделать их него всё что хотим!

Это позволяет легко быстро и просто получить всё, что хотим!

Алгоритм прост:
1. Создаём заготовку [url=][img][/img][/url]
2. Копируем ссылку на фото.
(В данном примере: https://lh4.googleusercontent.com/-lwJaVMOAezQ/TYM4iSF_6yI/AAAAAAAAAB4/DnU6hsMvLm4/s288/%D0%A4%D0%BE%D1%82%D0%BE-0058.jpg)
3. Вставляем ссылку [url=сюда][img]и сюда[/img][/url]
(В данном примере: [url=https://lh4.googleusercontent.com/-lwJaVMOAezQ/TYM4iSF_6yI/AAAAAAAAAB4/DnU6hsMvLm4/s288/%D0%A4%D0%BE%D1%82%D0%BE-0058.jpg][img]https://lh4.googleusercontent.com/-lwJaVMOAezQ/TYM4iSF_6yI/AAAAAAAAAB4/DnU6hsMvLm4/s288/%D0%A4%D0%BE%D1%82%D0%BE-0058.jpg[/img][/url])
4. Там, где сюда - после s меняем число на желаемый размер (ширину) "полноразмерного" фото, а там где и сюда - после s меняем число на желаемый размер (ширину) превью. Например: 1280 и 320.
[url=https://lh4.googleusercontent.com/-lwJaVMOAezQ/TYM4iSF_6yI/AAAAAAAAAB4/DnU6hsMvLm4/s1280/%D0%A4%D0%BE%D1%82%D0%BE-0058.jpg][img]https://lh4.googleusercontent.com/-lwJaVMOAezQ/TYM4iSF_6yI/AAAAAAAAAB4/DnU6hsMvLm4/s320/%D0%A4%D0%BE%D1%82%D0%BE-0058.jpg[/img][/url]

Выглядит это так:


Ну, да... Если в галерее есть и другие фото и/или более крупные - даём ссылку на галерею/альбом.
« Последнее редактирование: 15 Февраль 2014, 12:46:44 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником imagepost.ru


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

Нам нужно получить структуру:
[url=большое_фото.jpg][img]превью.jpg[/img][/url]

Сайт предлагает код для фрума:
[url=http://www.imagepost.ru/?v=807/DSC03352.jpg][img]http://www.imagepost.ru/thumbs/807/DSC03352.jpg[/img][/url]
Ссылку на превью (150px × 120px) оставляем. Ибо без вариантов, похоже.
[img]http://www.imagepost.ru/thumbs/807/DSC03352.jpg[/img]
Переходим по ссылке "на фото" - получаем страницу с масштабированнным (до 900px × 715px) полноразмерным фото.
Забираем ссылку.
[url]http://www.imagepost.ru/images/807/DSC03352.jpg[/url]
Собираем в кучу:
[url]http://www.imagepost.ru/images/807/DSC03352.jpg[/url][img]http://www.imagepost.ru/thumbs/807/DSC03352.jpg[/img][/url]
По сути - меняем в сгенерированной сайтом ссылке "?v=" на "images/". Т.е. можно править сгенерированную ссылку без лишних телодвижений.
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником foto.rambler.ru


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

Нам нужно получить структуру:
[url=большое_фото.jpg][img]превью.jpg[/img][/url]


Заходим в галерею альбом. (Какая разница, как оно у них называется?)
http://foto.rambler.ru/users/vlad-d1100/albums/52890726/
Забираем ссылку на превью (190x160).
http://f4.foto.rambler.ru/preview/c/190x160/4d98c72c-319f-eafc-2709-0e6c1528fbab/IMG_7040.jpg
Собираем сразу все остальные ссылки на превью. Так быстрее.

Жмём в галерее на фото - получаем страницу с увеличенным фото.
Если размер загруженного фото слишком большой (>1600...2048 pix) - забираем ссылку на это увеличенное (668x... pix) фото.
[url=http://f4.foto.rambler.ru/preview/r/668x501/4d98c72c-319f-eafc-2709-0e6c1528fbab/IMG_7040.jpg]Если полный размер не слишком велик - нажимаем на "Действия с фото" и "Посмотреть оригинал".
В открывшемся окне берём ссылку на полноразмерное фото.
[url=http://f3.foto.rambler.ru/original/4d98c7c4-0bf4-4655-2709-33d02f435702/IMG_7040.jpg]
Собираем в кучу:
[url=http://f4.foto.rambler.ru/preview/r/668x501/4d98c72c-319f-eafc-2709-0e6c1528fbab/IMG_7040.jpg]
[img]http://f4.foto.rambler.ru/preview/c/190x160/4d98c72c-319f-eafc-2709-0e6c1528fbab/IMG_7040.jpg[/img][/url]

Или [url=http://f3.foto.rambler.ru/original/4d98c7c4-0bf4-4655-2709-33d02f435702/IMG_7040.jpg]
[img]http://f4.foto.rambler.ru/preview/c/190x160/4d98c72c-319f-eafc-2709-0e6c1528fbab/IMG_7040.jpg[/img][/url]

Добавляем текстовую ссылку на галерею альбом (см. выше) с информацией о том, какого размера там фото.

...

PS Набор размеров минимальный, "большое" изображение - слишком мелкое. {kh}

Ответ: "500 - Internal Server Error" уже встречался.
Цитировать
Извините, сервис foto.rambler.ru временно недоступен

Пожалуйста, повторите попытку через несколько минут.
« Последнее редактирование: 27 Февраль 2012, 22:51:35 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником http://photo.qip.ru/ (В девичестве - fotofile.ru и fotoplenka.ru)
Дежавю. (_23) {cenz}


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

Нам нужно получить структуру:
[url=большое_фото.jpg][img]превью.jpg[/img][/url]



Коли під фото клацаєш "получить ссылку", там вибираєш "для форума", там вибираєш "средние" і отримуєш наступний рядок:
[URL=http://photo.qip.ru/users/garpul/2519955/47874244/][IMG]http://photo.qip.ru/photo/garpul/2519955/middle/47874244.jpg[/IMG][/URL]

В цьому рядку копіюєш те, що знаходиться поміж тегами IMG /IMG. На даному прикладі ось: http://photo.qip.ru/photo/garpul/2519955/middle/47874244.jpg

Що таке теги - почитайте в інтернеті, щоб розуміти.

І цей лінк вставляєш після значка URL= в першому тезі, замість того, що там було. Потім слово middle і одну похилу лінію прибираєш (замість middle може бути слово small - для малих прев'ю, і large - для більших прев'ю). В даному прикладі, після видалення слова middle виходить так: URL=http://photo.qip.ru/photo/garpul/2519955/47874244.jpg

В результаті виходить такий рядок:
[URL=http://photo.qip.ru/photo/garpul/2519955/47874244.jpg][IMG]http://photo.qip.ru/photo/garpul/2519955/middle/47874244.jpg[/IMG][/URL]
І в темі це виглядатиме ось так:

« Последнее редактирование: 07 Апрель 2012, 23:59:32 от ja)d. »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником fastpic.ru


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

Нам нужно получить структуру:
[url=большое_фото.jpg][img]превью.jpg[/img][/url]


Сайт предлагает превью со ссылкой на страницу:
[URL=http://fastpic.ru/view/19/2011/0407/cc00dd7562ae18c206d7a80b3746c344.jpg]
[IMG]http://i19.fastpic.ru/thumb/2011/0407/44/cc00dd7562ae18c206d7a80b3746c344.jpeg[/img][/URL]
Это не наш метод.  -)

Ссылка на превью (170px × 141px) имеет вид:
http://i19.fastpic.ru/thumb/2011/0407/44/cc00dd7562ae18c206d7a80b3746c344.jpeg
Ссылка на полноразмерное (как загружено) фото:
http://i19.fastpic.ru/big/2011/0407/d9/b269a1451d3824809cc6dc7e3379cad9.jpg
Чтобы получить из ссылки на превью ссылку на полноразмерное фото: меняем thumb на big и jpeg на jpg

Итог: полная ссылка будет иметь вид:
[URL=http://i19.fastpic.ru/big/2011/0407/d9/b269a1451d3824809cc6dc7e3379cad9.jpg]
[IMG]http://i19.fastpic.ru/thumb/2011/0407/44/cc00dd7562ae18c206d7a80b3746c344.jpeg[/img][/URL]


Незнаю, умеет ли этот сервис воздавать галереи, но "Извините, изображение не найдено или временно недоступно." я уже успел прочитать.
« Последнее редактирование: 07 Апрель 2011, 21:31:46 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником imgsrc.ru


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

Когда я зашел на этот сервер, сначала он подтормаживал, а потом и совсем прилёг: "Время ожидания ответа от сервера imgsrc.ru истекло."

Убогий дизайн , отсутствие "404" и строка меню в галерее: "▲ так | по-старому | ▼ сяк" - лишний раз подтверждают, что да, так-сяк-наперекосяк. {smelly}


Нам нужно получить структуру:
[url=большое_фото.jpg][img]превью.jpg[/img][/url]

Рекомендации будут краткими:

Заходим в галерею, нажимаем на превью - получаем на экране и полноразмерное фото и "код для форума" - ссылка на страницу с этим фото и мелкими (133х100) превьюшками всего, что в галерее:
[URL=http://imgsrc.ru/leon_85/8645184.html][IMG]http://b0.imgsrc.ru/l/leon_85/4/8645184qHf.jpg[/IMG][/URL]          ^^^^^^^^^^^^^^^^^^^^^^^          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                      ссылка на страницу                                         ссылка на фото

Приступаем к лечению: берём ссылку на превью:
http://s0.imgsrc.ru/l/leon_85/4/8645184EAY.jpg
Переставляем ссылку на фото вместо ссылки на страницу, а на место ссылки на фото - ставим ссылку на превью. Чехарда. {cenz}

Получаем желаемое.

[URL=http://b0.imgsrc.ru/l/leon_85/4/8645184qHf.jpg][IMG]http://s0.imgsrc.ru/l/leon_85/4/8645184EAY.jpg[/IMG][/URL]

"Галерея" представляет собой все фото на одной странице. Тупо в столбик.
http://imgsrc.ru/main/pic_tape.php?ad=212416
« Последнее редактирование: 29 Апрель 2011, 10:22:37 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
imagedoza.com

Не могу рекомендовать использовать. Настоятельно рекомендую не использовать этот фотохостинг.

• Ресурс крайне рекламой, в том числе и неустранимо наезжающей на избражение.
• Получить прямую ссылку на полноразмерное изображение [сходу] мне не удалось.
• Изображений промежуточного размера он не создаёт, не хранит. Поэтому просмотр "промежуточного" по размеру фото оказывается просмотром полноразмерного, но "зажатого в рамки" - лишний трафик, особенно когда полноразмерное фото "тяжелое".
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
Дошла очередь и до piccy.info.

После загрузки мы видим превью и набор кодов.

Нам нужно получить ссылки на превью и на полноразмерную картинку. Ещё нас может интересовать ссылка на фото размером 800 пикселей (если полноразмерное фото настолько большое, что ссылку на него есть смысл дать отдельно.)

Код "маленькой картинки" (превью) представляет собой вот такой высер:

[URL=http://piccy.info/view3/4318811/80cafdb5f63994662962dc91c738a7bc/][IMG]http://i.piccy.info/i7/90f098318f78430f94661399e8e5b2df/4-57-227/2753444/brusletto_7772515698_5210037b0d_o_240.jpg[/IMG][/URL][URL=http://i.piccy.info/a3c/2013-03-23-15-00/i7-4318811/240x159-r][IMG]http://i.piccy.info/a3/2013-03-23-15-00/i7-4318811/240x159-r/i.gif[/IMG][/URL]

Из которого нам нужен всего-навсего фрагмент, выделенный выше жирным:
[IMG]http://i.piccy.info/i7/90f098318f78430f94661399e8e5b2df/4-57-227/2753444/brusletto_7772515698_5210037b0d_o_240.jpg[/IMG]

Получить ссылку на полноразмерное фото чуть сложнее, но она есть в исходном тексте (коде) страницы.
Вероятно, самым простым способом её получения будет: запретить JavaScipt (как минимум - лишить его возможности заменять/отключать контекстные меню). Это делается в настройках браузера.
После этого "возвращается" возможность кликнуть мышкой на картинке и получить ссылку на неё.
(Открываем страницу, на которой показано полноразмерное ("как загружено") фото - берём ссылку.)
[IMG]http://i.piccy.info/i7/97c01bb7f782fd24ffb934b205348ad9/4-57-227/2552787/brusletto_7772515698_5210037b0d_o.jpg[/IMG]

Остаётся "сложить 1+1" и получить то, что нам надо:

Соответственно - код "как надо":
[url=http://i.piccy.info/i7/97c01bb7f782fd24ffb934b205348ad9/4-57-227/2552787/brusletto_7772515698_5210037b0d_o.jpg][img]http://i.piccy.info/i7/90f098318f78430f94661399e8e5b2df/4-57-227/2753444/brusletto_7772515698_5210037b0d_o_240.jpg[/img][/url]


С кодом "Картинка 800 px для форумов - всё аналогично. Предлагается ещё более тупой набор символов:

[URL=http://piccy.info/view3/4318811/80cafdb5f63994662962dc91c738a7bc/orig/][IMG]http://i.piccy.info/i7/00f033355a697aeffcb7d9967afe8174/4-57-227/2817097/brusletto_7772515698_5210037b0d_o_800.jpg[/IMG][/URL][URL=http://i.piccy.info/a3c/2013-03-23-15-00/i7-4318811/800x530-r][IMG]http://i.piccy.info/a3/2013-03-23-15-00/i7-4318811/800x530-r/i.gif[/IMG][/URL]

Из этого нам нужна ссылка на фото размером "800":
http://i.piccy.info/i7/00f033355a697aeffcb7d9967afe8174/4-57-227/2817097/brusletto_7772515698_5210037b0d_o_800.jpg


Лишний раз обращаю внимание на то, что присутствие в постах мусорного кода типа:
[URL=http://i.piccy.info/a3c/2013-03-23-15-00/i7-4318811/240x159-r][IMG]http://i.piccy.info/a3/2013-03-23-15-00/i7-4318811/240x159-r/i.gif[/IMG][/URL]
будет караться по статье "за головотяпство со взломом". {bu}
« Последнее редактирование: 30 Январь 2015, 09:00:58 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
Открываем страницу фотки.яндекс в "стандартном" виде, нажимаем на ссылке: "Код для вставки на сайт или в блог" и копируем содердимое нижнего поля: "Ссылка на фотографию".


После этого нам нужно:
1. Создать стандартную заготовку: [url=][img][/img][/url]
2. Дважды вставить ссылку на фотографию: [url=раз - сюда][img][два - сюда[/img][/url]

В данном примере, в виде текста это выглядит так:
[url=http://img-fotki.yandex.ru/get/9356/82648912.5/0_9681f_aff94e8d_M.jpg][img]http://img-fotki.yandex.ru/get/9356/82648912.5/0_9681f_aff94e8d_M.jpg[/img][/url]

3. Заменяем выделенную выше зелёным цветом буковку M на XXXL.

В данном примере, в виде текста это выглядит так:
[url=http://img-fotki.yandex.ru/get/9356/82648912.5/0_9681f_aff94e8d_XXXL.jpg][img]http://img-fotki.yandex.ru/get/9356/82648912.5/0_9681f_aff94e8d_M.jpg[/img][/url]
А в посте это будет выглядеть так:



В рассмотренном выше примере оригинал имел размер более 1280 пикселей, а в качестве полноразмерного я выбрал максимальный "стандартный" размер из предоставляемого набора - 1280. Естественно, размер превью я выбрал: 300.

Если по какой-либо причине нужен другой размер - вот "справочник":
75 - XXS (квадрат)
100 - XS
300 - M
500 - L
800 - XL
1024 - XXL
1280 - XXXL
оригинал - orig

Т.е. указав между _ и . соответствующий "код" - получаем ссылку на фото желаемого размера (используя имеющуюся ссылку на любой другой размер).
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
Примеры и рекомендации по пользованию файлообменником vfl.ru

Буду краток:

Ссылка на превью имеет такой вид:
[img]http://images.vfl.ru/ii/1371366335/b399328b/2530140_s.jpg[/img]
Выглядит это так:


Для получения ссылки на полноразмерное - достаточно "убить" _s (Ну или, как всегда - кликнуть на полноразмерной картинке и скопировать её адрес.)
Т.е. ссылка будет такой:
[img]http://images.vfl.ru/ii/1371366335/b399328b/2530140.jpg[/img]

А конечный результат:
[url=http://images.vfl.ru/ii/1371366335/b399328b/2530140.jpg][IMG]http://images.vfl.ru/ii/1371366335/b399328b/2530140_s.jpg[/img][/url]
Выглядит это так:


PS Кроме превью (*_s.jpg, 200 пикселей) есть ещё и "промежуточный" размер (*_m.jpg, 640 пикселей).
« Последнее редактирование: 25 Декабрь 2013, 18:35:44 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.

Примеры и рекомендации по пользованию файлообменником plus.google.com Он же: "Google+".
По сути, это альтернативный (по отношению к picasaweb) интерфейс. Содержимое (картинки) - одно и то же.


Огромное достоинство "гуглоресурсов" состоит в том, что можно получить ссылку на фото любого размера. (Ну, не больше, чем загружено. ;))
"Фокус" основан на том, что хранятся полноразмерное фото, а все остальные размеры - генерируются по запросу.



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

Нам нужно получить структуру: [url=][img][/img][/url]
и заполнить её: [url=большое_фото.jpg][img]превью.jpg[/img][/url]


Заходим в галерею.
(https://plus.google.com/u/0/photos/100589540741580114544/albums/5828656385930883969)

Видим превью, выровненные по высоте. В случае стандартного соотношения сторон (4:3) размер будет (например) 276px х 207px.

Дальше у нас есть 2 варианта: "плясать" от превью или от "полноразмерного".
Особой разницы нет.
Если мы идём от превью - в посте не будет видно имени файла. (А оно может быть информативным.)
Если мы идём от "полноразмерного" - придётся сначала открыть каждый полноразмерный файл. (Это займёт немножко времени на открытие картинок, но можно получить сразу готовые ссылки на полноразмерные и сэкономить время на этом.)

Вариант "от превью":
Берём ссылку (URL) картинки.
Например: https://lh3.googleusercontent.com/r16nsNvt6lT-eA74kGYfAyyFJ3leV2ITi2yC4_KlFic=w276-h207-p-no

 
   Обращаем внимание на буквы и цифры в конце строки: w276-h207-p-no
   Именно там указывается размер фото, которое нам откроется по ссылке.
   w (width) - ширина
   h (height) - высота
   Также, можно использовать s (size) - размер. (Ширина или высота, в зависимости от того, что больше.)

   Достаточно оставить и задать только один из размеров. Остальное лучше удалить.

Таким образом, если мы хотим использовать превью размером 288 пикселей в ширину, то так и пишем:
https://lh3.googleusercontent.com/r16nsNvt6lT-eA74kGYfAyyFJ3leV2ITi2yC4_KlFic=w288


Если фото были обрезаны в разных пропорциях или вперемешку идут фото портретной и ландшафтной ориентации, то проще им всем указать одинаковый размер по высоте. Например - 216 пикселей.
Пишем: https://lh3.googleusercontent.com/r16nsNvt6lT-eA74kGYfAyyFJ3leV2ITi2yC4_KlFic=h216


Если размер превью нас устраивает - используем ссылку как есть, ничего не меняем.

Теперь нам нужно указать размеры "полноразмерной" картинки.
Обычно вполне достаточно размера 1200...1600 по горизонтали (это же фото для просмотра на экране, а не для печати? ;))

Поэтому можем смело написать https://lh3.googleusercontent.com/r16nsNvt6lT-eA74kGYfAyyFJ3leV2ITi2yC4_KlFic=w1600


Если была загружена фотография более крупная - она будет уменьшена до заданного нами размера.
А если фото было меньше (допустим, загружаем много фото разных размеров и лень проверять размер каждой), то оно будет показано в размере "как загружено". Например: данная фотография имеет размер только 1024px ? 768px.
(В случае фотографий портретной ориентации лучше "быть скромнее" и для таких фото указать 1200.)

После этого остаётся только заполнить вышеупомянутую структуру-заготовку: [url=][img][/img][/url]
[url=https://lh3.googleusercontent.com/r16nsNvt6lT-eA74kGYfAyyFJ3leV2ITi2yC4_KlFic=w1024][img]https://lh3.googleusercontent.com/r16nsNvt6lT-eA74kGYfAyyFJ3leV2ITi2yC4_KlFic=h216[/img][/url]


Готово.


Вариант "от полноразмерного" отличается только тем, что параметры стоят не с самом конце строки, а перед именем файла:

https://lh3.googleusercontent.com/-rCR5m6O7Y5o/UnYz0-vg82I/AAAAAAAACTk/J68WoTCrmhg/w1024-h768-no/snail+on+the+slope.jpg


Всё остальное - точно так же как и в варианте "от превью". С тем отличием, что если размер "полноразмерного" нас устраивает - используем ссылку как есть, ничего не меняем. Только задаём размеры для превью.

PS Ну, да... Если в галерее есть и другие фото и/или более крупные - даём ссылку на галерею/альбом.
« Последнее редактирование: 19 Февраль 2014, 17:19:23 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
uploads.ru - очередной хостинг сомнительного качества.
Радует только логичность ссылок. {_21}
Если ссылка на превью: http://sd.uploads.ru/t/pLUTI.jpg
То ссылка на полноразмерное: http://sd.uploads.ru/pLUTI.jpg

Сам хостинг даёт почти готовую конструкцию:
[url=http://uploads.ru/pLUTI.jpg][img]http://sd.uploads.ru/t/pLUTI.jpg[/img][/url]
Нужно только добавить sd.
[url=http://sd.uploads.ru/pLUTI.jpg][img]http://sd.uploads.ru/t/pLUTI.jpg[/img][/url]
Не откладывай на завтра то, что можно вообще не делать!

Оффлайн Cynic

  • Эксперт
  • *******
  • Сообщений: 19274
  • Расположение: Днепр
  • Nihil habeo, nihil curo.
Imgur.com существует с 2009 года, 150000000 активных пользователей, бла-бла-бла...

Заливаем фото - берем ссылку.
Если взяли "короткую" - не забываем добавить расширение. (Обычно это .jpg, но в данном случае - .png)
Это - ссылка на "как залито".

А чтобы получить превью - достаточно добавить одну букву, "суффикс".

Вот полный список (хотя нам обычно понадобится m):
Суффикс    Имя суффикса            Размер картинки    Сохранение пропорций
     s           Small Square                     90x90              нет (обрезка длинной стороны)
     b           Big Square                       160x160            нет (обрезка длинной стороны)
     t            Small Thumbnail               160x160            да
     m          Medium Thumbnail            320x320            да
     l            Large Thumbnail               640x640             да
     h           Huge Thumbnail               1024x1024         да


Итак: берём ссылку http://i.imgur.com/892ieDF.png
Вставляем её дважды в "известную заготовку"©, добавляем букву "m". Готово!

[url=http://i.imgur.com/892ieDF.png][img]http://i.imgur.com/892ieDFm.png
« Последнее редактирование: 03 Март 2016, 17:26:36 от Cynic »
Не откладывай на завтра то, что можно вообще не делать!