Вставка картинок в пост. Часть 2

[.Sweeten hurt.]

Чтобы не забивать свою БИ и не перегружать серверы дайри можно использовать один из множества сайтов в для бесплатного хостинга изображений.
Выбираете картинку, загружаете и вставляете сгенерированный код

на русском языке
— Радикал-фото
— Ipicture
— Keep 4 u

— Picamatic
— Picatom
— Youpic
— Savepic
— Зixs
— Аворег
— Alfapic
— Zalil
— Dump
— Save-img
— Img DB
— ImagesHost
— Imageup
— pics.kz

ещё (англ.яз)
— Imageshack
— ImageVenue
— Storeimgs
— Photobucket
— Tinypic.com
— Simpload
— Flickr
— XS to

(немецкий яз.)
— Abload

(итальянский и англ.яз.)
— Images-hosting

Например, Радикал-фото
нам нужно вставить изображение в полную величину без эффектов

1.выбираем при помощи "Обзор" нужное.
2.Снимаем галочки :
*уменьшить до
*оптимизировать формат
*напротив "Качество JPEG " ставим 100
чтобы не портить качество изображения (!)

3. "Загрузить"
4. Получаем коды.

— Вставляем первую строчку в наш текст и получаем
ссылка
i042.radikal.ru/0806/a0/35fa1c7693f5.jpg

— Вставляем вторую строчку
картинка в тексте


— Вставляем третью
превью, увеличение по клику


чтобы превью, открывалось в том же посте, как превью в MORE в БИ (спасибо D~arthie)
можно вручную по принципипу:

[MORE=маленькая картинка]большая картинка[/MORE]

либо проставлять ширину:
[MORE="код картинка в тексте" width=350>]<img src="код той же картинки в тексте" >[/MORE]
вместо 350 ставить любое значение

@темы: Дневник, Добавление изображений, Записи, Комментарии

Comments

[AndLisa]

D~arthie

Как я теперь понимаю, для упрощения процедуры на радикале должна быть такая строчка - превью в MORE...

странно, что они до этого не логадались, хотя наверное это не в их интересах

Вообще мне тут мысль одна пришла...
Если получится, скажу))

хорошо!!

[D~arthie]

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

[AndLisa]

D~arthie я вот тоже об этом думала))))) Только теперь нет смысла мне пробовать, потому что уже знаю, что не получится.... Но все равно, мысль хорошая была!!

[D~arthie]

[D~arthie]

У меня получилось)))
Способ был здесь же, в другом посте))
Смотри:
[MORE=<img src="кодировка картинки в тексте" width=350>]<img src="кодировка картинки в тексте" >[/MORE]

В данном случае

[MORE=<img src="http://i011.radikal.ru/0806/5b/de948312b07e.jpg" width=350>]<img src="http://i011.radikal.ru/0806/5b/de948312b07e.jpg" >[/MORE], где
<img src="http://i011.radikal.ru/0806/5b/de948312b07e.jpg" > - это код картинки в тексте

[D~arthie]

Taika
Скопировать предыдущий пост к себе может и не получиться, там обработка Юникодом, которая иногда слетает при копировании. Поэтому я объясню))

Смысл очень прост. Вместо маленькой картинки в MORE вставляется тот же код "картинка в тексте", только к нему приписывается "width=350" (или height=200) сразу после адреса, но перед закрывающей скобкой. 350 (или 200, или любая другая цифра) - желаемая ширина (высота) превью. Превьюшки будут абсолютно ровными, как по линеечке.
Удивительно, что мне никто не подсказал это раньше)))

[.Sweeten hurt.]

D~arthie
с вашего позволения добавлю это в пост?

[D~arthie]

.Sweeten hurt.
Да, конечно))

Только проверьте, сохраняются ли при копировании значки Юникода))

[AndLisa]

D~arthie спасибо!!!

[D~arthie]

.Sweeten hurt., Taika

Все-таки, если записать способ в общем виде, формула должна быть немного не такая))
Вот как правильно:

[MORE=<img src="адрес картинки" width=350>]<img src="адрес картинки" >[/MORE]

