Псто о том, как делать псто. С иллюстрацiями.

Итак, допустим, вы побывали на неком конвенте, и были вы там не один, а с фотоаппаратом. И теперь жаждете поделиться увиденным и заснятым со своими друзьями, а также с прочими обитателями табуна. И вот вы делаете пост, в который выкладываете результаты своих трудов. Но что это? Вместо восторженных комментариев и моря плюсов читатели ворчат, а то и обзываются и минусят. Почему? Наверное, вы забыли, что у некоторых компьютеров не так много памяти, как хотелось бы, а еще Интернет-канал не столь широк, а некоторые вообще имеют наглость читать Табун с мобильных устройств, да еще и с побайтной оплатой трафика. И ваши фуллсайзы весьма загружают их каналы связи и устройства. А если их еще и десятки в одном посте… (и да, каты не спасают. Картинки, размещенные в посте, загружаются полностью). Как быть? Есть вполне неплохой вариант: сделать небольшие легкие превьюшки, и разместить их в посте. А на фуллсайзы дать ссылки.
Как это сделать?

А вот как:
Допустим, мы имеем вот такую фотку
Она большая и тяжелая, 2 070px × 2 134px и весом почти мегабайт
Если пару десятков таких запихать в пост, вышеописанные последствия не заставят себя ждать. Поэтому поступим так:

Создадим небольшую и легкую превьюшку:

Сделать ее можно в практически любом редакторе изображений, эту я сделал виндовсовским Пэйнтом

Соответственно, эти самые превьюшки и включаем в пост, а вот дальше начинается магия ;)

Можно, конечно, под каждой картинкой разместить ссылки на оригинал, вот так:


Оригинал
<img src="http://i.imgur.com/4mAtwFH.jpg"  alt="" />
<a href="http://i.imgur.com/tMn6fXy.jpg">Оригинал</a><br />


А можно сделать красивше и интереснее:
При щелчке по превьюшке браузер будет переходить на оригинал:



Для этого надо применить конструкцию вида:
<a href="ссылка_на_оригинал"><img src="ссылка_на_превьюшку"  alt="" /></a>


Вот, собственно, и все. Успехов!
И да, прошу прощения, если повторяюсь, и где-то уже это было. Ибо найти что-то, похороненное в недрах Табуна весьма затруднительно. Фотку для примера я использовал того броняши, по чьей просьбе этот пост, собственно, и появился.

11 комментариев

В ленту, штолле…
DrunkenUnicorn
0
Я бы добавил target="_blanc" в ссылку на оригинал. Но это дело вкуса.
geolaz
+2
_blank
andreymal
0
Спасибо, кстати, за подсказку.
DrunkenUnicorn
0
Можно было просто написать нажать в баре вставить гипперссылку, в ней вставить ссылку на оригинал и в название вставить картинку. Так не нужно будет прописывать всю мишуру с тегами. А ещё можно использовать встроенный в теге alt= и в нём прописать значения ширины или высоты. того и другово почему нет. И тогда по клику правой кнопкой будет и выбору «открыть картинку в новой вкладке» выдаст оригинал изображения. Смотри тут. Прост слишком маленький пост так можно всё расписывать и старые посты будут забываться, цикличность епт.
AmberPendant
0
Вот меня и попросили расписать. Ведь толкового FAQ по Табуну нет до сих пор…
И опять же, то, про что я сказал: посты тонут, и потом не найдешь…
DrunkenUnicorn
0
А ещё можно было просто у залитой на имгур картинки в ссылке перед точкой дописать s или b или l вместо того, чтобы лезть в паинт: i.imgur.com/tMn6fXy.jpg -> i.imgur.com/tMn6fXyl.jpg
andreymal
+1
Спасибо, Брат Дранкен!
Equestria_Brony
0
Неплохо бы добавить как можно делать всё вышеперечисленное не «запоминая сложную абракадабру» (те самые теги), а используя имеющиеся в окне создания\редактирования кнопочки. Далеко не все могут и умеют в веб-дизайн
ShprotaNa
0
Вот тут мне будет сложнее объяснить. Шпроть, помоги, если есть желание.
И да, с тегами все просто, надо только понять. :D
DrunkenUnicorn
0
Есличо, образец: tabun.everypony.ru/blog/fanart/62614.html
andreymal
0
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.
Скрыто Показать