Зображення є елемент, який не може бути відсутнім у будь-якій мережі як би це просто не було, з різних причин:
Вони забезпечують естетичний дотик до основних сторінок, пропонують передих на читання між абзацами тексту, допомагають читачеві краще зрозуміти, що ви пояснюєте ваші статті, тощо.
Але є фактор, який ви повинні враховувати при завантаженні зображень на свій веб-сайт: їх розмір і вага.
Чим більше і важче фото, тим більше це вплине на швидкість завантаження сторінки. І ви вже знаєте, що чим довше потрібно завантаження, тим менше Google сподобається і негативно вплине на SEO позиціонування вашого веб-сайту.
Щоб цього не сталося, вам просто потрібно змінити розмір зображення, на випадок, якщо він занадто великий, і стиснути його щоб він важив менше
На щастя, змінити розмір та стиснути фотографії сьогодні досить просто, головним чином завдяки онлайн-компресори зображень - - які з’явились, щоб легко задовольнити цю потребу.
Хоча є і такі програми для зменшення розміру фотографій які можна встановити на ваш комп’ютер. Насправді, якщо у вас Windows, у вас за замовчуванням встановлена та, яка, безсумнівно, була з вами вже багато років ... Це не звучить як Paint? 😛
У цій статті я покажу вам кілька найкращих способів змінити розмір фотографій та стиснути зображення в Інтернеті - це комбінація, яка зробить ваш веб-сайт набагато швидшим, ніж якщо ви завантажите всі фотографії «без сідла».
І щось надзвичайно важливе: без втрати якості. Якби ні, то яке б це було задоволення?
Що ви тут знайдете?
Як змінити розмір зображення
Почну з пояснення, як зменшити розмір зображення, але спочатку я розповім, чому ви повинні це робити.
Уявіть, що ви хочете додати зображення, яке відповідає ширині публікації в блозі. Скажімо, ви налаштували свій шаблон так що вміст публікацій має ширину 800 пікселів, а ви завантажуєте фотографію шириною 1200 пікселів.
Очевидно, що, маючи налаштовану ширину 800 пікселів, WordPress робить зображення і відображає його з максимумом 800 пікселів, тому завантаження його шириною 1200 пікселів буде додавати «додаткове навантаження» без сенсу.
Найкраще було б зменшіть це зображення та завантажте його відповідного розміру, у випадку прикладу - 800 пікселів завширшки. Таким чином, вам вдається схуднути з фотографії, хоча це лише перший крок, який ви можете зробити, щоб повністю її оптимізувати.
Програми для зменшення розміру фотографій
Зараз ми побачимо кілька найкращих варіантів, які ви маєте, починаючи з настільних програм.
Як зменшити розмір фотографії за допомогою Paint
З міфічною Фарбою можна легко стискати фотографії. Вам просто потрібно відредагувати зображення за допомогою Paint, натиснути кнопку «Змінити розмір» і вибрати відсоток, який ви хочете зменшити, або пікселі, які ви хочете мати.
Як на зображенні вище, зображення буде зменшено до половини поточного розміру. Якщо ви віддаєте перевагу вказувати пікселі, які ви хочете, щоб вони мали, вам просто потрібно натиснути на "Пікселі" і написати потрібні цифри.
Як зменшити зображення за допомогою Photoshop
Photoshop - це інше програма для зменшення розміру фотографій що ви можете використовувати, якщо він встановлений.
Ви можете зробити це, вибравши шар зображення, який потрібно зменшити, і перейти до "Зображення - Розмір зображення ...".
Як і у програмі Paint, ви можете вибирати між відсотками та пікселями та писати потрібні цифри.
Як змінити розмір зображення в Інтернеті
Зараз ми побачимо кілька місць, де ви зможете зменшити розмір своїх фотографій в Інтернеті, не втрачаючи якості.
Зменште розмір фотографій в Інтернеті за допомогою reducefotos.com
Reducefotos.com це простий у користуванні та дуже інтуїтивно зрозумілий веб-сайт. Вам просто потрібно перетягнути зображення, яке потрібно зменшити, і натиснути "Змінити розмір".
З’являється рядок, який ви можете просунути вліво або вправо, щоб змінити розмір зображення, або, якщо хочете, ви можете безпосередньо записати його розмір у пікселях або вибрати відсоток, кратний 10.
Змінюйте розмір зображень в Інтернеті за допомогою webresizer.com
Ця сторінка це ще одна альтернатива зменшенню розміру ваших зображень. Для цього потрібно вибрати зображення та завантажити його за допомогою кнопки «Завантажити зображення».
У полі "Новий розмір" вам потрібно написати пікселі, які ви хочете мати на зображенні, вибравши ширину (ширину) або висоту (висоту).
Після написання натисніть кнопку «Застосувати зміни», і розмір буде змінено.
Змінити розмір зображення з WordPress
Якщо на ваш веб-сайт вже завантажено безліч зображень, зроблених за допомогою WordPress, поки не впадайте у відчай. Вам не потрібно завантажувати їх, щоб зменшити розмір кожного зображення та завантажувати знову.
На щастя, WordPress має вбудований редактор зображень, досить базовий, але достатній для того, щоб зменшити його розмір або навіть вирізати.
Ви можете редагувати їх на вкладці "Медіа" або зі сторінки або самого запису.
Вам просто потрібно натиснути кнопку «Редагувати зображення» (або схожу, залежно від того, де ви знаходитесь), і відкриється екран редагування.
У правій області ви побачите такі варіанти:
Як бачите, ви можете змінити розмір зображення, ввівши потрібні пікселі, або навіть обрізати його таким же чином або вказавши співвідношення сторін.
Таким швидким і простим способом ви можете зменшити розмір своїх зображень, не втрачаючи якості та не потребуючи жодної зовнішньої програми.
Як стиснути фотографії, щоб зменшити їх вагу, не втрачаючи якості
Отримавши потрібний розмір зображення, це зручно стисніть його, щоб зайняти якомога менше місця.
Стискання зображення зменшує нерелевантні дані на зображенні, а стиснення може бути втраченим або без втрат.
Ідеал, очевидно, зробити це без втрат. Тобто, усунення непотрібної інформації, не впливаючи на якість фотографії.
Як і у випадку зменшення розміру, існує кілька варіантів зменшення ваги зображення. Як із настільними програмами, так і з онлайн-компресором фото.
Програми для стиснення зображень
Існує кілька програм для стиснення фотографій, але я збираюся показати вам пару з них, щоб не робити статтю занадто довгою.
Як стиснути зображення за допомогою Photoshop
Як могло бути інакше, завдяки універсальності Photoshop Ви можете легко стискати свої фотографії.
Є кілька способів досягти хорошого результату, хоча варіант, який я використовую найбільше, такий: "Файл - Зберегти для Інтернету ..."
Його назва вже дає підказки, що він використовується для стиснення зображень для Інтернету 😉
У вікні, яке відкриється, ви можете вибрати формат, в якому ви хочете зберегти зображення, кількість кольорів, які ви хочете мати, якщо ви хочете зберегти його у форматі PNG, або якість від 1 до 100, якщо ви хочете зберегти його як JPG.
Маючи ці дані, в принципі, достатньо для досягнення хорошого результату оптимізації.
Якщо ви виберете занадто низьке число, ви ризикуєте поганою якістю, тому намагайтеся вибирати середні значення або йти на тестування, поки результат вас не влаштує.
Стискайте фотографії, не втрачаючи якості за допомогою FILEminimizer Pictures
FILE Зображення мінімізатора це програма для стиснення фотографій безкоштовно, яку ви можете завантажити з офіційного веб-сайту.
Використовувати його дуже просто, вам просто потрібно додати зображення, які ви хочете оптимізувати, і натиснути кнопку Оптимізувати файли.
Стискайте фотографії в Інтернеті
На черзі побачити деякі найкращі компресори файлів в Інтернеті, за допомогою яких можна стискати зображення без втрати якості.
Зменште вагу фотографій в Інтернеті за допомогою TinyPNG
TinyPNG Саме онлайн-компресор фотографій я використовую майже щоразу, коли хочу зменшити вагу своїх зображень.
Він простий і швидкий у використанні, а також ефективний. Все, що вам потрібно зробити, це перетягнути зображення, і TinyPNG подбає стискати його автоматично, не втрачаючи якості і дає вам можливість завантажити його безпосередньо.
Чудо, яке я рекомендую на 100%. Приймає формати PNG та JPG.
Стискайте фотографії в Інтернеті за допомогою Optimizilla
Optimizilla пропонує вам можливість вибрати якість стиснення за допомогою планки, яку можна ковзати вгору або вниз.
Як завжди, вам доведеться вибрати пункт, де якість не сильно втрачається, на щастя, ви можете бачити, як буде виглядати зображення, коли ви зсуваєте планку, тому йому буде важко вийти з неякісною.
Крім того, програма виявляє який би був відповідний рівень і він автоматично переміщує смужку туди, де він вважає, що вона повинна бути, тому вам навіть не потрібно її торкатися, якщо ви цього не хочете.
Стискайте зображення за допомогою плагінів WordPress
Ну, припустимо, що, як і раніше, у вас є безліч зображень, завантажених на ваш веб-сайт без стиснення, і ви не хочете завантажувати їх по одному, щоб зменшити їх вагу.
Ви вже бачили, як змінити розмір кожного зображення за допомогою редактора, який приносить WordPress, і зараз ми побачимо, як зменшити його вагу.
Є кілька плагінів, які роблять це легко, а деякі працюють краще за інші. Тож давайте подивимось на деякі найкращі, що існують і які ви можете завантажити зі сховища WordPress.
WP Smush - Один із найкращих для стиснення фотографій
WP Smush (стиснення та оптимізація зображень Smush) - це досить повний плагін для оптимізації ваших зображень, завантажених на ваш веб-сайт. Він, мабуть, також є найбільш відомим і використовується для цієї мети.
У своїй безкоштовній версії він дозволяє оптимізувати їх усі відразу, не втрачаючи якості, хоча він має платну версію, яка пропонує кращу та більшу компресію та кілька інших цікавих опцій.
Він служить для стиснення зображень JPG, PNG та GIF.
В принципі, з безкоштовною версією вам достатньо, щоб достатньо зменшити вагу.
До речі, цей плагін також відповідає за стискання зображень, які ви завантажуєте на свій веб-сайт у майбутньому. Хоча я волію стискати їх перед завантаженням і тим самим економити, встановивши плагін.
EWWW Image Optimizer
Ще одним відомим плагіном, який використовується для стиснення фотографій, вже завантажених на ваш веб-сайт, є EWWW Image Optimizer. В основному це працює дуже схоже на те, що ми щойно бачили, це компресор зображень, який зменшує вагу вашої медіатеки та інших куточків вашого веб-сайту, не втрачаючи якості.
Він також відповідає за стискання фотографій, які ви розміщуєте апостеріорно на своєму веб-сайті, але я кажу вам те саме, що і раніше, краще оптимізуйте їх до цього, і тим самим ви заощадите, встановивши плагін.
Є більше плагінів для стиснення зображень, які ви маєте в WordPress в Інтернеті, але з цими двома ви вже переповнені, хоча я не кажу, що інші погані.
Завершення
Як бачите, вам не бракує інструментів, щоб зменшити розмір ваших зображень і стиснути їх, щоб вони не важили так багато. Є більше програм, які дають хороші результати, але з ними вам буде достатньо.
Якщо ви зробите ці кроки з кожним зображенням, яке ви завантажуєте на свій веб-сайт, ви отримаєте дуже хороша оптимізація і ви уникнете збільшення часу завантаження ваших сторінок.
І до речі, якщо ви не знаєте, звідки взяти зображення для вашого блогу, рекомендую поглянути на них Безкоштовні банки зображень із високою роздільною здатністю.
Звідти я беру майже всі фотографії, які завантажую, але, звичайно, перед їх завантаженням стискаю їх по максимуму методами, які я пояснив у цій статті.
Що ви робите для максимальної оптимізації ваших зображень?
Втомившись втрачати роботу через непотрібних начальників і сьогоднішні сумні перспективи роботи, я встав і не надіслав більше жодного резюме. Я розробив веб-сайт вашого життя з метою здійснення моєї мрії, а не залежно від того, яка компанія вирішує, мати мене у своєму штаті чи ні, а також допомогти вам розробити свій веб-сайт таким чином, щоб ви досягли того ж. Facebook | Twitter