Кейс веб-дизайнера

Веб-мастер тематического исследования

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

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

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

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

качество JPEG

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

  • Зайдите в меню «Экспорт для Интернета»
  • Выберите формат Jpeg
  • Выберите сжатие/качество 
  • Выберите размер
  • Экспортировать изображение
  • Отправить изображение на свой сайт
  • Сделать финальный тест

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

 

Меньше с высоким качеством

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

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

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