Стрелка
Написание статей за деньги
Заработок в интернете
Заработок на своем сайте
Переход на сайт в контакте Переход на сайт Facebook Переход на сайт Twitter

"Одна из лучших вещей в книгах — это то,
что иногда в них есть чудесные картинки."

Размер картинки для сайта, способы оптимизации изображений

Ускорение загрузки сайта

Большинство пользователей интернета ждут загрузку сайта не более трех секунд, после чего идут искать новый сайт. На скорость загрузки влияет ряд параметров: html разметка, код javascript, css стили, наличие видео, размер картинок на сайте. В нашей статье мы рассмотрим, как оптимизировать изображения на сайте для ускорения его загрузки. Подробно опишем уменьшение размера картинки при помощи PhotoShop.



Основные моменты создания изображений для сайта:
- Определитесь с размерами изображения на вашем ресурсе. Если место под картинку будет 300px на 200px, не создавайте картинку 600px на 400px. Браузеру придется сжимать ваше изображение до нужных размеров, на что тратится определенное время.
- Выберите нужный формат для вашей картинки. Если вам не нужны области с прозрачностью, используйте формат jpg. Данный формат занимает намного меньше места, чем png.
- При сохранении изображения в Photoshop выставляйте качество в районе 60.
Рассмотрим по пунктам сжатие картинки средствами Photoshop.

  1. Запускаем программу PhotoShop.
  2. В верхнем горизонтальном меню, находим вкладку File.
  3. В сплывающем подменю, выбираем "Open". Можно использовать горячие клавиши Ctrl+O.
  4. Выбираем картинку, которую хотим уменьшить.
  5. После того как картинка загрузится, находим вкладку Image.
  6. В сплывающем меню, находим раздел "Image Size". В русской версии программы "Размер картинки".
  7. Появится окошко, в котором нам необходимо будет указать новые размеры изображения.
  8. После чего, нажимаем "Ok". Ваша картинка имеет новые размеры. Переходим к ее сохранению.
Изменение размера картинки в PhotoShop

Во вкладке File. Находим пункт меню Save for Web.
- Выбираем в правом верхнем углу формат изображения jpeg.
- Ниже, ставим качество High.
- В разделе quelite выставляем число в диапозоне от 55 до 75.
- Жмем сохранить.

Сохранение картинки по средствам PhotoShop

Проверить скорость загрузки сайта можно https://developers.google.com/speed/pagespeed/insights/ Оптимизация изображенй под нужный размер ускорит скорость загрузки вашего сайта вразы.


Все права защищены © 2018