Shtojcat e WordPress për kompresimin e imazhit. Optimizimi i imazheve në WordPress: heqja e atyre të panevojshme dhe kompresimi i pjesës tjetër

A po kërkoni për shtojcën më të mirë të kompresimit të imazhit të WordPress për faqen tuaj të internetit? Shtojcat e kompresimit e bëjnë të lehtë optimizimin e imazheve në WordPress për shpejtësi dhe performancë më të mirë të faqes. Në këtë artikull, ne krahasuam shtojcat më të mira të kompresimit të imazhit për WordPress.

Kur keni nevojë për një shtojcë për kompresimin e imazhit të WordPress?

Imazhet kanë përmasa të mëdha në krahasim me tekstin, që do të thotë se ngarkohen më shumë dhe mund të ngadalësojnë faqen tuaj.

Megjithatë, me siguri e keni dëgjuar thënien, “një foto vlen sa një mijë fjalë”. Imazhet e bëjnë përmbajtjen tuaj më tërheqëse dhe ndërvepruese.

Për të përmirësuar shpejtësinë e uebsajtit tuaj të WordPress, duhet të optimizoni imazhet tuaja për përdoruesit dhe motorët e kërkimit. Mënyra më e mirë për ta bërë këtë është të përdorni Photoshop ose softuer tjetër për redaktimin e imazheve përpara se të ngarkoni imazhin në WordPress. Kjo ju jep shumë më tepër kontroll mbi cilësinë e imazheve në faqen tuaj.

Megjithatë, jo të gjithë përdoruesit janë të kënaqur duke punuar me një program për modifikimin e imazheve. Po, dhe kërkon shumë kohë.

Për fat të mirë, ka disa shtojca të kompresimit të WordPress që mund t'ju ndihmojnë. Këto shtojca optimizojnë imazhet tuaja duke i ngjeshur automatikisht ato dhe duke shërbyer një version më të vogël në faqen tuaj të internetit.

Duke folur për këtë, le të hedhim një vështrim në shtojcat më të mira të kompresimit të imazhit të WordPress dhe mënyrën se si ato grumbullohen për sa i përket optimizimit, performancës dhe cilësisë së imazhit.

1. reSmush.it

Çmimi: Falas

reSmush.it është shtojca më e mirë e kompresimit të imazhit të WordPress. Kjo ju lejon të optimizoni automatikisht imazhet pas ngarkimit dhe gjithashtu ofron një opsion optimizimi në masë për imazhet më të vjetra.

Ai përdor reSmush API për të optimizuar imazhet dhe ju lejon të zgjidhni nivelin e optimizimit për ngarkimet tuaja. Ana negative është se nuk ka nivele të ndryshme kompresimi. Kjo gjithashtu kufizon optimizimin për shkarkime më të vogla se 5 MB. Ju mund të përjashtoni imazhe individuale nga kompresimi nëse keni nevojë të shtoni imazhin me madhësi të plotë.

Çmimi: Falas

EWWW Image Optimizer është një opsion i shkëlqyeshëm për një shtojcë të kompresimit të imazhit të WordPress. Është i lehtë për t'u përdorur dhe mund të optimizojë automatikisht imazhet që ngarkoni menjëherë. Ai gjithashtu mund të kompresojë dhe optimizojë imazhet tuaja të shkarkuara më parë në grupe.

Ai bën të gjithë kompresimin në serverët tuaj, që do të thotë se nuk keni nevojë të regjistroheni për një llogari për të marrë një çelës API. Ai gjithashtu mund të optimizojë imazhet e krijuara nga shtojcat e tjera të WordPress dhe të ruhen jashtë dosjeve të bibliotekës suaj të mediave. Shtojca nuk kërkon një llogari për t'u përdorur, por mund të abonoheni në API-në e saj për veçori shtesë.

3. Kompresoni JPEG & PNG

Çmimi: Falas

Kompresoni JPEG & PNG është krijuar nga ekipi TinyPNG dhe do t'ju duhet të krijoni një llogari për të përdorur shtojcën. Mund të optimizoni vetëm 100 imazhe çdo muaj me një llogari falas. Mund të kompresojë automatikisht imazhet pas ngarkimit dhe mund të optimizoni edhe imazhet e vjetra.

Cilësimet e shtojcave ju lejojnë të zgjidhni madhësitë e imazhit që dëshironi të optimizoni. Për më tepër, mund të vendosni gjithashtu një madhësi maksimale për shkarkimet fillestare. Pluginat më të mëdha se kjo madhësi do të ndryshohen automatikisht.

Çmimi: Falas

ShortPixel Image Optimizer është një tjetër shtojcë e dobishme për kompresimin e imazhit të WordPress. Kërkon që ju të merrni një çelës API duke dhënë adresën tuaj të emailit. Llogaria bazë falas ju lejon të kompresoni deri në 100 imazhe në muaj dhe do t'ju duhet të përmirësoni planet e tyre me pagesë për të rritur këtë kufi.

Fillon të kompresojë imazhet sapo aktivizoni shtojcën dhe ruani imazhet origjinale në një dosje të veçantë. Gjithashtu ju lejon të krahasoni skedarin origjinal me versionin e ngjeshur për të parë ndryshimin në cilësi. ShortPixel është i pajisur me veçori të avancuara dhe ju jep mundësinë të zgjidhni formate krahasimi.

