Առցանց JPG պատկերի սեղմում

Ի՞նչ է պատկերի սեղմումը:

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

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

Դուք կարող եք նվազեցնել էջի չափը՝ սեղմելով ձեր պատկերները;

Այսօր այս խնդիրը լուծելու համար կայքի նախապատմություն, կոճակներ և այլն: շատ վեբ պատկերներ կարող են պահվել մեկ պատկերի ֆայլում և ցուցադրվել վեբ էջերում CSS-ի օգնությամբ: Այնուամենայնիվ, շատ կայքերում հնարավոր է նաև ցուցադրել տարբեր նկարներ, օրինակ՝ նորությունների հետ կապված նկարներ լրատվական կայքում կամ ապրանքների նկարներ գնումների կայքում:

Այս դեպքում մենք գիտենք, թե ինչ պետք է անենք։ Նկարների չափը նվազեցնելու համար մենք պետք է հնարավորինս շատ օգտագործենք Կրճատման գործընթացի լուծումը պարզ է՝ սեղմել պատկերները: Սակայն դրա ամենամեծ թերությունը պատկերի որակի վատթարացումն է։

Պատկերները սեղմելու և դրանք տարբեր որակներով ստանալու բազմաթիվ հավելվածներ կան։ Հավելվածները, ինչպիսիք են Photoshop-ը, Gimp-ը, Paint.NET-ը, գրաֆիկական մշակման խմբագրիչներ են, որոնք մենք կարող ենք օգտագործել այս նպատակով: Նման գործիքների պարզ տարբերակները հասանելի են նաև առցանց: Գործիքը, որը ես ուզում եմ ձեզ ներկայացնել այս հոդվածում, առցանց գործիք է, որը մենք կարող ենք օգտագործել միայն այս աշխատանքի համար, այսինքն՝ սեղմել պատկերները՝ առանց որակը շատ նվազեցնելու:

Առցանց JPG պատկերի սեղմման պատկերի գործիքը, որը անվճար ծառայություն է Softmedal-ից, սեղմում է ֆայլերը լավագույն ձևով՝ առանց դրանց որակի վատթարացման: Թեստերում նկատվում է, որ վերբեռնված պատկերները կրճատվել են 70%-ով՝ որակի գրեթե ոչ մի վատթարացումով։ Այս ծառայության միջոցով դուք կարող եք սեղմել ձեր ունեցած նկարները վայրկյանների ընթացքում՝ առանց ծրագրի անհրաժեշտության, առանց ձեր նկարների որակը նվազեցնելու։

Առցանց պատկերների սեղմման գործիքը մի մեթոդ է, որը կարող եք օգտագործել JPG ընդլայնմամբ պատկերները սեղմելու համար: Կրճատեք պահեստի չափը՝ սեղմելով պատկերը: Այն հեշտացնում է Նկարի փոխանցումը և խնայում է նկար վերբեռնելու համար անհրաժեշտ ժամանակը: Պատկերները սեղմելու համար հասանելի են տարբեր գործիքներ: Պատկերի սեղմումը երկու տեսակի է՝ անկորուստ և անկորուստ:

Ի՞նչ է կորստի և անկորուստ պատկերի սեղմումը:

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

Ինչու՞ պետք է սեղմել պատկերները:

Մեծ չափի պատկերները կարող են բացասաբար ազդել ձեր վեբ էջի աշխատանքի վրա, ինչը վնասում է ձեր SEO վարկանիշին և օգտագործողի փորձին:

Համաձայն Google-ի հետազոտության՝ օգտատերերի մոտ 45%-ը շատ ցածր հնարավորություն ունի կրկին այցելելու նույն վեբ էջը, երբ նրանք վատ փորձ ունեն:

Մեծ պատկերները դանդաղեցնում են վեբ էջերի բեռնման ժամանակը: Կարող են փոքր ուշացումներ առաջանալ, որոնք առնվազն զայրացնում են ձեր վեբ էջի օգտատերերին: Վատագույն սցենարի դեպքում ձեր կայքը դառնում է ամբողջովին անհասանելի կամ անպատասխանատու:

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