Просто <img src="адрес картинки" > - это и есть HTML-код "картинка в тексте"

Извините, что придется внести исправления.

[Энекин]

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

[D~arthie]

Да, мы это быстро поняли. Кстати, не понимаю, почему это)) Поэтому этот способ не слишком подходит для сообществ, там лучше пользоваться способом "маленькая картинка" - "большая картинка".

[Ling Da]

Ребята, а есть у кого-нить приглашение на picamatic?
А? Плииииииз?
Если появится добрая душа, адрес кину в умыл.

[.Sweeten hurt.]

Ling Da
а вы обязательно галерею хотите создавать?
там можно без регистрации заружать изображения и копировать полученные адреса для вставки в пост

[Ling Da]

.Sweeten hurt.
А без регистрации там можно управлять ранее загруженными изображениями? Редактировать их, просто иметь доступ (к ссылкам), перемещать из одного альбома в другой?
Мне вот это надо

[.Sweeten hurt.]

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

[Ling Da]

Ну вот, значит, они канут в Лету. Это неудобно

[.Sweeten hurt.]

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

[Ling Da]

.Sweeten hurt.

есть другие ресурсы

А я совсем обнаглею, если спрошу какие?

[.Sweeten hurt.]

из того что выше - наиболее распространено flickr

если погуглить, то можно найти что-то ещё
на вскидку первое что попалось:

www.esnips.com/
www.piczo.com/?cr=3
www.iwebphoto.com/signup_form.cfm
веб-альбом Picasa

www.jankoy.org.ua/page.php?id=3082

[Ling Da]

.Sweeten hurt.
Спасибо большое!!!!!

Фликр пробовала, но я там не нашла, как обрабатывать много ссылок сразу (только по одной копировать, а это геммор)
Остальные посмотрю-протестирую.

Ещё раз большое спасибо!!!!!!

[.Sweeten hurt.]

Ling Da
мне кажется, но там везде только по 1 загружать

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

[Ling Da]

.Sweeten hurt.
Ага, буду иметь в виду!

[Gotty]

Спасибо за информацию! А как вы сохраняете страницу сайта, как картинку?

[.Sweeten hurt.]

Таньчуха
на клавиатуре есть Print screen (справа вверху)
жмёте её, а дальше открываете, например, стандартный Paint. Правка - вставить.
и видите получившуюся "картинку"

[Gotty]

Опаньки, буду знать на будущее! Спасибо

[Драный кот]

Спасибо!!

[trarames]

pics.kz

[.Sweeten hurt.]

imare*
спасибо. добавила

[D~arthie]

Вдогонку своим прежним комментам - два самых простых способа вставлять через радикал превью, открывающееся в картинку прямо в посте: проще сделать, чем объяснить))

Перед загрузкой изображения на радикал отметить нужный размер превью (справа, в окошке "Создать превью | | пикселей"). Подробности - см. выше в этом посте.
Когда изображение загружено (пример), переключить на "не кликабельно" (в примере отмечено красным овалом 2).

Общая формула: [MORE=превью]большая картинка[/MORE] То есть, копируешь код для большой картинки, убираешь под кат, а вместо "читать дальше" ставишь код превью.
Код для большой картинки берется из пункта 6 (HTML: картинка в тексте) стандартных кодов, выдаваемых радикалом (в примере отмечено красным овалом 3).
Код для превью добывается двумя способами:

1. Копируется в запись код превью из пункта 7 (HTML: превью - увеличение по клику) - в примере отмечено красным овалом 4 - и оттуда вырезается код превью.
Вот так:
<a target="_blank" href="http://s60.radikal.ru/i167/1009/b1/d603dae54f28.jpg"><img src="http://s60.radikal.ru/i167/1009/b1/d603dae54f28t.jpg"></a>

2. Или вместо превью снова вставляется код для большой картинки, только перед .jpg подставляется английское t - это ведь и есть код превью))
Вот так:
[MORE=<img src="http://s60.radikal.ru/i167/1009/b1/d603dae54f28t.jpg" >]<img src="http://s60.radikal.ru/i167/1009/b1/d603dae54f28.jpg">[/MORE]

Результат: