Урок №16 Оптимизация изображений

ПоделитьсяTweetПоделитьсяGoogle

optimizacia-cartinok5-7142383

Всем привет и хорошего настроения!

На прошлом уроке мы научились проверять  картинки на уникальность  и делать их по возможности уникальными. В этом уроке мы займёмся оптимизацией изображений.

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

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

Способов уменьшить размер и вес изображения  много, я разскажу как делаю я.

Snagit — хороший и самый простой способ уменьшить вес и размеры фото изображения, программа Snagit. Фотографии выложенные в интернет имееют большой вес  в Mb, так как  имеют большое качество и многослойность, наша программа снимает скриншот одним слоем и значительно уменьшает вес, до Kb.

Пример:

ЧИТАТЬ:  Уникальные картинки, как сделать — часть 2

допустим я беру вот это фото

 2013-07-22_1053292-8326781

я сделал скриншот этой фотографии. чтобы показать её скачиваемый размер 849х565 (0,54Mb) — то есть 540 килобайт.

Но я не скачиваю её а просто делаю скриншот самой картинки  программой Снагит, выбираю подложку  с тенью  и уменьшаю размер при сохранении. Если сохраняю в PNG, то получаю 523х371  и 283 Kb, а если выбираю без подложки и сохраняю в JPEG, то получаю на выходе 507х344 и 44,8kb.

То есть, в первом варианте в два раза уменьшил вес и в полтора размер, во втором варианте   в полтора раза размер и вес в 12 раз!!!

optimizacia-cartinok-7666676

Оптимизация изображений в этом варианте понятна… Особого труда и напряжения не составит.

Ещё один вариант уменьшить вес.

Оптимизация изображений в JPEG

Оптимизатор фотографий JPEG для WEB 1.0

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

ЧИТАТЬ:  Форма подписки feedburner

Далее открываем Оптимизатор для WEB 1.0,  в нём же открываем нужное изображение находящееся на нашем компьютере

optimizacia-cartinok1-5266082

далее выбираем качество или разрешение, тем самым немного ухудшая качество, но значительно снимая вес картинки. В нашем деле главное не перестараться 🙂 , а то изображение поплывёт. Этой программкой можно уменьшить вес и при этом качество не сильно пострадает, для восприятия человеческим взглядом. То есть качество уменьшится, но это будет не заметно. За то в 2-3 раза картинка станет меньше весить и не увеличивать вес нашей страницы при загрузке в поисковиках.

optimizacia-cartinok3-3244206

Оригинал 56 Kb — переделанная картинка получилась в 20Kb. Визуально качество практически не изменилось.

Вот так, или приблизительно так , происходит оптимизация изображений.

После того как вы сделали своё изображение уникальным, только тогда выполняем оптимизацию.

И ещё, не забывайте уменьшать размер картинки до загрузки в WordPress, а не непосредственно в самом WP.  То есть, уменьшайте на комьпютере, а затем с нужным размером грузим на блог.

ЧИТАТЬ:  Урок№11 Как создать файл robots.txt

Упс… Ошибка 404

Извините, но страница, которую Вы ищете, не существует.

d098d181d0bbd0b0d0b4d0bdd181d0bad0b8d0b5-d181d0bad0b0d0b7d0bad0b8-324x160-2568212 d09fd180d0b5d0b4d181d0bad0b0d0b7d0b0d0bdd0b8d18f-d0b8d0bdd0b4d0b5d0b9d186d0b5d0b2-d0a5d0bed0bfd0b8-324x160-5350663 flak_jacket_1942-324x160-4854187 ural_kremlin_compare-324x160-8786516 04909834-324x160-5224784 ПоделитьсяTweetПоделитьсяGoogle