5. WP Smush

Çmimi: Falas

WP Smush është një tjetër shtojcë e njohur për kompresimin e imazhit të WordPress. Kompreson automatikisht imazhet pas ngarkimit dhe mund të përdoret gjithashtu për të kompresuar dhe optimizuar skedarët e vjetër të imazheve. Ju gjithashtu mund të vendosni rezolucionin e imazhit në maksimum dhe imazhet tuaja do të tkurren në madhësi më të arsyeshme kur të kompresohen.

Versioni falas i shtojcës nuk kërkon që ju të krijoni një llogari për të përdorur çelësin e tyre API. Funksioni i optimizimit në masë ju lejon të optimizoni deri në 50 imazhe në të njëjtën kohë dhe mund të ridrejtoni optimizuesin në masë për të kompresuar më shumë imazhe.

Krahasimi dhe testet e shtojcave të kompresimit të imazhit

Tani që dini për opsionet e ndryshme të kompresimit të imazhit të WordPress, le të shohim se si ato krahasohen me njëri-tjetrin për sa i përket performancës.

Për ta matur këtë, ne kryem një provë duke ngarkuar të njëjtin imazh duke përdorur secilën prej këtyre shtojcave.

Ne përdorëm imazhin e mëposhtëm JPEG për testet tona, madhësia e skedarit është 118 KB .

Ne nuk kemi prekur asnjë cilësim shtesë. Këtu janë rezultatet tona:

Emri i shtojcës	Rezultati i kompresimit	Ruajtur (%)	Metoda e kompresimit
reSmush.it	76 KB	30,59%	Asnjë humbje
	112 KB	5%	Asnjë humbje
	114.7 KB	2,8%	me humbje
	69.2 KB	41,94%	me humbje
WP Smush	112 KB	5%	Asnjë humbje

Më pas donim të testonim imazhin PNG për të parë se si e optimizuan konkurrentët tanë.

Ne përdorëm imazhin e mëposhtëm PNG për testin dhe është 102 KB në madhësinë e skedarit.

Këtu janë rezultatet tona:

Emri i shtojcës	Rezultati i kompresimit	Ruajtur (%)	Metoda
reSmush.it	36 KB	63,8%	Asnjë humbje
	97,5 KB	1,9%	Asnjë humbje
	34,3	64%	me humbje
	37 KB	63,5%	me humbje
WP Smush	99 KB	2,9%	Asnjë humbje

Cila është shtojca më e mirë e kompresimit të imazhit për WordPress?

Nëse nuk po kërkoni opsione fleksibël në shtojcën tuaj të kompresimit të imazhit, atëherë reSmush.it ju jep rezultatet më të mira për sa i përket performancës duke bërë një ndryshim të vërtetë në madhësinë e skedarit të imazhit.

Nëse jeni të gatshëm të paguani për kompresimin e imazhit, mund të provoni ShortPixel, e cila funksionoi shkëlqyeshëm në testet tona.

është një shtojcë e shkëlqyer me cilësime fleksibël, por do t'ju duhet çelësi i tyre API me pagesë për të hyrë në nivelet e kompresimit, të cilat bëjnë një ndryshim të vërtetë.

Shpresojmë që ta keni gjetur të dobishëm këtë krahasim të shtojcave më të mira të kompresimit të WordPress.

Përshëndetje! Nuk është më një pyetje se çfarë duhet të optimizohet në një faqe interneti për "dashurinë e motorit të kërkimit" dhe çfarë mund të bëjë mirë. Realiteti është se gjithçka duhet të optimizohet (). Për më tepër, një gjë ngjitet me një tjetër, dhe të gjitha qindra rregullat e indeksimit dhe renditjes që funksionojnë në algoritmet e kërkimit janë ndërthurur prej kohësh në një lëmsh ​​të vetëm. Për shembull, fotot në një faqe interneti duhet të optimizohen.

Tre pjesë të optimizimit të imazhit të WordPress

Nëse shikoni atë të zgjeruar në internet, kjo mund të bëhet me çdo server të veçantë në internet, do të shohim që pjesa e luanit të kohës së ngarkimit është e zënë nga fotot e pa optimizuara.

Përveç ndikimit në shpejtësinë e ngarkimit, i cili tani monitorohet shumë nga afër nga motorët e kërkimit, mund të shtoni fjalë kyçe në foto që do të lexohen nga motorët e kërkimit dhe do të ndikojnë në pozicionin e artikullit sipas kërkesës. Le ta ndajmë optimizimin e fotografive të WordPress në tre pjesë:

• Optimizimi përpara se të shtoni foto në sit;
• Optimizimi kur shtoni foto në një artikull;
• Optimizimi masiv i fotove në faqen e internetit pa ngarkim.

Optimizimi i imazhit të WordPress (SEO) kur futni në një artikull, ankorat e imazhit

Kur shtoni një imazh në çdo sajt, mund të vendosni: spirancën e fotografisë (spirancën e lidhjes së fotografisë), përshkrimin, titullin dhe madhësinë e saj. Anchor ka një rëndësi të veçantë për motorët e kërkimit. Ankorimi i fotografisë specifikohet nga atributi alt.

Struktura e plotë HTML për shtimin e fotove në WordPress duket kështu.

Foto pa mbishkrim:

