6 būdai, kaip optimizuoti vaizdus, kad jie geriau veiktų internete

6 būdai, kaip optimizuoti vaizdus, kad jie geriau veiktų internete
Rick Davis

Žmonės yra vizualūs sutvėrimai, ir tai patvirtina moksliniai tyrimai. Po trijų dienų teksto išsaugojimo rodikliai siekia tik 10-20 %, o paveikslėlių - net 65 %. 90 % vaizdinės informacijos smegenys gauna ir apdoroja 60 000 kartų greičiau. Be jokios abejonės, vaizdinė informacija atlieka lemiamą vaidmenį įtraukiant į svetainę.

Tačiau tam reikia daug daugiau nei tik parinkti keletą paveikslėlių ir išdėlioti juos svetainėje. Dideli paveikslėliai sunaudoja daug duomenų srauto pralaidumo, todėl sulėtėja puslapio įkėlimo greitis. Paieškos sistemos pastebės lėtą veikimą ir nubaus jus už žemą reitingą.

Mūsų straipsnyje rasite šešis skirtingus būdus, kaip optimizuoti vaizdus, kad 2021 m. žiniatinklio našumas būtų geresnis.

Paveikslėlių optimizavimo patarimai, kaip pagerinti žiniatinklio našumą

Tarkime, kuriate svetaines ne pelno organizacijoms ir mėgstate naudoti daug paveikslėlių savo darbui pristatyti. Donorai, rėmėjai ir kiti suinteresuotieji subjektai naudoja tokią informaciją kaip pagrindą tolesnei paramai. Tačiau jei paveikslėlių neoptimizuosite, nukentės naudotojų patirtis ir įsitraukimas. Didžiausia problema bus lėtas puslapių įkėlimas ir atsako laikas.

Vaizdų optimizavimas - tai bet kokie veiksmai, kurių imatės siekdami sumažinti failų dydį, formatą ar skiriamąją gebą. Tai galite atlikti nepakenkdami vaizdų kokybei.

Patikrinkime kai kurias jūsų galimybes.

Rinkodaros kampanijos iliustracija - Deemak Daksina

1. Pradėkite nuo vaizdo optimizavimo audito

Atlikus vaizdų optimizavimo auditą bus pateikta svarbi informacija apie tai, ką reikia tobulinti.

Pradėkite nuo svetainėje esančių vaizdų inventorizavimo. Atitinkamais bandymais nustatysite problemas, kurias reikia spręsti.

Pavyzdžiui, auditas gali parodyti, kad turite per daug paveikslėlių. Jis taip pat parodys jūsų paveikslėlių formatus ir leis nustatyti tolesnius veiksmus. Pavyzdžiui, pašalinus arba pakeitus failų formatus gali gerokai padidėti puslapio įkėlimo greitis.

2. Pasirinkite tinkamą vaizdų formatą

Vaizdų failai būna įvairių formatų. Štai trys dažniausiai pasitaikantys interneto programoms skirtų vaizdų formatų tipai, kuriuos reikia žinoti:

  • PNG privalumas - tai labai aukštos kokybės vaizdas. Deja, norint tai pasiekti, failo dydis yra labai didelis. Jie gerai tinka paprastiems paveikslėliams ir logotipams, be to, juos galima suspausti be nuostolių.
  • JPEG yra labiausiai paplitę daugumoje svetainių. Jie puikiai tinka sudėtingiems, spalvotiems vaizdams. Tačiau JPEG vaizdus reikia glaudinti atsargiai, nes kuo mažesnis vaizdas, tuo labiau gali sumažėti aiškumas. Kai kurie žmonės tai vadina nuostolingumu.
  • GIF tinka animacijoms, mažoms piktogramoms ir mažos skiriamosios gebos paveikslėliams. Jį galima suspausti be nuostolių, tačiau galima naudoti tik iki 256 spalvų.

Išsaugoti piktogramas pagal Andreas Storm

3. Pakeiskite vaizdų dydį ir suspauskite juos

Galbūt pastebėjote, kad paveikslėliai įkeliami po truputį. Praeis šiek tiek laiko, kol pamatysite visą paveikslėlį; tai ženklas, kad paveikslėliai tikriausiai yra per dideli. Pakeitus dydį arba suspaudus, problema bus išspręsta.

Atminkite, kad neturėtumėte įkelti jokių vaizdų, kol jų nesuoptimizavote. Kad kokybė būtų geriausia, siekite, kad failai būtų nuo 1 iki 2 MB dydžio.

Naudokite apkarpymo įrankį, kad pakeistumėte vaizdų dydį. Tai padeda sumažinti failo dydį, todėl puslapio įkėlimo greitis yra didesnis. Galite naudoti daugybę įrankių.

Vaizdų suspaudimas padeda sumažinti failo dydį. Tačiau per daug suspaudę vaizdą galite jį iškraipyti. Mažas suspaudimas gali būti idealus, jei norite išsaugoti vaizdo kokybę, tačiau jis nepadeda žymiai sumažinti dydžio.

Suspaudimų tipai

Jau minėjome dvi sąvokas: be nuostolių ir nuostolingas suspaudimas.

  • Suspaudimas be nuostolių išlaiko vaizdo kokybę ir pašalina nereikalingus metaduomenis.
  • Glaudinimas su nuostoliais sumažina failo dydį atsikratant kai kurių elementų. Dėl to gali nukentėti vaizdo kokybė. Tačiau skirtumo galite ir nepastebėti. Taigi tai vis tiek gali būti puikus vaizdų glaudinimo būdas.

Tinkamas paveikslėlių redaktorius padės nustatyti, koks suspaudimas jums tinka geriausiai.

4. Vaizdų optimizavimas pagal mobiliuosius įrenginius

Visi veiksmai, kurių imsitės, turi būti atliekami pagal "mobile first SEO" strategiją, nes "Google" perėjo prie "mobile first" reitingavimo. Vaizdai bet kuriame mobiliajame įrenginyje turi atrodyti taip pat, kaip ir staliniame kompiuteryje. Tokiais įrenginiais gaunama didžiulė interneto srauto dalis.

Jei naudotojai, naudodamiesi mobiliaisiais įrenginiais, nebus įtraukti į gerą UX, juos prarasite.

Apsvarstykite galimybę optimizuoti paveikslėlius, kad jie būtų pritaikyti mobiliesiems įrenginiams. Jei vaizdas gerai atrodo mažame ekrane, jis puikiai atrodys ir staliniame ar nešiojamajame kompiuteryje.

ASO optimizavimas pagal Abbi_Kerimov

5. Failų pavadinimai ir jų poveikis SEO

Optimizuojant vaizdus taip pat reikia atkreipti dėmesį į tai, kaip pavadinate failus. Visų atliekamų veiksmų tikslas turėtų būti pagerinti matomumą paieškos sistemose. Kai įkeliate arba fotografuojate nuotrauką, įrenginys automatiškai suteikia jai failo pavadinimą. Šį pavadinimą paprastai sudaro atsitiktinis kodas arba skaičiai. Jis gali atrodyti panašiai kaip 2224444.jpg.

Įkėlę nuotrauką į svetainę tokią, kokia ji yra, paieškos sistemoms visiškai nepadėsite.

Taip pat žr: Kaip naudoti "Pantone" 2021 metų spalvas savo dizaine Kad žiniatinklio naršyklėms būtų lengviau jus rasti, kiekvienam paveikslėliui suteikite aprašomąsias etiketes. Įtraukite svarbius raktažodžius, kurie suteikia informacijos apie jūsų verslą ar svetainę.

6. Apsvarstykite galimybę naudoti tingus krovimą

Tingus vaizdų įkėlimas yra būtent toks, kaip rodo pavadinimas. Vietoj to, kad visas vaizdas būtų įkeltas iš karto, jis tarsi išsiskleidžia. Vaizdas įkeliamas tuo labiau, kuo labiau interneto lankytojas slenka puslapiu žemyn.

Taip pat žr: Grafinio dizaino taisyklės, kurias reikia laužyti

Tingiai kraunant rodoma tik tai, kas tuo metu aktualu. Galiausiai sutaupysite duomenų srauto pralaidumo, nes nenaudosite nereikalingų išteklių.

Loading... pagal Dona

Galutinės mintys

Tinklalapio našumas yra labai svarbus paieškos sistemų reitingavimo veiksnys. "Google" nubaus jūsų svetainę, jei puslapio įkėlimo greitis bus mažas.

Puslapio greitį lemia daug veiksnių, o vaizdų naudojimas užima vieną iš pirmųjų vietų. Jei neoptimizuosite vaizdų, nukentės jūsų žiniatinklio našumas. Puslapiai bus įkeliami lėtai, o naudotojų patirtis ir įsitraukimas nebus geri.

Pasirinkite tinkamą paveikslėlio formatą. Paskui naudokite tokius metodus kaip dydžio keitimas ir glaudinimas, kad sumažintumėte failo dydį. Reguliariai planuokite puslapių testus ir svetainės auditą, kad patikrintumėte svetainės našumą.




Rick Davis
Rick Davis
Rickas Davisas yra patyręs grafikos dizaineris ir vizualinis menininkas, turintis daugiau nei 10 metų patirtį šioje pramonėje. Jis dirbo su įvairiais klientais – nuo ​​mažų startuolių iki didelių korporacijų, padėdamas jiems pasiekti savo dizaino tikslus ir pakelti savo prekės ženklą pasitelkdamas efektyvius ir įspūdingus vaizdus.Rikas, baigęs vizualiųjų menų mokyklą Niujorke, aistringai tyrinėja naujas dizaino tendencijas ir technologijas bei nuolat peržengia ribas, kas įmanoma šioje srityje. Jis puikiai išmano grafinio dizaino programinę įrangą ir visada nori pasidalinti savo žiniomis ir įžvalgomis su kitais.Be dizainerio darbo, Rickas taip pat yra atsidavęs tinklaraštininkas ir yra pasišventęs naujausioms grafinio dizaino programinės įrangos pasaulio tendencijoms ir raidai. Jis tiki, kad dalijimasis informacija ir idėjomis yra labai svarbus norint puoselėti stiprią ir gyvybingą dizaino bendruomenę, ir jis visada nori susisiekti su kitais dizaineriais ir kūrėjais internete.Nesvarbu, ar jis kuria naują logotipą klientui, eksperimentuoja su naujausiais įrankiais ir technikomis savo studijoje, ar rašo informatyvius ir įtraukiančius tinklaraščio įrašus, Rickas visada yra pasiryžęs atlikti geriausią įmanomą darbą ir padėti kitiems pasiekti savo dizaino tikslus.