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/, которую мы упомянули в начале статьи.

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

Обговорення новини

Попередні новини