Սա կարող է նաև ազդել ձեր դանդաղ էջի կատարողականի փոխակերպման մակարդակի վրա: Համաձայն «Dakine» կոչվող բացօթյա ապրելակերպի ֆիրմայի տվյալների՝ էջերը, որոնք ավելի արագ են բեռնվում, ավելացրել են իրենց բջջային հեռախոսների եկամուտը մոտ 45%-ով։ Նրանց կիրառած մեթոդներից մեկը վեբ էջերում պատկերների օպտիմալացումն է:

Ավելի փոքր չափի պատկերները նույնպես դրական են ազդում ձեր բաժանորդագրության գործընթացի վրա: Մի խոսքով, նրանք չեն ուտում իրենց ռեսուրսները և այդպիսով օգնում են ձեզ գումար խնայել:

Դա պայմանավորված է նրանով, որ այն օգնում է ձեզ խնայել տարածքը, որտեղ պահվում են մանրապատկերները և նվազեցնել թողունակության օգտագործումը: Եթե ​​դուք ունեք ընդհանուր հոսթինգ պլան, և ձեր կայքը ունի շատ պատկերներ, սա մեծ խնդիր է ձեր և ձեր կայքի համար:

Բացի այդ, այն կարող է ավելի արագ լինել, երբ օպտիմիզացնում եք ձեր վեբ էջի կրկնօրինակ պատկերները:

Ձեր պատկերները սեղմելիս պետք չէ անհանգստանալ դրանց որակի համար: Մեթոդները, որոնք մենք նկարագրելու ենք, ունեն տեխնիկա, որը մշակվել է ձեր պատկերային ֆայլերում ավելորդ տեղեկատվությունը մաքրելու համար:

Առցանց JPG պատկերի սեղմում

Ինչպե՞ս կարող ենք կրճատել նկարների չափերը՝ չվնասելով դրանց որակին: Ինչպե՞ս նվազեցնել JPEG-ի չափը, նվազեցնել լուսանկարի չափը, նվազեցնել պատկերի չափը, նվազեցնել jpg ֆայլի չափը: Այս բոլոր հարցերին պատասխանելու համար մենք կխոսենք պարզ համակարգի մասին, բայց նախ և առաջ մենք կցանկանայինք նշել, որ դուք պետք է սահմանեք այն պատկերները, որոնք ցանկանում եք օգտագործել առավելագույն չափի, ըստ ձեր կայքի ներկայիս վիճակի: . Եկեք նայենք, թե ինչ է սա նշանակում. Դուք կավելացնեք պատկեր ձեր բլոգի էջում, և ձեր կայքի տեքստային տարածքը կսահմանվի 760px: Եթե ​​այս պատկերը պարունակում է միայն պատմվածք, և ձեզ հարկավոր չէ պատկերի մեծ չափսը, որը ցանկանում եք վերբեռնել, իմաստ չունի վերբեռնել այս պատկերը չափազանց մեծ չափերով, ինչպիսիք են 3000 - 4000px:

Ի՞նչ է կորուստով պատկերի սեղմումը:

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

Այս տեխնիկան կարող է մեծապես սեղմել բնօրինակ պատկերը՝ միաժամանակ վտանգելով դրա որակը: Ձեր պատկերի չափը կարող է բավականին փոքր լինել, բայց ձեր պատկերը կդառնա պիքսելացված (որակի անկում): Հետևաբար, լավ կլինի ունենալ պահեստային ֆայլ՝ նախքան այս գործընթացին անցնելը:

GIF և JPEG ֆայլերը նշվում են որպես կորուստներով պատկերի սեղմման մեթոդների լավագույն օրինակներ: JPEG-ները ոչ թափանցիկ պատկերների լավ օրինակ են, մինչդեռ GIF-ները լավ ընտրություն են անիմացիոն պատկերների համար: Այս ձևաչափերը բավականին լավ են այն կայքերի համար, որոնց բեռնման ավելի արագ ժամանակ է հարկավոր, քանի որ դուք կարող եք հարմարեցնել որակն ու չափը՝ ճիշտ հավասարակշռությունը գտնելու համար:

