— Энык-Бенык, почему ты сунул шапку под кровать?     
— Чтобы завтра вся квартира знала, где её искать.    
Овсей Дриз, Разноцветный мальчик    

В серьезной литературе принято, чтобы эпиграф был не связан с последующим произведением. Шутка :) Хотя... Впрочем, ладно. В общем, я решил сделать небольшую шпаргалку по вставке картинок в блог Car72.ru, и здесь же опубликовать. Ну, чтобы потом знать, где ее найти.





BBCode

Для оформлении блога и форума на кар72 используется механизм BBCode. Узнать о нем поподробнее можно в руководстве по BBCode. Или в википедии, там статья гораздо короче. Учить теги наизусть вовсе не надо, но понимать сам принцип необходимо. Тем более, он очень простой.

На портале Car72.ru есть два редактора: для форума, и для блога. Редактор блогов используется и для других статей: отзывы об автомобилях, автопутешествия, и т.д. Версии BBCode в этих редакторах немного отличаются: например, на форуме есть спойлеры, а в блогах их нет. Жаль, что в блогах нет подзаголовков: некоторые версии BBCode поддерживают теги [h1]..[h6], было бы удобно разбивать длинные статьи. 

Оба редактора интуитивно понятные, так что останавливаться на них не буду. Какие теги поддерживаются каждым из них - сразу видно на панели инструментов. А вот у загрузки изображений есть некоторые тонкости, ради которых я и написал эту шпаргалку. "Изображение" - длинное слово, я буду использовать "картинка", ok?

Загрузка картинок на сервер Car72.ru
 
Картинку надо сперва закачать со своего компьютера в интернет. Если картинка есть в интернете - значит, ее кто-то уже закачал, и тогда можно просто сослаться на нее. Но свои фотографии, например, придется закачивать самому.

На кар72 я нашел 3 способа закачки картинок: редактор форума, редактор блога, и фотоальбомы. Все они работают примерно таким образом:

1. Картинка закачивается на сервер кар72
   
2. Если картинка слишком большая - она уменьшается, чтобы поместилась в прямоугольник 1024 x 768
   
3. Форум и блог добавляют логотип Car72.ru
   
4. Создается маленькая картинка для "превью" (preview - предварительный просмотр)
   

Получается примерно такой BBCode:

[ url=http://www.car72.ru/images/photo/год/месяц/номер.jpg ]
  [ img ]http://www.car72.ru/images/photo/год/месяц/l_номер.jpg[ /img ]
[ /url ]

т.е. маленькая картинка является ссылкой на большую картинку. Забавно, что имя маленькой картинки образуется добавлением префикса "l_". Мне все время кажется, что "l" должно означать "large", т.е. "большая".

Маленькая картинка делается так:

• форум уменьшает до 120 x 90
  
• фотоальбом уменьшает до 120 x 120
  
• блог уменьшает ширину до 800
  

Все уменьшения происходят с сохранением пропорций. Первое уменьшение (от очень большой картинки до 1024 x 768) происходит без обрезания: картинка сжимается до тех пор, пока не поместится в "рамку" 1024 x 768. Если в рамке образуется пустое место справа/слева или сверху/снизу, значит, так тому и быть.



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



Когда блог делает маленькую картинку, он просто уменьшает ее так, чтобы ширина не превышала 800. Ничего нигде не отрезается. Если большая картинка по ширине не превышает 800, то маленькая картинка не создается.



Максимальный размер большой картинки - 1024 x 768, если ширину уменьшить до 800, то высота станет 600. Логично было бы предположить, что максимальный размер маленькой картинки для блога должен быть 800 x 600. Однако блог не обращает внимания на высоту, поэтому у маленькой картинки она может быть и 768. Больше нельзя - выше большой картинки она никак не вырастет.

Preview другого размера

Как быть, если хочется сделать другой размер для маленькой картинки? Например, 300 x 225 - чтобы было хорошо видно, что там изображено, но без мелких деталей. Надо подготовить такую картинку самостоятельно (т.е. сжать ее самому), закачать ее отдельно на кар72, и скомбинировать BBCode из двух картинок. Именно так я вставил картинку из книжки.

При этом на сервере, скорее всего, останутся лишние файлы. Например, закачиваем картинку 1024 x 768 через блог, затем 300 x 225 тоже через блог. Для 300 x 225 он маленькой картинки не делает, т.к. ширина 300 не превышает ограничение 800, а вот для большой картинки делает превью размером 800 x 600. Мы меняем это превью на свое 300 x 225, и 800 x 600 становится ненужным, однако продолжает занимать место на сервере. Это не страшно, но как-то неаккуратненько :)

Небольшие большие картинки

Если большая картинка не превышает 800 x 600, то блог все равно вставляет код для превью, при этом в качестве маленькой и большой использует одну и ту же картинку. Можно вручную исправить BBCode (убрать теги [ url ]), а можно загружать картинки через редактор форума, тогда превью будет 120 x 90. Для этого надо кликнуть "Написать в теме на форуме" в блоке "Авторизация" в левой колонке, написать заметку, загрузить фотографии, а потом скопировать получившийся текст в блог через буфер обмена. Разумеется, не нажимая на кнопку "Отправить", чтобы оно не ушло на форум.