kondakoff: (Default)
Alexander Kondakov ([personal profile] kondakoff) wrote2010-11-28 01:27 am

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

Не один раз, мои Друзья спрашивали меня, как я вставляю большие фотографии в свои посты, потому как встроенный редактор 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.

[identity profile] rescan.livejournal.com 2010-11-27 09:19 pm (UTC)(link)
Раньше было бы очень нужно! Но пришлось разбираться самостоятельно, при помощи, конечно, сайта http://htmlka.com/
А час все проще, пользуюсь сайтом галерея ру, час он стал платным и улучшил загрузку и заливку в ЖЖ. Я там заливаю сразу одной кнопкой все фото на тот момент, и получаю ссылки автоматом для ЖЖ. Удобней стало.

ОФФТОП

[identity profile] tigrus.livejournal.com 2010-11-27 09:58 pm (UTC)(link)
А могу я попросить у Вас совета в покупке новой камеры? Пожалуста.
Я не профи, но мне бы хотелось, чтоб фотографии получались качественные и было много разных возможностей при фотографировании.
И проститеть за чайникость, но не расскажите в чем различие между зеркалкой и цифровиком?
Спасибо.

[identity profile] julysha.livejournal.com 2010-11-27 10:26 pm (UTC)(link)
Большое спасибо! Просто и доступно :)

[identity profile] lesnyanskiy.livejournal.com 2010-11-28 01:10 am (UTC)(link)
А я через яндекс-фотки выкладывая в жж. Пойду гляну, что за www.flickr.com,

[identity profile] zinov.livejournal.com 2010-11-28 01:23 am (UTC)(link)
Полезная многим инструкция. Хотя, Саш, есть альтернативные варианты (и даже с некоторыми преимуществами). Но вначале пару реплик. Для многих HTML - китайская грамота, осваивать которую мука смертная. Поэтому всегда имеет место быть тяга к более простой, т.е. визуальной верстке. Но последняя в ЖЖ капризна и плохо управляема. Есть и другая проблема: а как быть, если затеянная публикация громоздка и обнародовать ее за один присест не получается? Ответ, вроде бы, простой - ЖЖ сохраняет и восстанавливает черновики. Теоретически это так, а на практике нередки сплошные глюки. А если надо подготовить материал оффлайн? Известно, что для таких случаев придуманы специальные программы, называемые клиентами. Самая популярная из них - Semagic. Она создана специально для ЖЖ, имеет удобнейший интерфейс и массу полезных фишек. В ней можно работать без выхода в инет и, разумеется, сохранять сверстанные материалы. Скачать Semagic можно здесь. Есть также русскоязычное сообщество, созданное специально для освоения этой полезной программки.
P.S. А кроме безусловно популярного Фликра есть еще и Photobucket. На мой взгляд, он кое в чем удобней. Впрочем это дело привычки...

[identity profile] evgenybe.livejournal.com 2010-11-28 06:40 am (UTC)(link)
Саша. Очень нужная информация. Но там, где ты приводил примеры 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).