Оптимізація зображення шляхом зміни розміру

У попередній статті я писав про те, як оптимізувати зображення для вашого блогу

зміни
або ваш сайт. Якщо ви цього ще не зробили, можливо, ви захочете його прочитати ... Однак у цій статті я не торкався іншої важливої ​​теми, яка є частиною цієї системи оптимізації зображень, але я зроблю це зараз. Є про розмір зображення - дуже проста і легка річ, і в той же час, що дає вам можливість зробити якісний стрибок у дизайні та SEO.

Трьома форматами, в яких зображення можна розміщувати в Мережі, є .gif, .jpg та .png.

  • Формат .gif має найменшу кількість кольорів (256), але дозволяє тлу бути прозорим. Тому цей формат зазвичай використовується для логотипів, піктограм, символів або невеликих анімацій. Він також створює дуже маленькі файли.
  • Формат .jpg або .jpeg пропонує набагато більший діапазон кольорів - 16,7 мільйона - і підходить для якісних зображень та зображень. Не підходить для логотипів, простих фігур з гострими краями, текстових зображень. Це пов’язано з тим, що при стисненні зображення у такому форматі текст, колір та лінії будуть погано визначені та розмиті. Крім того, цей формат не дає можливості мати прозорий фон. Тому його найкраще використовувати для більш складних зображень і зображень, які займають досить багато місця у вигляді файлу. Вони можуть бути включені в зміст сайту.
  • Формат .png на сьогодні є найвищою якістю з точки зору кольорів, чіткості та забезпечує прозорість у фоновому режимі. Його можна використовувати для заголовків, графіки з градаціями кольорів, реклами, а також для анімації. Але він не підходить для фотографій, оскільки займає багато місця.

Зміна розміру зображень означає, як я думаю, ви вже зрозуміли, зміну розмірів. Ми не будемо робити їх більшими, а меншими. Наскільки маленькими ми їх робимо? Ну, приблизно 400 або 500 пікселів, я кажу, це дуже добре.

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

Далі я покажу вам, як зробити це змінення розміру за допомогою безкоштовної програми редагування фотографій, про яку ми вже говорили раніше: Gimp Я віддаю перевагу цій програмі, оскільки її порівняно набагато легше вивчати, ніж Photoshop, вона безкоштовна і пропонує приблизно однакову якість. Незалежно від того, які програми для редагування фотографій ми використовуємо, важливо зробити розмір цього зображення, щоб наш веб-сайт міг рухатися якомога швидше.

Сподіваюся, вам сподобалась ця невеличка стаття, і якщо ви виявили її корисною, повідомте про це, щоб допомогти іншим! Все найкраще!