Պատկերները օպտիմալացնելու 6 եղանակ՝ ավելի լավ վեբ կատարման համար

Մարդիկ տեսողական արարածներ են, և հետազոտությունները հաստատում են այդ փաստը: Ընդամենը երեք օր հետո տեքստի պահպանման տոկոսադրույքները գտնվում են ընդամենը 10%-20%-ի սահմաններում: Բայց պատկերների համար պահպանման մակարդակը կարող է հասնել մինչև 65%: Ուղեղը ստանում է տեսողական տեղեկատվության 90%-ը և այն մշակում 60000 անգամ ավելի արագ։ Անկասկած, վիզուալները կարևոր դեր են խաղում վեբ կայքի ներգրավման գործում:

Սակայն դա շատ ավելին է պահանջում, քան պարզապես որոշ պատկերներ ընտրելը և դրանք տեղադրել ձեր կայքի շուրջ: Ծանր պատկերները սպառում են մեծ թողունակություն՝ դանդաղեցնելով էջի բեռնման արագությունը: Որոնման համակարգերը կնկատեն դանդաղ կատարումը և կտուգանեն ձեզ ցածր վարկանիշով:

Պատկերի օպտիմիզացումը վերաբերում է ցանկացած քայլին, որը դուք ձեռնարկում եք՝ նվազեցնելու ֆայլերի չափը, ձևաչափը կամ լուծումը: Դուք կարող եք դա անել՝ չվնասելով նկարների որակը:

Եկեք ստուգենք ձեր որոշ նկարներտարբերակներ:

Մարկետինգային արշավի նկարազարդում` Դիմակ Դաքսինայի կողմից

1. Սկսեք պատկերների օպտիմալացման աուդիտից

Պատկերի օպտիմալացման աուդիտը կտրամադրի համապատասխան տեղեկատվություն այն մասին, թե որտեղ եք պետք կատարելագործվել:

Օրինակ, աուդիտը կարող է ցույց տալ, որ դուք չափազանց շատ պատկերներ ունեք: Այն նաև ցույց կտա ձեր պատկերի ձևաչափումը և թույլ կտա որոշել գործողությունների հաջորդ ընթացքը: Օրինակ, ֆայլի ձևաչափերը հեռացնելը կամ փոխելը կարող է զգալիորեն բարելավել էջի բեռնման արագությունը:

2. Ընտրեք պատկերների ճիշտ ձևաչափը

Պատկերի ֆայլերը տարբեր ձևաչափերով են: Սրանք վեբ հավելվածների համար պատկերի ձևաչափերի երեք ամենատարածված տեսակներն են, որոնք դուք պետք է իմանաք.

• PNG-ն ունի շատ բարձրորակ պատկեր լինելու առավելությունը: Ցավոք, դրան հասնելու համար ֆայլի չափը շատ մեծ է: Նրանք լավ են աշխատում պարզ պատկերների և լոգոների համար և թույլ են տալիս սեղմել առանց կորուստների:
• JPEG-ները ամենատարածվածն են կայքերի մեծ մասում: Նրանք հիանալի են բարդ, գունագեղ պատկերների համար: Այնուամենայնիվ, դուք պետք է զգույշ լինեք JPEG պատկերները սեղմելիս, քանի որ պարզության կորուստը կարող է հանգեցնել, այնքան փոքրանում է պատկերը: Ոմանք սա անվանում են կորուստներ:
• GIF-ն աշխատում է անիմացիաների, փոքր պատկերակների և ցածր ռեզոնանսի պատկերների համար: Այն թույլ է տալիս առանց կորուստների սեղմել, բայց դուք կարող եք օգտագործել միայնմինչև 256 գույներ:

Պահպանել պատկերակները Անդրեաս Ստորմի կողմից

3. Չափափոխեք և սեղմեք պատկերները

Դուք կարող եք նկատել, որ պատկերները կարծես թե քիչ առ քիչ բեռնվում են: Որոշ ժամանակ կանցնի, մինչև կհասցնեք տեսնել ամբողջական պատկերը. նշան, որ նկարները, հավանաբար, չափազանց ծանր են: Չափափոխելը կամ սեղմելը կլուծի խնդիրը:

Օգտագործեք կտրման գործիքը պատկերների չափը փոխելու համար: Այն օգնում է նվազեցնել ֆայլի չափը, ինչը հանգեցնում է էջի բեռնման ավելի լավ արագության: Դուք ունեք տոննա գործիքներ, որոնք հասանելի են ձեր օգտագործման համար:

Պատկերների սեղմումն օգնում է նվազեցնել ֆայլի չափը: Բայց դուք կարող եք աղավաղել պատկերը, եթե այն շատ սեղմեք: Ցածր սեղմումը կարող է իդեալական լինել, եթե ցանկանում եք պահպանել նկարի որակը. սակայն դա էապես չի նվազեցնում չափը:

Սեղմումների տեսակները

Կան երկու հասկացություն, որոնք մենք արդեն նշեցինք վերևում` անկորուստ ընդդեմ սեղմման անկորուստ:

• Անկորուստ սեղմումը պահպանում է նկարի որակը` միաժամանակ հեռացնելով ավելորդ մետատվյալները:
• Կորուստ սեղմումը նվազեցնում է ֆայլի չափը` ազատվելով որոշ տարրերից: Դա կարող է վտանգել նկարի որակը: Այնուամենայնիվ, դուք կարող եք չնկատել տարբերությունը: Այսպիսով, այն դեռ կարող է լինել պատկերները սեղմելու հիանալի միջոց:

Նկարների ճիշտ խմբագրիչը կօգնի ձեզ որոշել, թե որն էսեղմումը լավագույնս աշխատում է ձեզ համար:

4. Շարժական առաջին պատկերի օպտիմիզացում

Ցանկացած քայլ, որը դուք ձեռնարկում եք, պետք է հետևի SEO-ի ռազմավարությանը, որն առաջինն է բջջային հեռախոսին, քանի որ Google-ն անցել է բջջայինի առաջին վարկանիշին: Ցանկացած շարժական սարքի վրա պատկերները պետք է լինեն նույնը, ինչ ցանկացած աշխատասեղանի սարքում: Նման սարքերի միջոցով ինտերնետ տրաֆիկի հսկայական քանակություն է գալիս:

Եթե օգտատերերը շարժական սարքերից օգտվելիս չեն զբաղվում լավ UX-ով, դուք կկորցնեք դրանք:

ASO օպտիմալացում Abbi_Kerimov-ի կողմից

5. Ֆայլերի անունները և դրանց ազդեցությունը SEO-ի վրա

Պատկերի օպտիմալացումը նաև պահանջում է ուշադրություն դարձնել, թե ինչպես եք անվանում ֆայլերը: Ձեր կատարած բոլոր գործողությունները պետք է նպատակ ունենան բարելավելու տեսանելիությունը որոնման համակարգերում: Երբ վերբեռնում եք կամ լուսանկարում եք, սարքն ավտոմատ կերպով նրան կտա ֆայլի անուն: Այս անունը սովորաբար ներառում է պատահական կոդ կամ թվեր: Այն կարող է նմանվել 2224444.jpg:

Նկարն այնպես, ինչպես կա ձեր կայքում վերբեռնելը բոլորովին չի օգնի որոնման համակարգերին:

6. Մտածեք օգտագործել ծույլ բեռնումը

Պատկերների ծույլ բեռնումը ճիշտ այնպես, ինչպես ենթադրում է անունը: Փոխարենամբողջ պատկերը միանգամից բեռնվում է, այն մի տեսակ բացվում է: Պատկերը շարունակում է բեռնվել, որքան ավելի շատ առցանց այցելու ոլորում է էջը:

Ծույլ բեռնումը բացահայտում է միայն այն, ինչ տեղին է տվյալ պահին: Դուք կխնայեք թողունակության վրա, քանի որ չեք օգտագործի ավելորդ ռեսուրսներ:

Բեռնում... ըստ Dona

Վերջնական մտքեր

Վեբ կատարումը կարևորագույն վարկանիշային գործոն է, որն օգտագործում են որոնիչները: Google-ը կտուգանի ձեր կայքը, եթե էջի բեռնման արագությունը ցածր լինի:

Բազմաթիվ գործոններ որոշում են էջի արագությունը, իսկ պատկերի օգտագործման հրամանները վերին դիրքերից մեկն են: Եթե ​​դուք չեք օպտիմալացնում պատկերները, ձեր վեբ կատարումը կտուժի: Էջերը դանդաղ կբեռնվեն, և օգտագործողի փորձը և ներգրավվածությունը լավ չեն լինի:

Ընտրեք պատկերի ճիշտ ձևաչափը: Հաջորդը, օգտագործեք մեթոդներ, ինչպիսիք են չափափոխումը և սեղմումը, ֆայլի չափը նվազեցնելու համար: Պլանավորեք էջի կանոնավոր թեստեր և կայքի աուդիտներ՝ կայքի աշխատանքը ստուգելու համար: