Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  среда, июля 27, 2011  

Если мы загружаем какое-либо изображение в блог на платформе Blogger, в поле редактирования сообщения оно автоматически меняется на уменьшенную копию низкого, а зачастую немного размытого, разрешения. Когда как после публикации в блоге при клике на него, нам будет показана отличная картинка исходного качества. Происходит это потому, что изначально адрес уменьшенной копии и адрес исходника различны.

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

Взгляните на пример ниже. В нем показано одно и то же изображение до и после применения этого маленького трюка.

Меняем разрешения изображений в Blogger

Меняем разрешение изображений в Blogger

Можно заметить, что при абсолютной идентичности фотографий, первая имеет более низкое качество. Однако по клику на нее, пред нами предстает оригинал с высоким разрешением, какой мы изначально и загружали. Причина в том, что картинка имеет два источника адресов, и оба эти источника немного отличаются.

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

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

В завершение темы хочу напомнить ряд ссылок на ранние материалы, в которых вы можете скачать небольшие программы для уменьшения веса изображений:



Понравилась статья? Поделись ею с друзьями!

Не забудь подписаться на обновления блога:


Вы можете оставить свой отзыв через блок комментариев Вконтакте. При отсутствии профиля в этой социальной сети, воспользуйтесь удобной формой Disqus ниже.