вторник, 6 октября 2009 г.

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

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


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


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


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


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

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

  • Средние: 320px
    ATI Ruby Wallpaper 320x240

  • Большие: 400px
    ATI Ruby Wallpaper 400x300

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


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


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


Например, чтобы сменить эскиз с малого на средний, нужно немного изменить код добавленного изображения:
<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


4 Комментариев :

Croaker комментирует...

Пост обновлен: найдены размеры 32, 64, 128. Добавлена ссылка на статью о равносторонних изображениях Blogger

Zoya (Aziza) комментирует...

Спасибо за помощь!

Imperial Commissar комментирует...

Жаль что нет кнопки на 480 (вместо 400, например) =(

Сайхан Сосланбеков комментирует...

Здравствуйте, хотелось бы узнать, как с изображений убрать внешние ссылки. А то из-за них мой блог сильно заспамлен.

Отправить комментарий

Жги!