Me mbishkrimin e fotos:

Diçitura e fotos

Në WordPress, të gjitha atributet e fotografisë, përfshirë spirancën, vendosen në modalitetin vizual:

Atributet shtohen në modalitetin " " ose në modalitetin "Modifiko foton".

Rregullat për fotot e ankorimit

• Atributi alt (ankor) për një imazh duhet të jetë unik.
• Në një artikull, këshillohet që një spirancë fotografie (atribut alt) të përfshijë çelësin e drejtpërdrejtë (frazën kryesore) të artikullit.
• Nëse dëshironi të gjeneroni spiranca automatikisht, shkoni te Majento.ru(Majento merret si shembull dhe nuk pretendon të jetë unik) në gjeneratorin e ankorimit.

Konkluzioni 1

Sistemi WordPress e ka zgjidhur plotësisht çështjen e optimizimit të kodit të imazhit. Nëse dëshironi, mund të plotësoni vizualisht të gjitha atributet e nevojshme të imazhit që janë të rëndësishme për optimizimin e tij, dhe vetë sistemi do të vendosë madhësinë e fotografisë në etiketat:

Optimizimi i imazheve përpara se të shtohen në sajt

Optimizimi i imazheve duhet të fillojë përpara se ato të shtohen në sajt. Dhe gjëja kryesore është të zvogëloni madhësinë e fotografisë pa humbur cilësinë.

Programet për të zvogëluar madhësinë e skedarëve të imazhit do të vijnë në shpëtim në këtë çështje. Këtu janë disa rregulla:

• Fotot më të lehta në shtesën jpeg.
• Formati png dhe pamjet e ekranit në pnp janë më të rëndat.

Për të punuar me foto rregullisht, duhet të provoni disa programe dhe të zgjidhni disa prej tyre për punë të rregullt. Unë përdor programet e mëposhtme të redaktimit dhe kompresimit të fotografive:

• Mjet standard i Microsoft Office (ngjeshje e shkëlqyer kur ndryshoni madhësinë deri në 448x);

optimizimi i imazheve të WordPress duke përdorur Microsoft Office 2010

