Всё о Слайд Шоу, Рисованном Видео, Презентациях, о Фотографии как Искусстве

Оптимизация картинок для сайта

Готовим картинки к публикации на сайте правильно

оптимизация-изображений-для-сайтаВсе картинки, публикуемые на сайте, следует оптимизировать для уменьшения занимаемого дискового объема на хостинге и быстрой загрузки сайта. Посетитель сайта может быть нетерпелив и если сайт грузится долее 5 секунд, не дождаться окончательной загрузки, таким образом можно потерять перспективного посетителя. Так быстрый сайт с аналогичной информацией получает конкурентное преимущество. Не следует загружать свои фотографии на сайт без предварительной обработки, их размер часто превышает 1024×768,а объём 300 Кб. Это может привести к тому, что дисковое пространство на хостинге быстро закончится, потребуются дополнительные расходы, а время на загрузку сайта будет неоправданно долгим.

Если у вас не сайт фотографа с портфолио (там совсем другой подход и применяются специальные плагины для оптимизации изображений), то пригодятся следующие простые правила.
1. Публикуем свои или многократно обработанные «почти свои» картинки, чтобы избежать фильтров
2. Картинка не должна быть более 50 Кб
3. Загружаем картинку в ФШ, кадрируем и подгоняем/изменяем размер изображения, например до 300×200 pix
4. Сохраняем для Web и устройств.
Для картинок формата PNG

  • Выбираем формат оптимизируемого файла PNG-8.
  • Количество цветов – 256.
  • Модель редукции цвета – «селективная».
  • Модель дизеринга – «случайное».
  • Ставим галочки в чекбоксах «прозрачность» и «преобразовывать в sRGB
  • Указываем место для сохранения и сохраняем картинку.

Для картинок формата jpeg
Выбираем формат оптимизируемого файла jpg
Качество сжатия «высокое». Настраиваем баланс между качеством изображения и степенью сжатия, следя за конечным объёмом картинки.
Ставим галочки в чекбоксах «оптимизация» и «преобразовывать в sRGB
Выбираем место для сохранения и сохраняем картинку.

5. Загружаем готовую картинку на сайт, придерживаясь единого размера для всех публикаций, а не уменьшаем размер изображений в панели управления сайтом.
Для тех, кто не умеет пользоваться ФШ, есть отличный он-лайн редактор https://pixlr.com/. Выбирайте EDITOR и далее «файл», «открыть изображение». Раздел «изображения», «размер изображения» выставляйте нужный размер, сохраняя пропорции. Для сохранения в PNG выбирайте «Сохранить», задайте «имя файла и формат PNG». Для сохранения jpeg сохраняйте, выбирая баланс между качеством и размером файла.
Эти несложные преобразования картинок помогут вам значительно облегчить загрузку вашего сайта. Удачи. Посмотрите как можно делать простейшие картинки для сайта в Power Point

Если Вам понравилась статья-поделитесь с друзьями ! Спасибо за поддержку :)

заглядывайте к нам на страничку

рисованное видео
конструктор-сцен