FB91 Надішліть нам цей посібник зі свого веб-сайту:
Основними моментами для оптимізації зображення (читання, зменшити його вагу якомога більше, не втрачаючи якості) є 3:
1. Виберіть найкращий формат (.JPG, .GIF, .PNG)
2. Налаштуйте розмір зображення
3. Зберегти параметри
Виберіть найкращий формат
Найбільш розповсюджені формати в Інтернеті - це 3, GIF (формат графічного обміну), JPG (Об’єднана група фотографічних експертів), PNG (портативна мережева графіка).
GIF
це формат, який підтримує до 256 кольорів (основне його обмеження). З цієї причини, коли у нас є зображення, яке перевищує 256 кольорів, воно повинно бути адаптоване за рахунок зменшення його кольорів, що призведе до втрати якості.
Характеристики:
* Підтримує 256 кольорів
* Прозорі плівки
* Анімація
JPG
Це формат, який намагається усунути інформацію, яку людське око не здатне розрізнити, саме з цієї причини її називають алгоритмом стиснення з втратою, оскільки саме те, що воно робить, - це усунення інформації.
Однією з характеристик, що робить JPEG дуже гнучким, є можливість регулювання ступеня стиснення.
Характеристики:
* 24-бітний колір або 8-бітний (чорно-білий)
* Досить високий ступінь стиснення
* Не дозволяє альфа-канал (прозорість)
* Не дозволяє анімацію
PNG
це графічний формат, заснований на непатентному алгоритмі стиснення без втрат для растрових зображень (на відміну від GIF). Цей формат був розроблений значною мірою для подолання недоліків формату GIF і дозволяє зберігати зображення з більшою глибиною контрасту та інші важливі дані.
Характеристики:
* Колір індексується до 256 кольорів, а TrueColor - до 48 біт на піксель.
* Прозорі плівки
* Не дозволяє анімацію
* Краща якість, ніж GIF
* В даний час підтримується переважною більшістю браузерів
Кого з усіх вибрати?
У тому випадку, якщо у вашого зображення мало кольорів, як правило, якщо це текст, формат GIF займе менше місця. Наприклад наступні 2 зображення; перший - це GIF, а другий - PNG. Вони займають 13,6 КБ і 22,6 КБ відповідно, і якість дуже хороша в обох, тому найкращим варіантом буде GIF, оскільки він легший.
Тепер, якщо ваше зображення має градієнти та прозорі плівки, все змінюється на користь PNG, оскільки воно обробляє ці два аспекти набагато краще. Як свідчать наступні три фотографії, перша така PNG і займає 48,9 КБ, другий є GIF і займає 24,1 КБ а третє - це JPG і займає 23,1 КБ. У цьому випадку я б дотримувався JPG, але пам’ятайте, що якби зображення мало прозорість JPG, воно було б пропущено, а найкращим варіантом було б PNG.
Але якщо зображення, яке підлягає обробці, буде фотографією, то найбільш вживаним є JPG оскільки він стискає та зменшує вагу зображення на скільки завгодно, а оскільки на фотографії немає прозорих плівок, це оптимально для цього використання.
У підсумку ...
Зображення з кількома кольорами та анімацією: GIF
Зображення з прозорими плівками та градієнтами: PNG
Фотографії: JPG
Налаштуйте розмір зображення
Це щось цілком індиче, але я можу значно заощадити. По-перше, очевидно, ніколи не завантажуйте зображення розміром 2000 х 1000 пікселів, оскільки фактично, розміщуючи його на своєму сайті, ми надаємо йому ширину 200 х 100 пікселів; по-друге, при публікації зображення найкраще вирізати найбільш значну його частину та краще використовувати простір.
Наприклад:
Зберегти параметри
Коли ми зберігаємо зображення JPG у GIMP, відкриється діалогове вікно з декількома опціями.
Найголовніше - мати як Якість "85", що важить приблизно 30% ваги до зображення, і зміни залишаються непоміченими. Також перевірте опцію Прогресивний Він робить це в той момент, коли зображення завантажується, зразок має абсолютно низьку якість, і в міру продовження завантаження його якість «поступово» покращується. Якщо для цієї опції не встановлено прапорець, зображення під час завантаження відображається шматками, але хорошої якості, поки завантаження не закінчиться.
І нарешті варіант також був позначений Зберегти ескіз що саме те, що він робить, це зберігає ескіз, щоб, коли ми хочемо його відкрити, з GIMP Наприклад, використовуючи опцію Файл - Відкрити, ви можете побачити невеликий ескіз зображення, що не допомагає нам при завантаженні його в Інтернет (це економить кілька 6 КБ, що хоча їх велика кількість, це щось сприяє).
Першоджерело: FB91
Весь цей підручник, включаючи його зображення, взято із вищезазначеного джерела та внесено автором.