, в поле редактирования сообщения оно автоматически меняется на уменьшенную копию низкого, а зачастую немного размытого, разрешения. Когда как после публикации в блоге при клике на него, нам будет показана отличная картинка исходного качества. Происходит это потому, что изначально адрес уменьшенной копии и адрес исходника различны.
Взгляните на пример ниже. В нем показано одно и то же изображение до и после применения этого маленького трюка.
Можно заметить, что при абсолютной идентичности фотографий, первая имеет более низкое качество. Однако по клику на нее, пред нами предстает оригинал с высоким разрешением, какой мы изначально и загружали. Причина в том, что картинка имеет два источника адресов, и оба эти источника немного отличаются.
Что нам нужно сделать, чтобы добиться четкого разрешения у первой фотографии.
Итак, в момент создания сообщения в Blogger загрузите требуемую картинку. По умолчанию она примет уменьшенный вид. Перейдите во вкладку "Изменить HTML" в панели редактирования статьи. Там вы увидите примерно такой код загруженного изображения:
<a href="http://2.bp.blogspot.com/-
dr6_su_yF2s/Ti8yBGc0RnI/AAAAAAAABfs/
gN_Xan7_o5M/s1600/Disco266.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" height="212" src="http://2.bp.blogspot.com/-
dr6_su_yF2s/Ti8yBGc0RnI/AAAAAAAABfs/
gN_Xan7_o5M/s320/Disco266.jpg" width="320" /></a>
Как можно понять, адреса фотографии несколько различаются. Не правда ли? И различия здесь в участках кода обоих источников изображения -
s1600 и
s320. Первая ссылка ведет на оригинальный размер картинки, вторая уже изменена сервисом
Blogger в момент редактирования. Здесь я отмечу, что чем выше значение указанных участков кода, тем четче и выше разрешение самого изображения. Думаю, дальше ход моих мыслей вам понятен.
Остается только выравнять значения указанных отрезков кода, просто заменив
s320 на
s1600. Опять же, примерно, у вас должно получиться:
<a href="http://2.bp.blogspot.com/-
dr6_su_yF2s/Ti8yBGc0RnI/AAAAAAAABfs/
gN_Xan7_o5M/s1600/Disco266.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" height="212" src="http://2.bp.blogspot.com/-
dr6_su_yF2s/Ti8yBGc0RnI/AAAAAAAABfs/
gN_Xan7_o5M/s1600/Disco266.jpg" width="320" /></a>
Переключившись обратно во вкладку
"Создать", вы можете увидеть, что разрешение фотографии в разы улучшилось, когда как размеры ее остались прежними. Таким образом, меняя числовые значения в адресе изображений, мы можем регулировать их разрешения.
Стоит отметить, что этим способом можно редактировать любое изображение, если оно вас не устраивает в плане четкости, даже не имеющего ссылки на оригинал, просто увеличивая числовое значение участка, рассмотренного выше.
Что ж, вот такой маленький трюк по улучшению разрешения у изображений мы провели. Особого значения в пользовании блогом на платформе
Blogger он, конечно, не имеет, но, тем не менее, способен выручить в нужные моменты и придать немного аристократичности дизайну.
В завершение темы хочу напомнить ряд ссылок на ранние материалы, в которых вы можете скачать небольшие программы для уменьшения веса изображений: