Меню
StopGame  Блоги Блог JohnMirror [How to] Картинки в блогах.

Самое актуальное

  • Обзор игры Apex Legends
  • Уже доступно! Пять игр на эти выходные (15.02.2019)
  • Играть по-настоящему — реализм в видеоиграх
  • Все о Метро: Исход
  • Обзор игры Mage's Initiation: Reign of the Elements
  • Обзор игры Mario & Luigi: Bowser's Inside Story + Bowser Jr.'s Journey
  • «Инфакт» от 15.02.2019 — Ремейк Link’s Awakening, RE2: The Ghost Survivors, сиквел Hollow Knight, Catherine: Full Body…
  • Пользовательский обзор недели
  • Видеообзор игры Metro: Exodus
  • Видеообзор игры Apex Legends
  • Видеообзор игры Kingdom Hearts III
  • Душевный подкаст №20 — Apex — лучший рояль, IQ-контейнер в RE2, Anthem не нужна…
  • Conqueror’s Blade. Главное – манёвры!
  • Видеообзор игры God Eater 3
  • Чемпионат CityBattle. Турнир №1
  • The Steam Awards 2018. Пекабоярские итоги года!
  • Обзор игры Re-Legion
  • Превью по ранней версии к игре World War 3
  • Уже доступно! Пять игр на эти выходные (08.02.2019)
  • Tom Clancy’s The Division 2. Бета-тест с DTF
  • Пользовательский обзор недели
  • Обзор игры Kingdom Hearts III
  • God Eater 3. Божественная гриндилка
  • Обзор игры Wargroove
  • Превью по пресс-версии к игре Tom Clancy's The Division 2
  • Видеообзор игры Battlefleet Gothic: Armada 2
  • Марафон Call of Duty, часть 3 (экспресс-запись)
  • Позвоните Кузе!
  • Обзор игры Battlefleet Gothic: Armada 2
  • Обзор игры Unruly Heroes

[How to] Картинки в блогах.

+62

Как все уже знают, новая система заливки изображений на стопгейм принудительно обрезает превью-версию загруженного до 500 пикселей в ширину. Ентот самый факт практически лишает некоторых пользователей возможности создать пост с красивыми и качественными заголовочными\незаголовочными картинками, что вызывает обычно биду-огорчение и ничегошеньки в итоге.

Предлагаю вам пару способов представления картинок в таком красивом виде, каком вы задумали. Мы рассмотрим два случая. Предположим, что в первом случае вы хотите украсить свой топик картинкой с окончательным размером в активное поле поста (670 пикселей в ширину), а во втором — запостить кликабельную превью-версию полноценно большой и качественной картинки. Поможет нам во всём этом этом Алексис Бледел, с её бесконечно клёвым выражением глаз.
_____________________________________________________________________

Итак, для начала хотелось бы упомянуть, что есть такой хороший имиджхост, в народе называемый радикалом. Пользоваться им в нашем случае стоит так:

Для первого случая:
1. Выбрать файл картинки.
2. Поставить флажок на «Уменьшить до».
3. Ввести в поле справа необходимую ширину изображения (как уже упоминалось, оптимальная ширина — 670, как по мне).
4. Нажать на кнопку «Загрузить»
5. Из полученного списка кодов скопировать шестой(HTML: картинка в тексте) и вставить в редактор поста.
Выглядит оно так
В виде кода (зачёркнутые фрагменты можно удалить, чтобы не смущать юзера лишними изменениями вида курсора):
<a target="_blank" href="http://www.radikal.ru">
<img src="http://s012.radikal.ru/i319/1106/7a/5e7f5611697a.jpg">
</a>

В виде картинки:



Для второго случая:
1. Выбрать файл картинки.
2. убираем флажки перед «Уменьшить до» и «Надпись на превью»(не обязательно, только если не хотите портить картинку надписью).
3. Ввести в поле справа от «создать превью» необходимую ширину превью (670, да).
4. Нажать на кнопку «Загрузить»
5. Из полученного списка кодов скопировать седьмой(HTML: превью — увеличение по клику) и вставить в редактор поста.
Выглядит так

Код изменять даже не надо.

_____________________________________________________________________

Теперь способ для тех, кто не желает покидать пределы дорогого сердцу стопгейма.
Итак, давайте снова зальём кадр с Алексис. Жмакаем кнопочку… ну, вы знаете, как это делается. Получаем код:
<a href="http://users.stopgame.ru/uploads/images/231453/form/1308429640.jpg"><img src="http://users.stopgame.ru/uploads/images/231453/form/normal_1308429640.jpg" width="500" height="281" alt="" title=""></a>

Наши дальнейшие действия заключаются в его редактировании.

