wellaggio

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

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

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

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

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

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

Защо трябва да намалим размера на изображенията на нашия уебсайт?

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

„Оптимизирането на теглото на изображенията подобрява времето за зареждане на нашия уебсайт или блог и помогнете да подобрите позиционирането си "

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

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

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

Удобно е да проверите как работи вашият уебсайт, направете a тест за скорост към вашия уебсайт. Препоръчвам ви да използвате инструмента PageSpeed ​​Insights на Google.

Една от препоръките, които всички тестове за скорост дават, е оптимизиране на изображенията чрез намаляване на техния размер.

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

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

Как да използвате и оптимизирате изображение за вашия уеб сайт?

1. Размер на изображението

Размерът на изображението е размерът в пиксели на снимката. Ако за статията ви е необходимо изображение с размери 300 × 300 px, не използвайте по-голяма снимка и след това намалете нейния размер в същата статия.

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

2. Формат на изображението

Двата най-важни формата, използвани в уеб дизайна, са 2: jpeg и png.

Как да използвате всеки формат за компресиране на изображения е много прост.

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

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

3. Име на файла

Да, името също е важно. Помощ за позиционирайте се в търсачката от изображенията в Google. Не е същото да имате снимка с името ciudad-1354.jpg като barcelona-noche.jpg. Само като погледнете името, единият ви казва повече от другия.

Е, всичко това е добре, но Как да получа изображенията, оптимизирани на моята уеб страница?

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

1) Smush.it

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

две) Компресор.io

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

Той е много лесен за използване и ви позволява да качвате до 10 Mb снимки и да избирате вида на компресията. Можете да намалите размера на снимката без загуба на качеството на изображението (по-ниска компресия) или със загуба (по-висока компресия).

3) Малко PNG

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

4) Web Resizer

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

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

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

6) Optimizilla

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

Какво ще кажеш? Лесно е да намалите теглото на изображенията на вашия уебсайт?

И последно нещо, винаги не забравяйте да проверите лицензите на изображенията, които използвате в статиите си. Дори ако използвате изображения с Лицензи на Creative Commons, винаги цитирайте източника.

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

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