Тематичне дослідження веб-дизайнера

Вебмайстер тематичного дослідження

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

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

Тепер все скінчено, навіть не думайте про це, працюйте швидко, а ми оптимізуємо зображення, коли ви працюватимете над чимось іншим!

Враховуючи створення 30 зображень на сторінку, включаючи контент та зображення дизайну теми, скільки часу витрачається на експорт зображень? Процес досить тривалий і включає кілька спроб з різними рівнями стиснення.

якість JPEG

Процес експорту у форматі jpg включає:

  • Перейдіть до меню «Експорт для Інтернету»
  • Виберіть формат JPEG
  • Виберіть стиснення/якість 
  • Виберіть розмір
  • Експорт зображення
  • Надішліть зображення на свій вебсайт
  • Зробіть заключний тест

Аналіз сторінки: 30 зображень експортовано 3 рази кожне для спроби.
Час, витрачений на спроби: 1 хвилина за спробу, це 1 година на сторінку.
З автоматичною оптимізацією зображень: для 5 сторінок це 5 годин роботи з ідеальною якістю в результаті.

 

Менший розмір з високою якістю

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

оптимізація якості jpg

Зображення, експортоване зі 100% якістю, отримало кращий візуальний результат та розмір. Тож просто подумайте про технічну складову, якою ми керуємося щодо ваги зображень.