намаляване

Неведнъж съм говорил с вас за важността на зареждането на вашия уебсайт възможно най-бързо, за да предотвратите умората на клиентите си от чакане и посещение на уебсайта на конкурента.

Има няколко фактора, които трябва да оптимизирате и които влияят върху скоростта на зареждане на уебсайт.

Сред тях едно, което считам за много важно, е, че всяко едно от изображенията на вашия уебсайт е правилно оптимизирано.

Днес искам да ви покажа 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.

След като размерът е конфигуриран и за да оптимизираме както теглото, така и качеството на изображението, което ще качим на нашия уебсайт, трябва само да кликнете върху File - Save for web, за да изберете формата, в който ще бъде запазен нашият оптимизиран файл или желаното качество въз основа на нашите интереси.

Не знам дали бихте искали да направя поетапно урок за това как да направя това и да се задълбоча в опциите, предлагани от опцията „Запазване за мрежата“. Ако е така, оставете ми коментар в този пост и ще го имам предвид за в бъдеще. 😉

Логично "но" на този софтуер е, че той е платен. Но ако не искате да похарчите нито едно евро за програма от този тип, следващото решение, което ви предлагам, може да ви помогне.

2 # Gimp

Друга програма, подобна на Photoshop, с тази разлика, че можете да я изтеглите от уебсайта й напълно безплатно.

Той има абсолютно същите опции, споменати по-горе в програмата Adobe, така че просто трябва да следвате същите стъпки като при Photoshop, за да имате идеално оптимизирани изображения.

3 # Web Resizer

Web Photo Resizer ни предлага пълна услуга за оптимизиране на изображения за нашия уебсайт ... и нещо друго.

От този онлайн инструмент можете не само да компресирате снимките, за да намалите времето за зареждане на вашия уебсайт, но има и други допълнителни опции като завъртане на изображението, промяна на експозицията, контраста или наситеността на тези и дори добавяне на граници на цвета, който искаш. искаш.

Без съмнение това е много пълен инструмент за намаляване на размера или компресиране на снимки.

4 # ReducePhotos.com

Друг много полезен онлайн инструмент, с който да компресирате снимки и да намалите размера им с възможност за експортиране в различни формати като JPG, PNG и дори PDF.

Той също така има голям брой допълнителни опции като изрязване, преоразмеряване, завъртане, обръщане, изчертаване на геометрични фигури или добавяне на текстове към нашите изображения.

5 # Оптимизатор на изображения

Изключително лесен за използване. Ето как тази друга онлайн програма може да бъде дефинирана, за да намали размера на изображенията на вашия уебсайт.

Всичко, което трябва да направите, е да качите снимката, да изберете желаното качество, максимална ширина и височина и да кликнете върху бутона, за да оптимизирате изображението, за да го изтеглите на вашия компютър.

Много просто, нали?

6 # TinyPNG

Този инструмент ни позволява от вашия уебсайт да качваме до 20 файла едновременно с максимум 5 MB всеки и да компресираме теглото им (не техните размери).

Въпреки че на пръв поглед може да изглежда малко ограничено, истината е, че със сигурност е един от най-мощните, които съществуват днес.

Това е така, защото той избирателно намалява количеството цветове в изображението, без да променя размерите му с тип компресия, наречен "загубен".

В допълнение, TinyPNG ви предлага възможност за изтегляне на безплатен плъгин за WordPress и платен такъв за Photoshop.

Какво друго ти трябва, за да започна да го използвам?

Разбира се, той е по-фокусиран върху PNG файлове. За JPEG вижте следното.

7 # TinyJPEG

От същите създатели като предишния инструмент, със същите възможности и само с една разлика: фокусиран върху JPEG файлове.

8 # Compressor.io

Друг инструмент за компресиране на снимки и изображения по супер прост, професионален начин и от вашия уебсайт, без да се налага да изтегляте или инсталирате каквато и да е програма на вашия компютър.

Имате възможност да експортирате до 4 формата (JPEG, PNG, GIF и SVG) и 2 вида компресия, наречени Lossless и Lossy.

Разликата между единия и другия е, че първият тип дава предпочитание за оптимизиране на качеството на изображението, въпреки че полученият файл е по-голям, докато вторият ви позволява да намалите размерите с до 90% на цената на качеството изображението намалява още малко.

9 # Smush.it

Вече ви разказвах за този инструмент преди ... помните ли?

Smush.it (или WP-Smush) е приставка за намаляване на размера или компресиране на снимки в WordPress. Със сигурност един от най-известните и използвани за тази задача днес.