Եթե ​​դուք օգտագործում եք wordpress գործիքը, այն ավտոմատ կերպով կաջակցի ձեզ սեղմել JPEG ֆայլերը՝ դրանք մեդիա գրադարան տեղափոխելիս: Այս պատճառով, Wordpress-ը կարող է ցույց տալ ձեր պատկերները ձեր կայքում մի փոքր պիքսելացված վիճակում:

Լռելյայնորեն, ձեր պատկերների չափը կնվազի 82%-ով: Դուք կարող եք ավելացնել տոկոսը կամ անջատել այս հնարավորությունը: Այս մասին մենք կխոսենք մի պահ:

Ի՞նչ է պատկերի անկորուստ սեղմումը:

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

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

Անկորուստ սեղմման այս տարբերակը հարմար է թափանցիկ ֆոն ունեցող և տեքստային բովանդակությամբ պատկերների համար: Եթե ​​այն ձևաչափված է առանց կորուստների սեղմման տարբերակի միջոցով, այն կհայտնվի որպես BMP, RAW, PNG և GIF:

Ո՞րն է ավելի օգտակար:

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

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

Կորուստ պատկերի սեղմում WordPress-ի միջոցով

Եթե ​​դուք օգտագործում եք Wordpress-ը և նախընտրում եք կորուստներով պատկերի սեղմում, Wordpress-ն ունի դա ավտոմատ կերպով անելու գործառույթ: Եթե ​​ցանկանում եք սահմանել տոկոսը, կարող եք փոխել արժեքները կամ խաղալ կոդերի հետ:

Հիշեք, որ այս մեթոդը երբեք չի ազդի ձեր կայքում առկա պատկերների վրա:

Դուք պետք է վերարտադրեք յուրաքանչյուրը այնպիսի հավելվածի օգնությամբ, ինչպիսին է Regenerate Thumbnails-ը:

Որպես այլընտրանք, եթե կարծում եք, որ սա գործնական միջոց չէ, պատկերի սեղմման համար խրոցակի օգտագործումն ավելի անվտանգ կլինի, քան մյուս մեթոդները: Այժմ մենք կխոսենք Imagify կոչվող հավելվածի մասին։

Պատկերի սեղմում Imagify մեթոդով

Imagify-ն օգնում է ձեզ ավելի արագ դարձնել ձեր վեբ էջը՝ ավելի թեթև պատկերներով, մինչդեռ այն տատանվում է ըստ ձեր կարիքների:

Այս փլագինը ոչ միայն ավտոմատ կերպով օպտիմիզացնում է ձեր վերբեռնած բոլոր մանրապատկերները, այլև օգնում է ձեզ սեղմել պատկերները:

Եթե ​​սկսեք օգտագործել այս փլագինը, կտեսնեք 3 օպտիմիզացման մակարդակ:

Սովորական. այն կօգտագործի պատկերի սեղմման ստանդարտ տեխնիկա, որն առանց կորուստների է, և պատկերի որակն ընդհանրապես չի ազդի:

Ագրեսիվ. այն կօգտագործի ավելի հզոր կորուստով պատկերի սեղմման տեխնիկա, և կլինի փոքր քանակությամբ կորուստ, որը դուք կարող եք չնկատել:

Ուլտրա. Այն կօգտագործի ամենահզոր կորստի սեղմման տեխնիկան, բայց որակի կորուստը ավելի հեշտ կնկատվի:

Այն նաև օգնում է սպասարկել և փոխակերպել Imagify WePs պատկերները: Այն Google ընկերության կողմից մշակված պատկերի նորագույն ձևաչափերից է: Այս պատկերի ձևաչափը և՛ մեծապես նվազեցնում է ֆայլի չափը, և՛ առաջարկում է բարձրորակ պատկերներ:

Պետք է նաև նշել, որ WordPress-ում պատկերները սեղմելու համար կան բազմաթիվ այլընտրանքային հավելումներ, ինչպիսիք են WP Smush-ը և ShortPixel-ը: