17 начина за намаляване на размера и компресиране на снимки за вашия уебсайт
Неведнъж съм говорил с вас за важността на зареждането на вашия уебсайт възможно най-бързо, за да предотвратите умората на клиентите си от чакане и посещение на уебсайта на конкурента.
Има няколко фактора, които трябва да оптимизирате и които влияят върху скоростта на зареждане на уебсайт.
Сред тях едно, което считам за много важно, е, че всяко едно от изображенията на вашия уебсайт е правилно оптимизирано.
Днес искам да ви покажа 17 начина за намаляване на размера и компресиране на снимки за вашия уебсайт, така че никога повече да не имате проблема, че изображенията на вашия сайт отнемат вечно, за да бъдат показани на вашите потребители или потенциални клиенти (с последващия риск от че напускат точно толкова бързо, колкото са дошли).
Индекс на съдържанието
Какво е оптимизиране на изображения за мрежата?
Процесът на оптимизиране на изображението се състои в намаляване както на размерите (ширина и височина), така и на теглото (това, което заема в MB или KB) на тези, с цел времето за зареждане на вашия уебсайт да бъде възможно най-кратко.
Всичко това, разбира се, без да се влияе върху качеството на изображението (поне с просто око).
Безполезно е да намалявате размера или да компресирате снимките за уебсайта си, ако се виждат в лошо качество, което значително влошава вашето изображение или това на вашия бизнес.
Нека да видим това с по-практичен пример.
Представете си, че имате снимка с размери 4000 x 2000 пиксела с тегло 4 MB и искате да я поставите на вашия уебсайт.
Сега си представете също така, че в действителност това изображение на вашия уебсайт ще бъде с размер 300 х 150 пиксела.
Както можете да видите, разликата в размера (и следователно в теглото) е значителна.
Ако поставите изображението на уебсайта си с оригиналните размери, ще накарате компютъра на потребителя, който го посещава, да изтегли 4 MB, за да види снимка с размер 300 x 150 пиксела.
Тегло и време за изтегляне, което например за потребител, който ви посещава от смартфон, е истинско възмущение и непосилно потребление на данни.
Дори може да бъде за някой друг, който влиза в уебсайта ви от настолен компютър и нормална ADSL линия.
Звучи ли ви като да отидете в мрежата и че изображението се зарежда като „на парчета“ и много бавно?
Да не говорим, че изображението, като го намали толкова много по размер, без предварително да е оптимизирано, може да се изкриви.
Или, което е същото, губите качество визуално говорейки.
Лошо е да поставите много голямо изображение в много малък размер, както много малко изображение в много голям размер.
Както виждаш, компресирането на вашите снимки без загуба на качество е необходимо и съществено за успеха на вашия уебсайт.
Ако с всичко това, което ви казах, започнете да осъзнавате сериозния проблем с не намаляването на размера и теглото на всички изображения на вашите уеб страници, аз съм сигурен, че въпросът, който си задавате в момента, е следният.
Как мога да намаля размера на своите изображения и снимки?
За да оптимизирате изображенията или снимките на вашите уеб страници, по принцип имате три възможности.
1 # Програми за графичен дизайн или ретуширане на снимки
Има няколко програми (както платени, така и безплатни), с които можете да оптимизирате изображенията за вашия уебсайт по прост и ефективен начин.
С тях можете да установите необходимите измервания за всяка снимка, която искате да вмъкнете във вашия проект.
Но това не е най-доброто. Има още едно интересно нещо.
Тези програми, като общо правило, имат опция, наречена „Запазване за мрежата“ (или друга с подобно име), която ще ви позволи значително да намалите теглото на изображенията, без практически да губите качество в зависимост от опциите за оптимизация, които сте искате да маркирате, преди да запазите.
2 # Онлайн инструменти за компресиране на снимки или изображения
Това решение се предлага от много и разнообразни сайтове, които можете да намерите онлайн и в които можете да изпълните тази задача, без да се налага да инсталирате какъвто и да е вид софтуер на вашия компютър.
Някои от тях са много пълни и предлагат широка гама от възможности за оптимизиране на вашите изображения или фотографии по много интуитивен, практичен и прост начин.
Разбира се, почти всички от тях са се фокусирали върху това да бъдат използвани от всякакъв тип потребители, независимо от знанията, които имат в този тип задачи за графичен дизайн или ретуширане на снимки.
3 # Приставки за оптимизиране на изображения в WordPress
За пореден път WordPress се появява в нашата помощ, за да изпълни необходима задача за почти всяка уеб страница в света.
Чрез инсталирането на определени приставки, програмирани за този прекрасен мениджър на съдържание, можете да оптимизирате вашите изображения, за да намалите размера им и да подобрите времето за зареждане на вашия уебсайт.
„Добре Хосе. Но имам нужда от нещо по-конкретно от тази обща класификация ".
Не се притеснявайте, няма да ви оставя с мед на устните.
Продължете да четете и ще откриете няколко инструмента (някои платени, а други безплатни), за да можете да компресирате размерите и теглото на вашите изображения.
АКТУАЛИЗИРАНЕ (24.01.2020). Освен инструментите, които ще намерите по-долу, Оставям ви видео обяснително как можете преоразмерете изображенията и компресирайте снимки, за да намалите както размера, така и теглото и че са идеални за вашия уебсайт.
Видеото включва възможността да го направите както с Photoshop, така и с един от инструментите, споменати по-долу, който е онлайн и напълно безплатен. Започнете от днес и не го оставяйте за утре!
Програми, безплатни онлайн инструменти и приставки, с които можете да компресирате снимки за вашите уеб страници
1 # Photoshop
Водещата програма за редактиране на снимки в света не може да липсва от този списък.
С Adobe Photoshop можем да намалим размера на всяка снимка или илюстрация, която искаме да представим на нашия уебсайт чрез опцията Image - Image size.