Как я вставляю фотографии в посты.

[kondakoff]

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

1.
И так, все мои файлы обрабатываются в Lightroom 3.3 чего и Вам рекомендую.
Изредка, я использую программу RPP, нередко Adobe Ps3. Но основная работа проходит именно в Lightroom 3.3.
Снимаю только в RAW, а если это отсканированные файлы, то сохраняю их в TIFF формате.
В Сеть выкладываются изображения в JPG формате, в разрешении 72 dpi и 900 pix по длинной стороне.
Lightroom 3.3 с конвертацией и интерполяцией в нужный размер справляется замечательно.

2.
После этого, "заливаю" все фотографии на www.flickr.com, мне он кажется очень удобным и стабильным.
Так же, можно воспользоваться Веб-альбомом Picasa, там все на русском, достаточно большой объем бесплатного места для фотографий, тут дело вкуса и Вашего желания.
Возможны так же и другие варианты, главное, что бы фотография нужного размера была на стороннем сервере, а не на Вашем домашнем ПК.

3.
Так вот, самое важное:
При написании поста, переходим во вкладку * HTML * (по умолчанию вкладка * Визуальный редактор*)
Здесь Вы так же можете писать, можно переходить с одной вкладки на другую, не изменяя текста, но тут Вы можете пользоваться т.н. ТЭГАМИ.
Тэги - это язык программирования HTML, элемент языка разметки гипертекста, для задания того, как будет отображаться текст, и написав правильный ТЭГ, вы имеете возможность менять шрифт, вставлять фото, видело, звук в ваш пост.
Очень рекомендую сайт http://htmlka.com/ здесь хорошо описаны возможности ТЭГОВ.

4.
Но мы про фотографии.
В flickr.com, (или любом другом фото сервере) Вам нужно открыть Ваше изображение в полный размер (но если Вы загрузили туда фотографию прямо из фотокамеры,Ваш файл будет очень большой) открыв в полный размер вы кликаете правой кнопкой мыши и в выпадающем меню выбираете Сохранить ссылку на изображение (мы говорим о flickr.com).
Эту ссылку вы вставляете в ТЭГ.
ТЭГ выглядит так:



Там где написано БОЛЬШОЙ РАЗМЕР вставляете сохраненную ссылку на изображение.
Там где написано НАЗВАНИЕ - вставляете название или описание Вашей фотографии.
Очень важно, делать это аккуратно, не изменяя ТЭГ.
Если у вас много фотографий, повторяйте ТЭГ много раз, копируя его в текст поста, меняя только название и ссылку на изображение.

5.
Что бы убрать часть поста ПОД КАТ (есть такой термин) нужно в нужном месте поста поставить специальный ТЭГ с любым текстом в нем.В нормальном виде читатель будет видеть верхнюю часть поста, до этого тэга, а кликнув на него, ему откроется весь пост.
Вот как пишется ТЭГ для этого:



Вместо ЧИТАЕМ ДАЛЬШЕ можно написать все что угодно, например КЛИКНИ СЮДА! или ТКНИ СЮДА! и т д.

6.
И последнее, это очень важно, пост всегда нужно "закрыть"
т е написать закрывающий ТЭГ

Пишется он так:



Т е в самом конце, когда вы поставили финальную точку повествования, в следующую строку впишете этот ТЭГ.
Вот и все.
Пробуйте, если будут вопросы, буду рад ответить.
Удачи!

2010 © Text by Alexander Kondakov.

Comments

[rescan.livejournal.com]

Раньше было бы очень нужно! Но пришлось разбираться самостоятельно, при помощи, конечно, сайта http://htmlka.com/
А час все проще, пользуюсь сайтом галерея ру, час он стал платным и улучшил загрузку и заливку в ЖЖ. Я там заливаю сразу одной кнопкой все фото на тот момент, и получаю ссылки автоматом для ЖЖ. Удобней стало.

ОФФТОП

[tigrus.livejournal.com]

А могу я попросить у Вас совета в покупке новой камеры? Пожалуста.
Я не профи, но мне бы хотелось, чтоб фотографии получались качественные и было много разных возможностей при фотографировании.
И проститеть за чайникость, но не расскажите в чем различие между зеркалкой и цифровиком?
Спасибо.

Re: ОФФТОП

[kondakoff.livejournal.com]

>И проститеть за чайникость, но не расскажите в чем различие между зеркалкой и >цифровиком?

Хм..сложно ответить на Ваш вопрос.
Есть зеркалки пленочные, есть зеркалки цифровые.
Есть цифровики зеркальные, есть цифровики дальномерные.

О чем конкретно Вы хотели бы узнать?

>но мне бы хотелось, чтоб фотографии получались качественные и было много >разных возможностей при фотографировании.
Любая фотокамера даст Вам возможность получить качественное фото.
У 90% продаваемых сегодня фотокамер огромное количество возможностей при фотографировании.
На какой бюджет Вы рассчитываете, при покупке фотокамеры?
Речь идет о пленке или о цифре?

