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

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

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

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

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

В виде кода (зачёркнутые фрагменты можно удалить, чтобы не смущать юзера лишними изменениями вида курсора):
<a href="http://www.radikal.ru">
<img src="http://s012.radikal.ru/i319/1106/7a/5e7f5611697a.jpg">
</a>

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

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

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

_____________________________________________________________________

Теперь способ для тех, кто не желает покидать пределы дорогого сердцу стопгейма.
Итак, давайте снова зальём кадр с Алексис. Жмакаем кнопочку… ну, вы знаете, как это делается. Получаем код:

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

Для первого случая:
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>

Изображение:

Спасибо за внимание.