kondakoff: (Default)
[personal profile] 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.

Date: 2010-11-28 06:40 am (UTC)
From: [identity profile] 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).

Date: 2010-11-28 06:55 am (UTC)
From: [identity profile] 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 сказать ничего не могу, пробовал ее пару раз, но почему то не зацепило.
Потому остался на Фликере.



Date: 2010-11-28 07:12 am (UTC)
From: [identity profile] evgenybe.livejournal.com
Ага. Перегрузил. Теперь вижу картинки с тэгами. Это мои админы что-то тут химичат.
Кстати, у меня дома тоже большой экран. И действительно картинка не смотрится. Знаешь, как я выхожу из положения? Устанавливаю масштаб 125% или даже 150% - и классно.
Кстати, многие пользователи пользуются сайтом radikal.ru
Я и сам раньше им пользовался. Но потом обнаружил, что он бывает по несколько дней недоступен. А дальше еще хуже - перестали подниматься многие мои картинки в старых постах. Недавно и вообще перестал у друзей, им пользующихся, большую часть картинок. Они поднимаются через раз, а то и через два. То есть картинку вилно, а следующую нет, а то и несколько подряд.

Date: 2010-11-28 08:45 am (UTC)
From: [identity profile] kondakoff.livejournal.com
Радикал - жуть несказанная, как впрочем и многие другие бесплатные фотосерверы.
Они нестабильны, а это очень важно.
Я выбрал Фликер именно за постоянство доступа к нему, это портал Yohoo.com, у меня на нем более 10 лет почтовый ящик, свободно работаю с ним из любой точки Мира, хоть днем хоть ночью, эля меня это важно и показательно.
Фликер так же хорошо работает.

Наверное Гугловская Пикасса работает не хуже, допускаю это вполне.

А большие картинки на экране смотреть всегда лучше чем маленькие.
:)

Date: 2010-11-28 09:03 am (UTC)
From: [identity profile] evgenybe.livejournal.com
Проблема в том, что не все люди имеют возможность купить/поменять экран на большой. Очень-очень многие довольствуются малыми экранами. Но мы же и для них пишем/фотографируем!

Date: 2010-11-28 09:17 am (UTC)
From: [identity profile] kondakoff.livejournal.com
Да, но таких сейчас все меньше и меньше..
Минимум наверное в Сеть есть смысл выкладывать 640 по длинной стороне.
Меньше уже совсем почтовые марки получатся.
:)

Date: 2010-11-28 09:26 am (UTC)
From: [identity profile] evgenybe.livejournal.com
Я выкладываю 720 + 4 +4 = 728 по длинной стороне. 4 - это толщина окантовки по обеим сторонам.

Date: 2010-11-28 11:17 am (UTC)
From: [identity profile] kondakoff.livejournal.com
Это нормально.

Date: 2010-11-28 09:19 am (UTC)
From: [identity profile] sashykn.livejournal.com
Как вариант: «открывать» тег с < — HTML-кода знака "меньше". Тогда парсер не будет распознавать «это» как HTML.

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

Date: 2010-11-28 09:27 am (UTC)
From: [identity profile] evgenybe.livejournal.com
Возможно поисковики его используют. Но его наличие или отсутствие некритично. Говорю как программист WEB

Date: 2010-11-28 09:31 am (UTC)
From: [identity profile] sashykn.livejournal.com
http://www.w3.org/TR/xhtml1/dtds.html - img - alt:required — как веб-дизайнер.

Date: 2010-11-28 12:16 pm (UTC)
From: [identity profile] evgenybe.livejournal.com
В приведенной Вами ссылке говорится что "Чтобы избежать проблемы доступности для людей, которые не в состоянии видеть изображение, вы должны предоставить текст используя аттрибут Alt".
То есть, если показ картинок отключен, или браузер не может показывать их, то пользователь увидит вместо картинки текст.
Это на 100% правда. Но правда абсолютно ничего не дающая тем, кто зашел в пост именно с целью посмотреть фотографии. Ибо никакой текст картинку не заменит.
Кроме того, в 99% (я лично процент не проверял, но предполагаю), что в alt ничего не стоит и ни один браузер на этом не спотыкается, и никаких сообщений не выдает.

Вашу ссылку, я перекрываю своей ссылкой http://htmlbook.ru/html/img в которой сказано:
"Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр src, который определяет адрес файла с картинкой.

Date: 2010-11-28 11:16 am (UTC)
From: [identity profile] kondakoff.livejournal.com
Ты спец, тебе и карты в руки!
:)

Profile

kondakoff: (Default)
Alexander Kondakov

August 2019

S M T W T F S
    123
456 78910
11121314151617
18192021222324
25262728293031

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 21st, 2025 12:46 pm
Powered by Dreamwidth Studios