Re: ОФФТОП

[tigrus.livejournal.com]

Большое Спасибо за ответ.
Я не профи и поэтому мне хотелось бы цифровик. В размере до 1000 дол.
Вчера перелопатив кучу информации пришла в выводу, что надо покупать или Nikon или Canon. Скажите пожалуста, а оптику надо покупать той же марки как и камера или подходит любая?
Еще раз спасибо.

[julysha.livejournal.com]

Большое спасибо! Просто и доступно :)

[kondakoff.livejournal.com]

:)
Очень рад ,что Вам это пригодится.
Буду с удовольствием любоваться на Ваши фотографии.

[donna-laura.livejournal.com]

Есть еще такой хитренький ресурс http://ljplus.ru .
Он сам все нужные теги формирует ;)

[kondakoff.livejournal.com]

Он мне неизвестен.
Чем он примечателен?

[lesnyanskiy.livejournal.com]

А я через яндекс-фотки выкладывая в жж. Пойду гляну, что за www.flickr.com,

[kondakoff.livejournal.com]

Возможно.
Много разных серверов, где можно хранить фотографии.
Мне лично нравится flickr.com своей стабильностью.
Удобным, понятным, хоть и на анг яз интерфейсом.

[lesnyanskiy.livejournal.com]

Да, я уже посмотрел. Взял на заметку. Спасибо за наводку

[donna-laura.livejournal.com]

Фликр вне конкуренции. Проверено многими поколениями ЖЖистов :)

[kondakoff.livejournal.com]

Да.
:)

[zinov.livejournal.com]

Полезная многим инструкция. Хотя, Саш, есть альтернативные варианты (и даже с некоторыми преимуществами). Но вначале пару реплик. Для многих HTML - китайская грамота, осваивать которую мука смертная. Поэтому всегда имеет место быть тяга к более простой, т.е. визуальной верстке. Но последняя в ЖЖ капризна и плохо управляема. Есть и другая проблема: а как быть, если затеянная публикация громоздка и обнародовать ее за один присест не получается? Ответ, вроде бы, простой - ЖЖ сохраняет и восстанавливает черновики. Теоретически это так, а на практике нередки сплошные глюки. А если надо подготовить материал оффлайн? Известно, что для таких случаев придуманы специальные программы, называемые клиентами. Самая популярная из них - Semagic. Она создана специально для ЖЖ, имеет удобнейший интерфейс и массу полезных фишек. В ней можно работать без выхода в инет и, разумеется, сохранять сверстанные материалы. Скачать Semagic можно здесь. Есть также русскоязычное сообщество, созданное специально для освоения этой полезной программки.
P.S. А кроме безусловно популярного Фликра есть еще и Photobucket. На мой взгляд, он кое в чем удобней. Впрочем это дело привычки...

[lesnyanskiy.livejournal.com]

Я немало поматерился,, пока не понял как управляться в визуальной версткой в ЖЖ. Может кому их новых пользователей пригодятся мои шишки. \Надо сначала писать в HTML и там же вставлять фото, каты, ссылки...а только после этого переходить в визуальный просмотр и там менять шрифт, абзацы, пробелы... Тогда все получится без геммора. Почти :)

[kondakoff.livejournal.com]

Именно так, да.
:)

[kondakoff.livejournal.com]

Спасибо, Дружище!
Понимаешь, целью написания было то, как это делаю я сам, а не то какие есть возможности и альтернативы. Когда я только пришел в ЖЖ, долго искал и пробовал разные сторонние клиенты под Mac OS, но все было не то и не так и ТЭГИ мне показались лучшим решением.

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

HTML и для меня - темный лес, использую его постольку поскольку, всегда есть памятки и шаблоны на каждое действие, при создании Поста, добавь к этому зеркало этого ЖЖ - Блог на моем сайте, там вообще WordPress, своими тараканами, интерфейсом и совсем другими ТЭГАМИ.

Photobucket не пробовал, сейчас посмотрел, да, интересная альтернатива.
Ты прав, дело привычки.
:)

[velgen.livejournal.com]

Фотобукет г-но редкостное. Через неопределённое время убил все мои фото без объявления войны, и теперь в моём журнале дырки там, где я не смог перезалить по-новой через другой ресурс. Лично мне нравится пользоваться для этого дела Радикалом. Там очень много видов ссылок для одной картинки и даже есть открытие по клику.

[sergselivan.livejournal.com]

Под Mac OS использую Xjournal - мне кажется удобной программа, и простой. Есть визуальный и HTML-редактор + просмотр того, что получается.

[evgenybe.livejournal.com]

Целиком и полностью поддерживаю. Работа в Semagic приятна, легка, доставляет удовольствие.
Я тоже в нем работаю, предварительно перепробовав несколько других. Этот самый удобный и, кроме того, бесплатный.
А насчет HTML - не так страшен черт, как его малюют. Пару-тройку дней и вы будете специалист. Тем более, что из тысяч тэгов HTML блоггеру нужны всего с десяток, а по сути, и того меньше - тэг "img" для картинок, тэг "a" для ссылок тэг "cut" для начального сокращения, тэги "Table", "tr" и "td" для оформления таблиц. Вот, пожалуй, и весь набор.

[zinov.livejournal.com]

Интересен вот какой момент. Если набрать визуальный текст в IE и в FireFox'е, а затем перейти в HTML, то можно увидеть, что в "Лисице" тегов и всяких прочих служебных строк и иероглифов раза в два больше. Сразу пропадает желание пользоваться языком разметки. А в Эксплорере с визуальным написанием куча геморроя. Не знаю, на днях перешел с шестой на восьмую версию, мож меньше глюков будет. В Семаджике колоссальное количество удобств, но есть одна не шибко комфортная штука - после того, как ты отправил свой пост в журнал, всякие "визуальное" редактирование в самом ЖЖ приводит к печальным последствиям - вся твоя шикарная словесно-картиночная архитектура попросту осыпается. Приходится из-за какой нибудь мелочи вновь редактировать в Семаджике. Так что во всех случаях лучше опираться на HTML/ Или хотя бы иметь об оном представление...

[evgenybe.livejournal.com]

Саша. Очень нужная информация. Но там, где ты приводил примеры HTML - читателю видны только квадратики с отсутствующей картинкой. Все примеры надо исхитриться переделать так, чтобы они либо были написаны с пробелами, либо заменить какие-то части русскими буквами, или словесным описанием.
Например, описывая тэг картинки, нужно написать так:
Знак меньше+img src="Здесь ссылка на картинку " width="720" border="3" />

В самой Picasa есть настройка в каком размере загружать (я обычно настраиваю 1024 px, делать ли подпись на фото.
После загрузки фото на сайт, перехожу туда и нахожу нужную картинку. Нажимаю "создать ссылку". Там же я отключаю V - делать ссылку на альбом, выбираю размер по широкой стороне 800px, и копирую создавшуюся ссылку в тэг в посте.
Примечание. В ссылке обычно дается и width и height. Но я оставляю только что-то одно, а второе подстраивается само, автоматически. Для горизонтальных оставляю width, изменив значение на с 800 на 720, а для вертикальных height (можно не трогать или уменьшить до, скажем 620). И дописываю border="4", но если кому-те не нравится черная рамка, можно этого не делать.
Почему я меняю ширину 800 на 720? Потому что в ЖЖ у пользователей разное оформление страницы. Обычно одна часть занята тэгами постов, календарем и т.п. А рабочая часть из-за этого укорочена и есть риск, что фотографии будут у читателя обрезаны (кстати, в твоем ЖЖ это и происходит, если я смотрю их на стандартном экране на работе. Тем более, что у тебя 900, а не 800).

[kondakoff.livejournal.com]

Жень, быть такого не может, смотрю сейчас, вижу код.
Они просто в jpg, попробуй перезагрузи Эксплорер, думаю с ним что то не ладное.
Или обнови страницу.
Вот тебе ссылки на эти коды, скачай их отдельно, попробуй:

http://farm5.static.flickr.com/4133/5213864286_6bd8b41751_o.jpg
http://farm6.static.flickr.com/5010/5213864338_2909170646_o.jpg
http://farm5.static.flickr.com/4092/5213864410_60c3915320_o.jpg

Попробуй пожалуйста еще раз.

По поводу размеров фото.
Об этом много копий сломано, на многих форумах, сайтах, блогах.
Тут каждый прав.И ты, когда большая картинка режется, и я, когда на моем 24 дюймовом мониторе, картинка меньше 900 по длинной стороне не смотрится совершенно.
Как тут правильно поступить, не знаю, если честно.
Потому делаю большие, надеясь что у читателей большой монитор.

Про Picasa сказать ничего не могу, пробовал ее пару раз, но почему то не зацепило.
Потому остался на Фликере.

[evgenybe.livejournal.com]

Ага. Перегрузил. Теперь вижу картинки с тэгами. Это мои админы что-то тут химичат.
Кстати, у меня дома тоже большой экран. И действительно картинка не смотрится. Знаешь, как я выхожу из положения? Устанавливаю масштаб 125% или даже 150% - и классно.
Кстати, многие пользователи пользуются сайтом radikal.ru
Я и сам раньше им пользовался. Но потом обнаружил, что он бывает по несколько дней недоступен. А дальше еще хуже - перестали подниматься многие мои картинки в старых постах. Недавно и вообще перестал у друзей, им пользующихся, большую часть картинок. Они поднимаются через раз, а то и через два. То есть картинку вилно, а следующую нет, а то и несколько подряд.

[sashykn.livejournal.com]

Как вариант: «открывать» тег с < — HTML-кода знака "меньше". Тогда парсер не будет распознавать «это» как HTML.

Ещё добавлю, что вообще согласно некоторым стандартам, аттрибут alt (alternative text) для изображений считается обязательным. «Некоторые» поисковики используют его для анализа изображения и индексации — последующий поиск.