Как сжать и оптимизировать картинки на сайте

optimiziruem kartinki

Приветствую Вас Читатель моего блога!

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

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

А чем старше наш сайт или блог, тем больше у нас изображений, да еще и с большими размерами и весом.

Оптимальный размер и вес должен быть не более 50 Кб, меньше еще лучше. Достичь этого можно сжатием.

Как сжать картинки .

Я лично для этого использую программу Adobe Рhotoshop, программа платная, но для работы, очень нужная. Если поискать  в интернете – можно найти бесплатный вариант. А также если обратиться к поисковикам найдете сервисы,  на
которых можно сжать картинку бесплатно.

Процесс сжатия картинок в этой программе занимает несколько минут, Вы загружаете картинку в AdobeРhotoshop и сохраняете на свой компьютор для Web устройств в формате ipg и сразу снижается вес картинки.

sgimaem kartinki

Можно использовать и другие бесплатные программы, к примеру FastStone imageViewer, ее можно скачать в интернете бесплатно.

А можно просто при скачивании картинки изменить разрешение см. скриншот.

 

optimiziruem kartinki

Вместо png, пропишите ipg и будет Вам счастье, если вес картинки Вас устроит.

Если вес картинки получился меньше 50 Кб, то ее можно загружать, если нет, то уменьшайте размер в пикселях и вес уменьшится тоже. Это можно сделать в программе Paint, которая есть на каждом компъюторе.

optimizaciya izobragenii

С новыми картинками все понятно, а как быть с загруженными?

Вот тут необходимо будет потрудиться, необходимо зайти в библиотеку медиафайлов или через админку или на свой хостинг, через программу FileZilla и найти там папку uploads, которая находится в WP-content на вашем сайте,  перенести ее себе на рабочий стол и вручную заменить картинки, а также убрать дубли картинок.

Дубли картинок нам создает наш любимый WordPress, когда мы загружаем картинку на страницу сайта, он и создает еще 2 дополнительно в другом размере. Чтобы это устранить Вам надо зайти в настройки (параметры) – медиафайлы и выполнить следующее см. скрин.  Ставим 0 и убираем галочку — в Обрезать миниатюру …. И не забываем сохранить изменения.

 

nastroika mediafailov na WordPress

После выполненных настроек у Вас будет загружаться одна картинка. Но Вы проверьте, не загружает ли Ваша тема вам еще дубли картинок. У меня есть такая проблема и я пока с ней не разобралась, возможно придется менять тему или разбираться с кодами.

И так в библиотеке медиафайлов наводим порядок  убираем все дубли картинок и не прикрепленные картинки.

Дело это не быстрое, я за 2 дня проделала только часть работы, но сделать, ее необходимо.

У меня лично было около 50 не прикрепленных и более 400 картинок. Я продолжаю проверку.

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

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

Не забываем поделиться с другими, подписывайтесь на мой канал!

Удачи!

 

Навигация

Предыдущая статья: ←

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!
Обсуждение: 8 комментариев
  1. Гудвин:

    Здравствуйте, я отправляю Вам письма, но они не до Вас не доходят, я постоянно получаю отчеты о недоставленной почте, поскольку mail.ru принимает ее за спам. У Вас есть нормальная почта, чтобы связь не была односторонней?

  2. Да конечно я отправлю ее Вам на Ваш сайт

  3. Anna:

    Я для сжатия использую Gimp (он бесплатен и его функционал во многом не уступает Phitoshop) + плагины WP которые сжимают картинки которые уже залиты на сайт.

  4. Конечно Anna, каждый выбирает удобный для него способ. Спасибо, что поделились. Надо попробовать.

  5. Ирина,поймал я твоего кота.

  6. Поучительно и познавательно, на мой взгляд не хватает практического видео или урока.
    Евгений

  7. Евгений, в конце статьи есть видеоурок! Вы просто его не заметили.

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Докажите, что Вы не робот * Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.

:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
больше...
 
foto Приветствую Вас Дорогой гость на моем блоге! Меня зовут Ирина Азикова! Здесь Вы узнаете как создать свой сайт и найдете много полезного для его развития, узнаете какие есть способы заработка в интернете, как работать в программе фотошоп и других программах. Как создать свой видеоканал на YouTube и зарабатывать на нем. Заходите почаще! Здесь Вам всегда рады!
Подписаться на новости блога здесь.

Введите Ваш email адрес:

Пассивный доход!
Бесплатный курс по рисованному видео в Explaindio 3.0 Новинка
korobka- ris
Скачай новый курс! ЖМИ на картинку!
korobka kursa
Новинка!
curs
Мой блог отметили наградой
nagrada_Liebster_blog_Award-1
Присоединяйтесь.
© 2017 ИНФОБИЗНЕС  Войти