Хубавото на този плъгин е, че всичко, което трябва да направим, е да го инсталираме на нашия уебсайт и само той ще извърши цялата работа по оптимизацията всеки път, когато качим изображение на нашия уебсайт.

Разбира се: намалява само теглото на въпросната снимка, но не и размерите.

10 # Kraken.io

Подобно на Compressor.io, Kraken ви позволява да компресирате снимките си между типовете компресия Lossless и Lossy.

Kraken.io улеснява тази задача за вас с различните си стратегии за преоразмеряване на изображенията, които качвате, както и ви позволява да зададете фиксирана ширина и височина, така че оптимизацията да е перфектна.

11 # ImageOptim

Това е програма за изтегляне за потребители на Mac и за да я използвате, трябва да я инсталирате на вашия компютър.

Лично аз не съм го пробвал, тъй като все още нямам оборудване на Apple. Но от това, което видях в интернет, това е много прост и мощен инструмент за компресиране на снимки.

Освен това е напълно безплатна. Какво повече може да искате?

12 # Свиване на O’Matic

Друга висококачествена програма за изтегляне за намаляване на размера и теглото на изображенията на вашия уебсайт.

Казвайки, че това приложение е от Adobe AIR, вече ни говори много за него.

Можете да преоразмерявате JPG, PNG и GIF снимки, освен че имате опции за завъртане, именуване или дори воден знак на изображенията, които оптимизирате.

13 # Dynamic Drive Optimizer

Това е изключително прост онлайн инструмент, но също така му липсват няколко опции, които имаме в други приложения.

С Dynamic Drive Optimizer можете да компресирате вашите снимки с тегло до 2,86 MB. Трябва само да заредите въпросното изображение и да изберете дали искате да го експортирате във формат GIF, PNG или JPG.

След като натиснете бутона за оптимизиране, инструментът ще ви даде компресираното изображение с различни качества.

Лошото е, че не можете да решите ширината и височината при компресиране на снимката и ще трябва да се адаптирате към това, което Dynamic Optimizer решава в това отношение.

14 # ConvertImage

Друг много лесен начин за компресиране на вашите изображения.

С ConvertImage ще трябва само да заредите снимката във вашето онлайн приложение и след това да изберете процента на компресия, който искате за нея.

Като недостатъци ще ви кажа, че не можете да изберете размерите на оптимизираното изображение или формата, тъй като ConvertImage ще експортира получените файлове само в JPG формат.

15 # PunyPNG

Въпреки че PunyPNG извършва много добра компресия на вашите JPG, PNG или GIF изображения, истината е, че лично той е един от тези, които ми харесват най-малко поради едно от неговите ограничения.

Този онлайн компресор на изображения, в своята безплатна версия и без регистрация, ни позволява да компресираме изображения с максимум ... 500 KB!

Без съмнение това е нещо, което го прави далеч зад другите опции, които вече споменах в тази статия. Въпреки че е вярно също така, че има Pro версия, която разширява своите функционалности.

16 # CompressNow

Това е инструмент за компресиране на снимки толкова лесно, колкото и полезно и практично.

Всичко, което трябва да направим, е да качим нашата снимка с тегло до 9 MB, да изберете желания процент на ниво на компресия и да кликнете върху бутона "Compress".

Тази онлайн услуга автоматично ще генерира напълно оптимизирано изображение с максимално разрешен размер въз основа на процента, който сте посочили и запазвайки пропорциите.

17 # Свиване на снимки

Пълен онлайн инструмент, който ви позволява да намалите размера на вашите снимки с много малка загуба на качество.

Той има многобройни опции за компресиране на снимки, които напълно се адаптират към вашите нужди.

Тези опции включват следното: изберете максималната ширина на снимката в пиксели или в проценти, възможността за прилагане на специални ефекти върху получения файл или определяне на крайната степен на качество на компресираната снимка.

До края…

Това са само някои от многото инструменти за намаляване на размера на снимките или компресиране на снимки, без да се губи практически никакво качество.

Разказах ви за тези, които познавам, но съм сигурен, че ако търсите в Google, ще намерите много повече, които напълно ще отговарят на всяка ваша нужда.

След като прочетох тази статия, съм сигурен, че изображенията или снимките на вашия уебсайт никога няма да отнемат вечно зареждане.

Знаете ли още инструменти, които според вас трябва да се появят в този списък?

Смейте да ми оставите вашия коментар малко по-долу и ние продължаваме да говорим.