Суббота , Ноябрь 16 2019
Домой / Смартфоны / SMARTtech: Оптимизируем изображения для веб-сайтов и привыкаем к сжатию картинок онлайн

SMARTtech: Оптимизируем изображения для веб-сайтов и привыкаем к сжатию картинок онлайн

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

Вот некоторые общие рекомендации от нас по оптимизации изображений для веб-сайтов:

  • Если вы используете плагин для системы управления сайтом, например, для WordPress, используйте тот, который сжимает и оптимизирует изображения извне на своих серверах. Это, в свою очередь, снижает нагрузку на ваш собственный сайт. А значит хостер не будет к вам придираться за перерасход вычислительных ресурсов.
  • По возможности используйте векторные изображения, не менее чем обычные PNG и JPG
  • Используйте CDN (Content Delivery Network – Сеть доставки контента) для быстрого отображения ваших изображений посетителям по всему миру. Уточните наличие этой возможности на своем хостинге.
  • Удалить ненужные данные и изображения
  • Обрезать пустое пространство на картинке и воссоздать его с помощью CSS для заполнения нужным цветом
  • Максимально используйте CSS3-эффекты
  • Сохраняйте ваши изображения в нужных размерах. Обычно хорошие CMS поддерживают адаптивные изображения, чтобы выводить их без изменения размера с помощью возможностей CSS.
  • Используйте веб-шрифты вместо размещения текста внутри изображений — они выглядят лучше при масштабировании и занимают меньше места
  • Используйте растровые изображения только для сцен с большим количеством форм и деталей
  • Уменьшайте битовую глубину для обеспечения меньшей цветовой палитры
  • Используйте и не игнорируйте сжатие с потерями, где это возможно
  • Проводите эксперимент, чтобы найти лучшие настройки для каждого формата из представленных на вашем ресурсе
  • Используйте GIF, если вам нужна анимация (сжимайте анимированные GIF-файлы)
  • Используйте PNG, если вам нужна высокая детализация и высокое разрешение
  • Используйте JPG для обычных фотографий и скриншотов
  • Удалите все ненужные метаданные изображения
  • Максимально автоматизируйте процесс
  • Сохраняйте изображения как «оптимизированные для Интернета» в таких инструментах, как Photoshop или в онлайн сервисах
  • Используйте WebP в Chrome для показа изображений меньшего размера

Редакция портала Smartphone.ua напоминает, что картинки можно сжать онлайн и сервисы, которые могут выполнить эту функцию перечислены по ссылке на https://blog-android.ru/, которую мы упомянули в начале статьи.

Источник

Проверьте также

Все смартфоны Xiaomi дороже $300 в 2020 году получат поддержку 5G

Соучредитель и генеральный директор Xiaomi Лэй Цзюнь (Lei Jun; на фотографиях) рассказал о планах компании ...

Добавить комментарий