• Program i madh Shikues i shpejtë i imazheve prej guri(http://www.faststone.org/). Ky është një redaktues i shkëlqyer me aftësinë për të bërë kompresim të mirë të grupit dhe për të ndryshuar formatin e fotografisë;

Optimizimi i imazhit të WordPress me FastStone

• Programi (https://saerasoft.com/caesium/). Ky është një program falas me kompresim të shkëlqyeshëm të vetëm ose grupor të fotove në formatin jpeg.

Optimizimi i imazhit të WordPress me Cesium

• Unë rekomandoj programin (sourceforge.net/projects/nikkhokkho/files/latest/download). Ndryshe nga Ceasium, ky program në Windows do të kompresojë çdo format imazhi.

Konkluzioni 2

Ju duhet të kompresoni fotot përpara se t'i shtoni ato në faqen tuaj të WordPress.

Optimizimi i imazhit në masë për WordPress

Me WordPress, ju mund të optimizoni të gjithë bibliotekën tuaj të mediave të WordPress pa ngarkuar foto.

Për të optimizuar fotot e vendosura tashmë në bibliotekën e mediave të WordPress Ne përdorim shtojcën: EWWW Image Optimizer(testuar në versionin 4.4.2.). Shtojca është e thjeshtë, por ajo që funksionon përditësohet periodikisht. Shtojca Cloud (2) ju lejon të optimizoni fotot duke përdorur teknologjitë cloud dhe të kompresoni fotot pa ndryshuar formatin. Kjo shtojcë paguhet, 0,005 dollarë për foto deri në 1000 foto.

Instaloni shtojcën si standard, mund ta bëni nga paneli i WordPress në skedën Plugins→Shto të re→Kërko me emër.

Pas aktivizimit të shtojcës, ai është gati për të punuar, por mund të kaloni nëpër cilësimet (Cilësimet → EWWW Optimizer i imazhit janë në Rusisht, cilësimet e rrezikshme theksohen me fjalën "Vëmendje!". Nga rruga, ekziston një funksion për të riformatuar fotot nga png dhe gif në jpeg. Pas cilësimeve, hapni faqen e shtojcave dhe filloni procesin e optimizimit.

Pas ca kohësh, ne shikojmë rezultatet e kompresimit të fotografive. Vërej se unë i kompresoj gjithmonë fotot përpara sajtit, por shtojca EWWW Image Optimizer arrin të "shtrydhë" nga 5% në 20% nga çdo foto.

Përfundimi 3

WordPress, me ndihmën e një shtojce shtesë (plugins), ju lejon të optimizoni fotot e të gjithë bibliotekës së mediave të faqes në çdo kohë.

Siç mund ta shihni, optimizimi i imazheve të WordPress nuk është i vështirë. Nuk ka nevojë ta injoroni, sepse fotot janë arsyeja kryesore për një faqe interneti të ngadaltë. Përveç kësaj, ka disa këshilla të tjera për përdorimin e fotove në faqet e WordPress.

• Mundohuni të zgjidhni formatet e imazheve vektoriale. Cilësia e tyre nuk varet nga rezolucioni apo madhësia, prandaj duken të shkëlqyera në monitorë të mëdhenj dhe pajisje të ndryshme.
• Për burimet SVG: kompresoni ato, hiqni shënimin XML, kontrolloni cilësimin e kompresimit GZIP për skedarët SVG.
• Për foto raster: zgjidhni shkallën dhe formatin tuaj për fotot raster, shmangni GIF, kompresoni fotot përpara se t'i shtoni në sajt (), mos kini frikë të zvogëloni cilësinë e fotografisë, zvogëloni ngjyrën sa herë që të jetë e mundur (në mënyrë optimale 256 ngjyra), hiqni meta të dhënat e panevojshme (

Një nga arsyet kryesore për popullaritetin e WordPress është gama e tij vërtet e madhe e shtojcave për të gjitha rastet. Sot, ka shtojca që ju lejojnë të bëni pothuajse çdo gjë: futni butonat e mediave sociale, menaxhoni listat e postimeve, krijoni skedarë statikë HTML, etj. Ekziston një kategori e veçantë shtojcash të krijuara për të optimizuar blogun tuaj, veçanërisht për të rritur shpejtësinë dhe performancën e ngarkimit.

Kjo është veçanërisht e vërtetë për faqet me një numër të madh imazhesh - ato thjesht duhet të optimizohen. Për të parandaluar ngarkimin e faqes për një kohë të gjatë.

1. Hammy. Hammy optimizon përmbajtjen grafike të faqes tuaj. Shtojca gjeneron imazhe të madhësive të ndryshme bazuar në parametrat që specifikoni. Kur një përdorues hyn në faqen tuaj, Hammy shfaq automatikisht imazhe bazuar në cilësimet e specifikuara të madhësisë së imazhit (nganjëherë minimumi i lejuar).

   Kjo ndihmon që faqja juaj të ngarkohet më shpejt. Kjo është veçanërisht e vërtetë për përdoruesit që hyjnë nga pajisjet celulare. Hammy është i lehtë për t'u konfiguruar dhe mund të funksionojë në një nga tre mënyrat e disponueshme.

   
   

2. Ngarkesa Dembele. Duke përdorur shtojcën Lazy Load, procesi i ngarkimit të faqes kryhet si më poshtë: imazhet ngarkohen vetëm kur përdoruesi i sheh ato (nga pjesa e faqes e dukshme në ekran).

   Lazy Load është një nga shtojcat më të lehta për t'u konfiguruar. Mjafton ta instaloni dhe aktivizoni atë përshpejton ngarkimin e faqes pa krijuar ngarkesë të panevojshme në server.

3. Imsaniteti. Imsanity ndryshon përmasat e imazheve të ngarkuara nëse ato janë më të mëdha se sa specifikohet në cilësimet e shtojcave. Parametri i vetëm që duhet vendosur gjatë konfigurimit të shtojcës është madhësia dhe rezolucioni i imazheve të ngarkuara. Imsanity optimizon imazhet drejtpërdrejt gjatë ngarkimit në server. Është gjithashtu e mundur të përpunohen imazhet e shkarkuara më parë.

   
   

4. . HTTP 1.0 lejon deri në dy lidhje nga një domen. WP-PLS krijon nënfusha shtesë, të cilat ju lejojnë të shkarkoni skedarë prej tyre paralelisht. Shfletuesit marrin më shumë host për të shkarkuar përmbajtje. Kjo ju lejon të shkarkoni më shumë skedarë në të njëjtën kohë dhe faqja juaj funksionon më shpejt!
5. Optimizuesi i imazhit CW. Dëshironi të zvogëloni madhësinë e imazhit pa humbur cilësinë? Kjo punë është për shtojcën Image Optimizer. Edhe pse nuk është aq e lehtë për t'u instaluar dhe konfiguruar. CW Image Optimizer gjithashtu lejon përpunimin në masë nëse keni shumë imazhe në faqen tuaj që duhet të optimizohen.

   
   

6. Optimizuesi i imazhit EWWW. Kjo shtojcë gjithashtu zvogëlon madhësinë e imazhit pa humbur cilësinë. Është e lehtë për t'u përdorur, faqja e shtojcave ofron udhëzime të hollësishme dhe të qarta hap pas hapi për instalimin e saj. EWWW Image Optimizer përfshin gjithashtu një veçori të përpunimit të imazhit në grup.

   
   

7. Imazhe të përgjegjshme të PB. Imazhet e përgjegjshme PB rregullojnë në mënyrë interaktive imazhet që të përputhen me rezolucionin e monitorit të përdoruesit. Për më tepër, nuk keni nevojë të vendosni asnjë kod. Ju mund të rregulloni madhësinë e imazheve dhe shtojca do të modifikojë automatikisht sintaksën e kodit të imazhit. Kjo do të ndihmojë në optimizimin e faqes tuaj për përdoruesit që hyjnë në faqen tuaj nga pajisjet celulare.

   
   

8. WP Smush.it. Një shtesë që përdor shërbimet Smush.it të Yahoo për të optimizuar imazhet tuaja dhe për të zvogëluar madhësinë e tyre. Smush.it është një shtojcë mjaft e njohur dhe nuk kërkon ndonjë konfigurim shtesë.

   Thjesht instaloni dhe aktivizoni atë. Pas së cilës Smush.it do të optimizojë automatikisht çdo imazh të ngarkuar. Është gjithashtu e mundur të përpunohen disa imazhe në të njëjtën kohë.

   
   

9. Paralelizoje. Në përputhje me emrin, shtojca lejon shkarkimin paralel nga një burim. Kjo i jep shfletuesit domene të shumta për të shkarkuar skedarin. Kështu, rritja e shpejtësisë së ngarkimit të faqes Parallelize është mjaft e lehtë për t'u konfiguruar, megjithatë, nëse nuk jeni të sigurt në asnjë nga funksionet, është më mirë të lexoni me kujdes udhëzimet.

   
   

Përkthimi i artikullit " 9 shtojca të WordPress për të përmirësuar performancën e imazheve» u përgatit nga ekipi miqësor i projektit.

Mire keq

(Përditësimi i fundit: 21.10.2017)

Përshëndetje përsëri, të dashur miq! Unë vazhdoj një temë të rëndësishme: optimizoni automatikisht imazhet e WordPress ose le ta themi ndryshe, kompresoni imazhet e WordPress për të shpejtuar ngarkimin e faqes. Wow, kështu tingëllon. Zonja dhe zotërinj, nëse për ndonjë arsye nuk dëshironi ta përdorni programe dhe shërbime për kompresimin e imazhit, me të cilin i prezantova lexuesit e mi në këtë faqe, atëherë mund të drejtoheni te ndihmësit tanë - shtojcat.

Dhe kështu, takoheni dhe zgjidhni Shtojcat e WordPress për optimizim, ngjeshje imazhi pa humbje të cilësisë, “për çdo shije dhe ngjyrë”, çfarë ju përshtatet saktësisht. Të gjitha modulet e paraqitura përditësohen vazhdimisht, autorët kujdesen për krijimet e tyre.

OptiPic - kompresim automatik i imazhit pa humbje të cilësisë

Shërbimi OptiPic për kompresimin e imazhit

Ju mund të automatizoni reduktimin/ngjeshjen e imazhit në WordPress duke përdorur një shtojcë nga shërbimi OpticPic:

Lidhja e thjeshtë e OptiPic me sitin zgjat fjalë për fjalë 2 minuta;
- Shërbimi funksionon me autopilot të plotë - shfaqja e imazheve të reja (ende të pakompresuara) monitorohet vazhdimisht;
- Puna me OptiPic është e sigurt - përpara se të optimizoni çdo imazh, krijohet automatikisht një kopje origjinale;
- Ekziston një funksion për të zvogëluar madhësinë e imazheve (ridimensioni);
- Ekziston një program filial ku mund të fitoni deri në 40% nga klientët e tërhequr;
- Shërbimi mbështet jo vetëm sajtet në WordPress, por edhe çdo sajt në PHP (çdo CMS, kornizë apo edhe një sajt të shkruar vetë).

Mund të lidhni shtojcën WordPress për kompresimin automatik të imazhit në faqen e internetit OptiPic.io. Pas instalimit të shtojcës WordPress, imazhet do të reduktohen automatikisht. Moduli do të gjejë imazhe të disponueshme dhe do të optimizojë madhësinë e tyre pa humbur cilësinë. Shtojca e kompresimit të imazhit funksionon me formatet më të njohura të imazhit. Udhëzime video për instalimin dhe konfigurimin e modulit - https://www.youtube.com/watch?v=Qz6pJDfsKX8.

Optimizoni automatikisht imazhet JPEG dhe PNG me TinyPNG

E njihni foton? Po, keni të drejtë, ky modul është nga shërbimi i njohur dhe popullor online TinyPNG. Tani edhe për përdoruesit e WordPress - optimizimi i imazheve në faqe automatikisht me TinyPNG. Ky plugin optimizon automatikisht imazhet tuaja duke u integruar me shërbimin e kompresimit të imazhit TinyJPG dhe TinyPNG. Mesatarisht, imazhet JPEG kompresohen me 40-60%, dhe imazhet PNG me 50-80%, pa ndonjë humbje të dukshme të cilësisë. Faqja juaj do të ngarkohet më shpejt për vizitorët tuaj dhe ju do të kurseni hapësirën në disk dhe gjerësinë e brezit në hostin tuaj! 😉

Për të filluar punën me Kompresoni imazhet JPEG & PNG, fillimisht instaloni dhe aktivizoni shtojcën në mënyrë standarde, përmes kërkimit të shtojcave në panelin e administratorit. Tjetra, ju duhet të merrni një çelës falas API. Shkoni te Cilësimet - Skedarët e medias:

Cilësimet e medias - Kompresimi PNG dhe JPEG

Klikoni në lidhjen e shërbimit, do të çoheni në një faqe interneti ku do t'ju duhet të shkruani emrin dhe adresën tuaj të emailit për të marrë çelësin tuaj. Më pas, futni "çelësin tuaj të artë" në fushë, zgjidhni madhësitë e imazhit për të ngjeshur dhe "Ruaj ndryshimet". Pas kësaj, mund të kompresoni në masë të gjitha imazhet e shkarkuara më parë në sit ose t'i kompresoni ato individualisht. 😛

Kompresimi i imazheve në një sajt WP

Kjo është ajo, atëherë gjithçka do të ndodhë automatikisht. Ngarkoni imazhin dhe mos u shqetësoni më, shtojca do të funksionojë për ju.

Prizm Image - shtojcë për kompresimin e imazhit

Shtojca Prizm Image ju lejon të zvogëloni madhësinë e skedarit të imazheve tuaja deri në 70% duke ruajtur rezolucionin dhe cilësinë e imazhit. Jo vetëm Google dhe shumë ekspertë të tjerë të internetit rekomandojnë optimizimin e imazheve të uebit për të përmirësuar performancën e faqes. Google pëlqen që faqet e faqeve të internetit të ngarkohen shpejt, kështu që nuk duhet ta neglizhoni atë. Ky mjet kompreson imazhet në format JPEG, PNG dhe GIF. Për të filluar punën me këtë mjet, pas instalimit dhe aktivizimit, do t'ju duhet gjithashtu të merrni një çelës falas API duke klikuar në lidhjen e shërbimit:

Konfigurimi i shtojcës Prizm Image

Pas futjes së çelësit, mund të zgjidhni cilësi të lartë imazhi - mesatare (e balancuar sipas parazgjedhjes) ose e ulët. Dhe kështu me radhë.

Si të punoni me Prizm Image. Ka tre mënyra për të optimizuar imazhin tuaj duke përdorur cilësimet e personalizuara. Optimizimi automatik i imazhit që shtoni në sajt (përveç nëse funksioni është i çaktivizuar në cilësimet - Mos e përpunoni kur ngarkoni); Individualisht në bibliotekën mediatike të WordPress, optimizoni çdo imazh të zgjedhur; Optimizoni në masë të gjitha imazhet në bibliotekën tuaj të mediave.

Optimus - kompresoni imazhet automatikisht

Kompresoni në mënyrë efikase imazhet gjatë procesit të ngarkimit. Automatikisht dhe pa humbje të cilësisë. Një shtojcë shumë e thjeshtë, në versionin bazë falas nuk ka pothuajse asnjë cilësim. Optimus zvogëlon madhësinë e skedarit të ngarkuar në sit. Në varësi të imazhit dhe madhësisë, mund të zvogëlohet deri në 70 përqind. Instaluar, aktivizuar dhe harruar. Optimizimi i imazheve (përfshirë miniaturat) ndodh në sfond dhe është vizualisht pothuajse i padukshëm për përdoruesit.

Optimizimi i imazhit ndodh në sfond

ShortPixel Image Optimiser është një mjet për kompresimin e imazhit pa humbur cilësinë

Plugin për kompresimin e imazheve - ShortPixel Image Optimiser

Shtojca ShortPixel zvogëlon madhësinë e imazhit dhe e bën sitin të ngarkohet më shpejt. Cilësia e imazhit ruhet duke përdorur teknologji të avancuara të kompresimit. Mjeti optimizon imazhet automatikisht duke përdorur kompresim pa humbje. Si rezultat, fotografitë nuk ndryshojnë në cilësi nga origjinali. Këtu, për të punuar me shtojcën, duhet gjithashtu të merrni një çelës falas API. Çelësi unik API që merrni për të aktivizuar shtojcën mund të përdoret për disa nga faqet tuaja të internetit:

Shtojca ShortPixel - çelësi privat API Optimizuesi i imazhit të cilësimeve të ShortPixel

Si të kompresoni imazhet me humbje apo jo. Ruani origjinalet në një dosje të veçantë. Dhe gjithashtu në këtë faqe do të ketë të gjitha statistikat për punën me shtojcën e imazhit. Dhe shtojca e fundit përkatëse për sot.

Optimizimi i skedarëve të imazhit me Smush.it për WordPress

Shtojca WP Smush.it për optimizimin e imazhit

Duke gjykuar nga numri i përdoruesve, aktualisht 1,178,159, të cilët kanë instaluar modulin WP Smush.it, ky mjet i kompresimit të imazhit është më i popullarizuari dhe më i kërkuari. Rezulton se ai është më i miri i llojit të tij. WP Smush.it skanon me kujdes çdo imazh që ngarkoni - ose keni shtuar tashmë në faqen tuaj - dhe zvogëlon madhësinë e skedarit (peshën) pa humbur cilësinë. Formati i imazhit për kompresim JPEG, GIF dhe PNG. Ekziston një version falas dhe PRO, por versioni bazë do të jetë i mjaftueshëm. Pas instalimit dhe aktivizimit të shtojcës, mund ta konfiguroni atë në seksionin e skedarëve media - nënseksioni WP Smush.it:

Konfigurimi i shtojcës WP Smush.it

Nuk ka asgjë të komplikuar këtu. Duhet të specifikoni nëse do të kompresohen automatikisht skedarët e imazhit kur ngarkohen në sit apo jo. Ju mund të klikoni një buton për të optimizuar masivisht të gjitha fotot tuaja që janë në faqen tuaj të internetit. Kjo është në thelb ajo. Tani është e qartë pse është kaq popullor, cilësime minimale dhe të lehta për t'u menaxhuar, pa asnjë çelës apo regjistrim. Unë u përpoqa ta aplikoja në një imazh në faqen time të internetit dhe ky është rezultati që mora: një ulje prej 1.0% (251 B) dhe cilësia, për mendimin tim, mbeti e njëjtë. 😯 Mund ta imagjinoni nëse optimizoni 100 foto, kjo është sa hapësirë ​​mund të lironi në hostin tuaj dhe plus shpejtësia e ngarkimit të faqes do të rritet. Uau! Google dhe Yandex patjetër do të pëlqejnë një faqe ose blog të tillë.

Me këtë, miqtë dhe lexuesit e mi të çmuar, ju them lamtumirë, jo për shumë kohë. Të gjitha të mirat për ju dhe shihemi përsëri. Unë me të vërtetë shpresoj se postimi i sotëm ishte i dobishëm për ju. Mirupafshim.

Në këtë postim, ne do të mbulojmë aspekte të ndryshme të optimizimit të imazhit në WordPress që zakonisht harrohen ose anashkalohen në mënyrë të pamerituar.

Mos ngarkoni imazhe në sajt që peshojnë 3 Mb direkt nga kamera juaj

Një nga problemet me të cilat janë përballur të gjithë klientët e mi brenda tridhjetë ditëve të para të hapjes së një faqeje WordPress është se si të punojmë me imazhet. Pavarësisht të gjitha gjërave të shkëlqyera që WordPress ka për t'u ofruar përdoruesve, imazhet vazhdojnë të jenë ende një pengesë për shumicën e njerëzve. Në mënyrë tipike, pyetjet kanë të bëjnë me prerjen e imazheve, ngarkimin e tyre nga kamera, korrigjimin ose mprehjen bazë të ngjyrave dhe shumë probleme të tjera që ndodhin para se të hyjnë në faqen tuaj. Kamerat moderne dixhitale nxjerrin fotografi që peshojnë rreth 20 herë më shumë se ato që ju nevojiten për uebsajtin tuaj (përveç nëse duhet të optimizoni për ekranet e retinës, por kjo është një histori për një herë tjetër).

Ka disa hapa bazë që duhet të ndiqni për t'i bërë imazhet tuaja gati për t'u përdorur në faqen tuaj. Në këtë artikull do t'ju tregoj mënyrën më të lehtë për të punuar me imazhet në burimin tuaj të internetit. Ne do të shikojmë gjithashtu disa shërbime dhe mjete që shumë zhvillues të internetit i shpërfillin padrejtësisht, por që ndihmojnë në arritjen e shpejtësive më të larta të ngarkimit të faqes.

Cili është problemi?

Para së gjithash, arsyeja për të përdorur optimizimin është të synoni vizitorët tuaj. Askush nuk i pëlqen imazhet e mëdha që ngarkohen shumë ngadalë. Zvogëlimi i madhësisë së imazheve tuaja do të ndihmojë në zvogëlimin e madhësisë së faqes tuaj dhe gjithashtu do të zvogëlojë ndjeshëm kohën e ngarkimit të faqes, gjë që do t'ju ndihmojë të arrini shpejtësi më të shpejta të ngarkimit të faqes dhe natyrisht do të ndikojë në kënaqësinë e vizitorëve tuaj.

Arsyeja pse imazhet bëhen pengesë për shumë vizitorë të uebsajtit është se puna me to mbulon një hapësirë ​​paksa të ndryshme jashtë WordPress, e cila kërkon aftësitë dhe aftësitë tuaja. WordPress nuk është aspak një faktor kufizues kur bëhet fjalë për imazhet; Problemi është vetë natyra e ekraneve dhe kamerave, formatet e skedarëve dhe DPI-të, gjë që e bën të vështirë përdorimin e imazheve në internet.

Natyrisht, duhet të kuptoni se kamerat janë të dizajnuara për printim, gjë që kërkon rezolucion shumë më të lartë sesa mund të ofrojnë monitorët dhe ekranet tuaja. Kjo do të thotë që nëse e vendosni imazhin e kamerës direkt në një faqe interneti, ajo do të jetë të paktën dyfishi i gjerësisë së ekranit. Edhe nëse ndryshoni DPI në 72 (rezolucion i një monitori të rregullt), imazhi do të jetë përsëri shumë i madh për t'u përshtatur në zonën e gjerë të përmbajtjes 800 px.

Nëse dëshironi të aplikoni transparencë në imazhin tuaj, atëherë duhet të dini për transparencën alfa dhe skedarët png 24-bit. Le të marrim gjithashtu parasysh se edhe një JPG e vogël me një gjerësi prej 800 pikselësh mund të marrë 1 ose 2 Mb nëse nuk është optimizuar siç duhet. Dhe jo vetëm "optimizo", por optimizo pa humbje.

Pra, përveç formateve të reja të skedarëve, duhet të mësoni gjithçka rreth DPI, pikselëve (njësia standarde e matjes që përdoret në shfletues) dhe gjithashtu të mësoni se si t'i shkurtoni imazhet tuaja në kufijtë e dëshiruar. Për të bërë të gjitha këto, do t'ju nevojiten mjetet e duhura.

A duhet të blej vërtet Photoshop?!

Jo, nuk duhet ta bëni këtë. Photoshop, natyrisht, është i shkëlqyeshëm, por nuk është aspak i destinuar për redaktimin e thjeshtë të imazhit. Photoshop është ajo që përdor, ashtu si çdo projektues/zhvillues tjetër i mirë në internet. Megjithatë, nëse doni të bëni disa modifikime të avancuara të fotografive, mund të përdorni versionin më të vjetër të CS2, i cili tani është i disponueshëm falas. Është e mbushur me të gjitha tiparet e mahnitshme të Photoshop-it, thjesht i mungojnë disa nga veçoritë më të fundit. Ju mund të shkarkoni CS2.

Një shënim i shpejtë: mund të shkarkoni Photoshop CS2 falas vetëm nëse e keni porositur tashmë atë ose Acrobat 7 më parë. Asgjë nuk e pengon përdoruesin të krijojë një llogari në Adobe dhe të shkarkojë Photoshop, por teknikisht nuk shpërndahet lirisht.

Instalimi i IrfanView

Photoshop është një kafshë e një programi. Duhet shumë kohë për t'u ngarkuar dhe ka një kurbë serioze të të mësuarit, duke e bërë të vështirë kryerjen e disa gjërave në dukje intuitive. Në vend të Photoshop, unë preferoj të përdor IrfanView. Është një mjet i madh me një emër të tmerrshëm.

IrfanView është një redaktues imazhi shumë i lehtë, por mega-funksional. Është 100% falas dhe vjen me një sërë shtesash të shkëlqyera që e bëjnë atë të përsosur për t'u përdorur në faqet e internetit. Më poshtë do t'ju tregoj se si ta instaloni dhe ta përdorni për faqen tuaj të internetit.

Mjete të tjera të dobishme:

• GIMP. Një mjet falas që është një alternativë (me shtrirje) ndaj Photoshop-it. Më duket më pak i përshtatshëm për përdoruesit dhe meqenëse Photoshop CS2 tani është falas, nuk e shoh kuptimin që të vazhdoj të përdor Gimp, por shumë përdorues e pëlqejnë atë. Provojeni - mund t'ju pëlqejë.
• Picasa. Mjeti i organizimit të fotografive që përdor. Gjithashtu rezulton të ketë mjete të shkëlqyera për redaktimin e fotografive. Nuk mendoj se Picasa është i përshtatshëm për të optimizuar imazhet tuaja për përdorim në ueb, por ia vlen të përmendet këtu.
• Greenshot. Nëse keni nevojë për pamje nga ekrani për faqen tuaj të internetit, mund të përdorni mjetin e dobishëm Greenshot. E përdor pothuajse çdo ditë. Më pëlqeu ai.

Në këtë tutorial, unë do të fokusohem në optimizimin e imazheve duke përdorur IrfanView. Në Photoshop procesi është rrënjësisht i ndryshëm; megjithatë, të dy mjetet funksionojnë shkëlqyeshëm, kështu që rezultati përfundimtar do të jetë pothuajse i njëjtë.

Shkarkoni dhe instaloni IrfanView

Zakonisht askush nuk e lexon këtë, por megjithatë:

Mos harroni se WordPress krijon 3 imazhe shtesë nga një imazh i ngarkuar. Meqenëse ne kemi bërë tashmë optimizimin, shtojca SmushIt nuk mund të optimizojë më tej imazhin 400x300. Sidoqoftë, përveç kësaj, WordPress ka madhësi të tjera imazhi që ne mund t'i optimizojmë në këtë mënyrë. SmushAi mund të optimizojë shumë imazhe në të njëjtën kohë. Këtu është raporti që SmushIt citoi për imazhet në këtë postim.

Së dyti, unë rekomandoj instalimin e Photon për këdo që punon me host të përbashkët ose që planifikon të përdorë shumë imazhe në faqen e tyre. Photon është një CDN e ofruar nga WordPress.com. Pasi të ngarkoni imazhin tuaj, një kopje e tij ruhet në serverët e WordPress të vendosur në mbarë botën. Kjo do të thotë që dikush në Nju Jork do të jetë në gjendje të marrë imazhe nga një server WordPress që ndodhet në Nju Jork, dhe jo nga serveri juaj. E njëjta gjë mund të thuhet për San Diego, Sarasota, Austin, Teksas dhe Evropë. CDN gjithashtu bën disa optimizime të imazhit. Ky shërbim është falas dhe ju lejon të shpejtoni kohën e ngarkimit, të arrini madhësi më të vogla faqesh dhe kënaqësi më të madhe të përdoruesit.

Burime të tjera për optimizimin e imazhit

Nëse keni arritur deri këtu, më lejoni t'ju falënderoj që lexoni! Ju vërtet dëshironi të optimizoni imazhet në faqen tuaj - dhe kjo është e mrekullueshme! Ka shumë më tepër aspekte dhe aspekte të ndryshme të optimizimit për të cilat mund të flasim. Do të përpiqem t'i mbuloj ato në të ardhmen - ato do të kenë të bëjnë me imazhe adaptive dhe imazhe të gatshme për retinë. Për të mos ju mërzitur, unë sugjeroj të testoni vetë dy shtojcat e mëposhtme:

Nëse dëshironi të mësoni më shumë rreth ndryshimeve midis JPG, PNG dhe GIF, ju rekomandoj burimin e mëposhtëm: http://luci.criosweb.ro/riot/basic-understanding-of-web-formats/. Një tjetër lexim i mirë: sugjerimet e Google për të rritur shpejtësinë e faqes suaj duke optimizuar imazhet tuaja. Pse kujdeset Google për këtë? Faktorët e shpejtësisë së faqeve të faqeve tuaja merren parasysh në renditjen e faqes tuaj në rezultatet e kërkimit. Kjo është një arsye tjetër për të optimizuar. Këtu është lidhja: