Пример из практики веб-дизайнера

Пример из практики веб-мастера

Создание сайта: сэкономьте время, потраченное на оптимизацию изображений

При создании веб-сайта из файла Photoshop одной из важных задач является поиск оптимального формата и степени сжатия для изображений. Правильный подбор параметров помогает создать привлекательный дизайн, но при этом необходимо максимально уменьшить вес экспортируемых изображений. Поскольку Photoshop применяет глобальное сжатие к изображениям, добиться одновременно лёгкого и высококачественного изображения довольно сложно.

Теперь всё кончено, даже не думайте об этом, работайте быстро, а мы оптимизируем изображения, когда вы займетесь чем-нибудь другим!

Учитывая, что на каждой странице создается 30 изображений, включая контент и изображения для оформления темы, сколько времени занимает экспорт изображений? Процесс довольно длительный и включает в себя несколько попыток с разными уровнями сжатия.

качество JPEG

Процесс экспорта в формат JPG включает в себя:

  • Перейдите в меню «Экспорт для веб-сайта»
  • Выберите формат JPEG
  • Выберите степень сжатия/качество 
  • Выберите размер
  • Экспорт изображения
  • Разместите изображение на своем сайте
  • Проведите заключительный тест

Анализ страницы: 30 изображений экспортированы по 3 раза для проверки качества.
Время, затраченное на проверку: 1 минута на каждую попытку, 1 час на страницу.
С автоматической оптимизацией изображений: для 5 страниц это 5 часов работы, с идеальным качеством в итоге.

 

Меньший размер, но высокое качество

Поскольку алгоритм ImageRecycle не применяет глобальное сжатие к изображениям, а учитывает цветовую область изображения и исходный уровень сжатия, вы можете экспортировать все изображения со 100% качеством. Имейте в виду: чем меньше сжато исходное изображение, тем лучше будет оптимизация и размер. Проверьте тест ниже с изображениями, указанными с учетом их уровней качества Photoshop (60 = 60% качества, 80 = 80% качества...)

оптимизация качества jpg

Изображение, экспортированное со 100% качеством, показало лучшие визуальные результаты и размер. Поэтому подумайте о технической стороне вопроса, касающейся веса изображений.