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

Тематическое исследование вебмастер

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

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

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

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

качество JPEG

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

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

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

 

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

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

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

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