Для первого случая:
1. Вырезать шаблон вида <img src="http://users.stopgame.ru/uploads/images/231453/form/normal_1308429640.jpg" width="500" height="281">
2. Вычислить отображаемый размер с учётом пропорций, воспользовавшись графическим редактором или знаниями математики. Далее изменить соответствующие значения width и height.
3. Скопировать из полученного в результате заливки кода первую ссылку (http://users.stopgame.ru/uploads/images/231453/form/1308429640.jpg) и вставить её в наш шаблон вместо http://users.stopgame.ru/uploads/images/231453/form/normal_1308429640.jpg
Как оно выглядит
В виде кода:
<img src="http://users.stopgame.ru/uploads/images/231453/form/1308429640.jpg" width="670" height="337">
В виде картинки:



Для второго случая:
1. Вырезать шаблон вида <a href="http://users.stopgame.ru/uploads/images/231453/form/1308429640.jpg"><img src="http://users.stopgame.ru/uploads/images/231453/form/normal_1308429640.jpg" width="500" height="281"></a>
2. Вычислить отображаемый размер с учётом пропорций, воспользовавшись графическим редактором или знаниями математики. Далее изменить соответствующие значения width и height.
3. Скопировать из полученного в результате заливки кода первую ссылку (http://users.stopgame.ru/uploads/images/231453/form/1308429640.jpg) и вставить её в наш шаблон вместо http://users.stopgame.ru/uploads/images/231453/form/normal_1308429640.jpg
И мы получим
Код:
<a href="http://users.stopgame.ru/uploads/images/231453/form/1308429640.jpg"><img src="http://users.stopgame.ru/uploads/images/231453/form/1308429640.jpg" width="670" height="377"></a>
Изображение:




Спасибо за внимание.
Комментарии (41 шт.)
Может я и слишком перекэпствовал, но вдруг кому пригодится.

А я спать. Всем ПоКа.
Камрад, ты забыл добавить, что при желании тегом align="" можно по правому-левому краю выровнять. По центру не дають… что пичалькка конечно. Несомненно напрягает отсутствие возможности выровнять текст или сделать отступы НЕ пробелами.

Я бы понял эту системы редактирования для быстрых ответов в комментах, но даже фриварный FCKEditor который ничего не стоит подвесить на администрирование постов, создаст меньший геморрой и органично впишется в общую систему сайта.
Не, друже, не забыл. Есть и ещё некоторые интересные вещи. Просто тут немного другая проблема рассматривалась.
Насчёт ограничений. Свобода это хорошо, конечно, но здесь она может не вписаться, мне кажется. Хотя, FCKEditor я не оценивал. :•)
[разворачивает транспаранты]

Даёшь жёсткую модерацию и черенкование неугодных! Даёшь модерацию вновь создаваемых тем!

[сворачивает транспаранты]

Я работал с FCKEditor, который сейчас переделали как ckeditor, очень полезная CMS, интуитивно понятная.
Ну, Джонни, ты четкий парень однозначно. :3
Молодца, молодца, хорошо потрудился.
Я такой :3 Спасибо.
Добавил в избранное. :)
А что за хрень с картинками? Кто такой «умный» оформление обосрал?
скрытый текст
А что за хрень с картинками?

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

Слышал версию, что это сделано для уменьшения трафика или какой-то другой фигни, но то была версия, и не знаю, правдива ли она.
Хм…
Это вроде произошло примерно тогда, когда все аватарки стали обрезано-кубичными. Примерно позже Ринат высказался где-то, что так оно и дальше будет и аватарки сделаны статично-квадратичными ради экономии трафика.
Насчёт заливки картинок же я официальной версии не замечал. Если бы заметил — второй части этого поста могло и не быть.
Ещё можно предположить, что это было сделано ради комментов. Помните, когда-то не нравилось, что картинка вылазит за пределы коммента. А минимальная ширина в ветке как-раз около 500, на глаз.
Чтобы трафик тратить меньше. Видимо, Ринат как-то взглянул на счета и всё заверте…
Хорошо потрудился на благо СГ'юзеров, респект, всегда любил и уважал взаимовыручку, Молодчина
Спасибо, чо. :•)
Я всегда пропорцией делал, удобнее :3 Ну, и за радикал спасибо, буду знать :3
Как тему в избранное добавить? Или только комменты?
На звёздочку нажми возле названия темы.
Ее бы найти :3 У меня включен «облегченный» режим, я с мобильника :3
JohnMirror19 июня 2011г., 01:25комментарии: 18 *

Где-то тут вот :3
Молодец же, ну :3 Всегда пожалуйста :3
«Город Грехов» это ок :3 Шикарный пост, спасибо.
Бэкки (или как там её звали) тащщит. Пожалуйста.
Я ничо не понял С:
Я тоже :3
Какая разница между 4-мя картинками? Янипонял!
А насчет width и height я знал, только и стандаотными настроиками вполне довольствовался.
Какая разница между 4-мя картинками? Янипонял!

Эм… Ты читал вообще?
А насчет width и height я знал, только и стандаотными настроиками вполне довольствовался.

Это хорошо, что тебя устраивает всё таким как оно есть, наверное…
Радикал УГ. Им нельзя пользоваться.
Flikcr лучче :))
Можно, я разрешаю.
Как все уже знают, новая система заливки изображений на стопгейм принудительно обрезает превью-версию загруженного до 500 пикселей в ширину.

уже нет, исправили.
теперь в комментариях «режется до 500, в блогах до 670 пикселей по ширине.
ура.
Спасибо.

Джонни, тему не удаляй, пусть лежит. :)
Окей :•)
Спасибо, отлично.
Молодец!!! ;) Благодарю!
Хороший мануал)
Ничего не работате, в теле поста пишу , толку ноль вообще ничего не отображается. Что нужно делать?
1)Берёшь пистолет
2)Подставляешь к виску
3)Нажимаешь на курок
4)??????????????????
5)PROFIT
Таже фигня, у меня отображается как ссылка, или никак не отображается
Для комментирования необходима регистрация.
Прямой эфир «Блоги»
Курилка Синего Цвета Настроения
Блог курилок и длинных разговоров
Выживание
Блог OLEG20030910
[ХАЛЯВА] Место раздачи халявы V11!
Официальный бложик халявщиков на СГ
Мини обзор Apex Legends
Блог Rusatveli24
Превью Anno 1800: Возвращение
Блог обзорщиков
Стоит ли играть в GUN
Блог обзорщиков
[Экспресс-запись] Позвоните Кузе!
Персональный блог Торчка
Наверх ↑