Онлайн сервисы охватывают все больше функций для которых требуется установка программ на ноутбук или ПК. Многое затронуло работу веб мастеров, 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/, которую мы упомянули в начале статьи.