Всё в "Блоггере", казалось бы, продумано, и нет ничего проще размещения фотографии.
Тут тебе и с компьютера можно сразу залить без посредничества каких-либо сторонних фотохостингов, и ссылку на уже выложенную фотографию дать можно.
Потом есть возможность выбрать из четырёх вариантов размера - "маленький", "средний", "крупный" и "очень крупный", а затем выравнивать картинку по центру, правому или левому краю.
С недавнего времени появилась и возможность
делать подписи под фото.
Но и тут, как не странно, есть свои "но".
Главным неудобством является то, что стандартные размеры фото не всем подходят.
А размеры эти следующие. Фотографию уменьшают по б
ольшей стороне (меньшая сторона в этом случае уменьшается автоматически, пропорционально первой).
Размеры большей стороны в автоматическом редакторе фото выходят такие:
- "маленький" - 200 px
- "средний" - 320 px
- "крупный" - 400 px
- "очень крупный" - 640 px
Но дело в том, что не у всех ширина блога одинаковая. Тем более, с появлением новых шаблонов, где ширина регулируется куда проще, чем раньше.
Оптимально (особенно для людей, выкладывающих фотографии в большом разрешении), чтобы все фотографии были равны ширине основной колонки блога.
Это выглядит эстетично и, кроме этого, позволяет читателю видеть фото в максимальном, насколько то позволяет дизайн блога, разрешении.
Существует и ещё одна проблема, связанная с тем, что изображения в авторежиме уменьшаются по
большей стороне.
Дело-то в том, что б
ольшая сторона у фотографий может быть как по горизонтали, так и по вертикали. И если несколько разных фото таким образом выложены подряд - колонка получается не ровная. А это не очень красиво.
Пример (представим, что ширина самой широкой картинки - ширина колонки нашего блога):
Так выходит, если пользоваться встроенным редактором.
Однако лучше было бы, если б фотографии равнялись по ширине горизонтальной грани фото.
Тогда это выглядело бы так:
Оба фото одинаковой ширины.
Я уже давно размещаю фотографии только так. Выглядит аккуратнее.
Пример можно
увидеть тут.
При этом, щёлкнув на фото - можно увидеть его в ещё б
ольшем разрешении на отдельной странице.
Но для этого я пользуюсь не автоматическим редактором, а вношу, при написании поста, в режиме "изменить html" свой код. Код такой:
<div class="separator" style="clear: both; text-align: left;">
<a href="ссылка на фотографию"><img border="0" src="ссылка на фотографию" title="Название картинки" alt="Тэги картинки" width="ширина вашего блога" /></a>
</div>
Указывать теги изображения полезно для того, чтобы оно легче искалось поисковиками. Название картинки будет видно, если человек наведёт мышку на фото.
Узнать нужную ширину для вашего блога (если у него постоянная ширина, естественно, т.е. если это не "резиновый" шаблон) можно следующим образом.
Если вы пользуетесь старыми (уже два дня как старыми =)) шаблонами - то надо зайти в "Дизайн / изменить html", и посмотреть там в разделе
#main-wrapper строку, выделенную ниже жирным:
#main-wrapper {
margin-$startSide: 20px;
width: 680px;
Значит, ширина вашей основной колонки блога - 680 пикселей. Она может быть и другой.
Всё, вы узнали ширину основной колонки.
Если же вы пользуетесь
новыми шаблонами - то можете даже не лезть в код и посмотреть ширину основной колонки в "Дизайн / Дизайнер шаблонов / Дизайн / Изменение ширины" и вычесть из общей ширины блога ширину боковых колонок.
Предположим, что общая ширина вашего блога - 900 пикселей, а боковые колонки - 290 пикселей.
900 - 290 = 610.
Казалось, бы, это значит, что длина основной колонки блога - 610 пикселей.
Но дело в том (и это важно как для старых,так и новых шаблонов), что между основной колонкой и боковой существует промежуток, отделяющий одно от другого. Он также обычно занимает некоторое количество пикселей. Оно может быть разным - обычно где-то 25. Да ещё не забывайте про то, что изображения в блоггере довольно часто автоматически окружаются рамочкой.
Таким образом, надо вычесть ещё количество пикселей от промежутка между колонками и пикселей десять на рамочку.
В действительности всё проще. Вы можете создать сообщение с фотографией. Если количество пикселей, указанное в коде как "ширина вашего блога" будет избыточным - вы сразу это заметите, так как изображение не будет полностью влезать. Тогда надо уменьшать в вышеприведённом коде изображения количество пикселей до той поры, пока оно не будет полностью влезать.
Если картинка будет меньше чем нужно - наоборот увеличить.
За 5 минут можно легко узнать оптимальное количество.
Надеюсь, кому-нибудь поможет эта информация.
P.S.: В старом "интернет-эксплорере" уменьшенные таким образом изображения показываются с грубой пикселизацией. Но учитывая, что этим браузером уже почти никто не пользуется (и мы должны делать всё, чтобы про него и вовсе забыли) - можно этим пренебречь.