Размеры изображений в Blogger

Наверное, каждый блоггер на одноименной платформе хоть раз да сталкивался с проблемой изменения размеров загруженных изображений. То есть когда изображение уже загружено в альбом Picasa, код картинки добавлен в форму сообщения, но изображение оказалось слишком большим или наоборот – слишком маленьким. И необходимо изменить его размеры, не загружая картинку заново.

Блоггеры, использующие обновленный редактор сообщений Blogger, могут изменять размеры изображений, но в свою очередь имеют другие, куда более серьезные проблемы.

В этом посте я расскажу как изменять размеры загруженных изображений, используя стандартный («Изменить HTML») редактор сообщений.

Загрузка изображений в Blogger

Еще на этапе загрузки изображений, движок Picasa* создает для них эскизы (thumbnails) следующих размеров:

• Малые (ширина 200 пикселей)
  


• Средние: 320px
  


• Большие: 400px
  


• и (внимание, Бонус!) Очень большие: 640 px
  
  

Таким образом, чтобы изменить размер изображения, не нужно его загружать заново. Достаточно лишь задать путь к уже созданному эскизу заданного размера.

Смена эскиза изображения

Например, чтобы сменить эскиз с малого на средний, нужно немного изменить код добавленного изображения:
<img style="cursor:pointer; cursor:hand; width:200px; height:150px;" src="http://4.bp.blogspot.com/.../s200/ati-ruby-wallpaper.jpg" border="0" alt="Малый эскиз 200x150" id="BLOGGER_PHOTO_ID_123" />

1. Удалить атрибуты размеров изображения (width:200px; height:150px;)


2. Изменить директорию пути с s200 на s320;


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

После этого желательно задать изображению его актуальные (новые размеры):

1. В режиме предварительного просмотра щелкни правой кнопкой по изображению и выбери Свойства.


2. Найди размеры ширины и высоты. Допустим, изображение имеет следующие свойства: Ширина 320px, высота 240px;


3. Задай новые свойства в атрибуте style тега img:
   style="cursor:pointer; cursor:hand; width:320px; height:240px;"

Выбор эскизов другого размера полностью аналогичен.

Дополнительные размеры

Помимо размеров, задаваемых движком Blogger, ты можешь использовать размеры Picasa:

• Миниатюра 144 px


• Маленький 288 пикс.


• Средний 400 пикс.


• Большой 800 пикс.

А так же не декларированный размер 150px.

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

Итого

На данный момент мне (а теперь и тебе) известны следующие размеры изображений Blogger:

• 32
• 64
• 128
• 144
• 150
• 200
• 288
• 320
• 400
• 640
• 800

Пользуйся :)

--
* Изображения Blogger хранятся в альбомах Picasa.

Upd: продолжение статьи: Размеры вертикальных изображений.
Upd2: Размеры квадратных изображения Picasa в Blogger