Оптимизација на сликата во Агенцијата за дигитални занаети WordPress

Оптимизација на сликата во споредба со не-оптимизација на сликата

Оптимизацијата на сликата е процес на заштеда на простор без намалување на квалитетот на сликите. Процесот може да биде долг ако бројот на слики е голем и ако сликите „тежат“ многу. Иако процесот може да изгледа сложен, тој е прилично лесен. Во денешно време, технологијата напредуваше доста и сега процесот може да се автоматизира. За да ги оптимизирате сликите во WordPress, можете да користите додатоци и алатки што автоматски ги компресираат сликите. Тие обично ја намалуваат големината на сликите на 80% без да го изгубат визуелниот квалитет.

сликата

Оптимизираната слика може да биде помала до 75% од оригиналната, особено кога станува збор за слики за мрежното опкружување.

Препорачливо е да се оптимизираат сликите и ние ја исполнуваме оваа препорака и меѓу алатките што ја проверуваат брзината на вчитување на страниците и меѓу специјалистите.

Како работи оптимизацијата на сликата?

Во едноставни термини, процесот на оптимизација користи технологија што ги компресира сликите помагајќи да се намали просторот што го зафаќаат, без да забележи губење на квалитетот на човечкото око.

Придобивките од оптимизацијата

Најважните придобивки од оптимизацијата на сликата се следниве:

  • намалување на брзината на вчитување на страницата;
  • подобрување на резултатот за оптимизација;
  • подобрена конверзија на продажбата;
  • мала потрошувачка на користен простор;
  • мала потрошувачка на ширина на Интернет;
  • намалување на трошоците за хостирање и CDN;
  • побрзи грбови.

Освен за снимање, сликите се најтешките елементи на една веб-страница. Тие сочинуваат околу 21% од „тежината“ на една веб-страница.

Како што знаеме дека брзината на вчитување на некоја страница е важна и во процесот на оптимизација на пребарувачот (СЕО), оптимизацијата треба да ја направат сите. Без оглед на видот на страницата, оваа оптимизација може да ви помогне да успеете на Интернет. Според некои студии, задоцнување од една секунда при вчитување на страницата може да ве чини до 7% од продажбата, 11% од прегледите и 16% од задоволството на клиентот. Ако овие статистички податоци не се доволно важни за да започнете со работа, тогаш треба да знаете дека Google нуди повластен третман на брзи страници.

Како да заштедите простор со оптимизација на сликата?

Клучот за правилна оптимизација во смисла на користење слики на Интернет е да се најде рамнотежа помеѓу квалитетот и просторот. Треба да знаете дека не зборуваме за оптимизација на сликата воопшто. Посветени слики за филмови, албуми со слики и така натаму, не треба да се оптимизираат, бидејќи тие се користат офлајн. Сликите што се користат само на Интернет, прикажани на страниците, мора да бидат соодветно оптимизирани. Постојат три елементи кои имаат огромно влијание врз оптимизацијата:

  1. формат на слика (JPEG, PNG, GIF);
  2. компресија (повисоко ниво на компресија = помала датотека);
  3. димензии на сликата (висина и ширина);

Со избирање на совршена комбинација на овие три елементи, можете да ја намалите "тежината" на сликата до 80%;

Формат на слика

За повеќето сопственици на страници, има само три додатоци на слики кои се важни: JPEG (JPG), PNG, GIF. Изборот на правилен формат има важна улога во оптимизацијата.

Едноставно кажано, сакате да користите JPEG за повеќебојни слики, PNG за едноставни или про transparentирни слики во позадина и GIF за анимирани слики.

PNG е некомпресиран формат кој нуди врвен квалитет на сликата. Проблемот е што нивната големина е преголема. Од друга страна, JPEG е компресиран формат и малку го намалува квалитетот на сликата. Така, JPEG сликите заземаат помалку простор на серверот што ве хостира. GIF-ите користат само 256 бои и се компресирани слики. Тие се совршени за анимирани слики.

Траење

Постојат неколку нивоа на компресија на сликата. Секое ниво е дефинирано од алатката што се користи за компресија.

Повеќето уредници на слики како Adobe Photoshop, GIMP, Affinity Photo, On1 Photo имаат своја функција за компресија на слика.

Можете да зачувувате слики на вашиот компјутер и потоа да користите онлајн алатка како што се TinyPNG или JPEG Mini за лесна компресија.

Овие два методи ви помагаат да ги оптимизирате вашите слики пред да ги поставите на WordPress. Но, постојат и додатоци на WordPress кои ви помагаат да ги оптимизирате автоматски, откако ќе се вчитаат. Многу луѓе претпочитаат да ги користат овие додатоци. Овие вклучуваат Smush, Optimole, EWWW и Image Optimizer.

Димензии на слика

Нормално, кога увезувате фотографија од вашиот телефон или дигитален фотоапарат, таа има многу висока резолуција и многу голема големина. Овие фотографии имаат најмалку резолуција од 300 dpi и големини започнуваат од 2000 пиксели. Тие се совршени за печатење или за употреба на компјутер. Тие не се погодни за прикажување во мрежниот простор.

Намалувањето на големината (висина и ширина) автоматски ќе ја намали "тежината" на сликата. Можете да ја користите функцијата Resize со користење на уредник на слика на вашиот компјутер.

На пример, оптимизирав фотографија од 1,8 MB, резолуција од 300 DPI и 4900 x 3200 пиксели. Го избрав форматот JPEG за подобра компресија и ја сменив големината на фотографијата на 1200 x 795 пиксели, намалувајќи ја сликата на 103 KB. Изгубени се 94% од тежината на оригиналната фотографија.

Уредници и алатки за оптимизација на сликата

Претходно споменавме некои уредници на слики, но исто така и алатки преку Интернет и додатоци на WordPress кои можат да ги оптимизираат сликите. Препорачуваме да користите алатки кои ви помагаат да оптимизирате пред да испратите на WordPress. Ова заштедува простор побрзо на серверот што е домаќин на вашата страница.

Adobe Photoshop е најпопуларниот уредник на слики. Тоа е лиценциран, па затоа не е бесплатен. Неговата функција за компресија е да зачувува слики за да можат да бидат оптимизирани за мрежата. Едноставно користете ја специфичната функција за зачувување по што ќе изберете формат на слика и различни опции за квалитет доколку има за тој формат. Може да ги видите и димензиите, но и „тежината“ на сликата.

Gimp е уште еден популарен уредник на слики, веројатно најпопуларниот бесплатен уредник. Тоа е сакана алтернатива на Adobe Photoshop. Може да се користи за оптимизација на веб-слики, но нема толку опции како Фотошоп. Откако ќе ја отворите сликата во GIMP, треба да ја извезите како JPEG за да ја компресирате.

TynyPNG е бесплатна онлајн алатка која ви помага да ја намалите големината на PNG сликите. Само пристапете до страницата и испратете PNG или JPEG-датотеки за компресија. Исто така, има додаток на WordPress, но исто така и проширување за Adobe Photoshop на оваа услуга.

Погледнете го и упатството презентирано во статијата: Уредување слики со уредникот на WordPress.