Je, hupendi picha?

Zinaweza kubadilisha kipande cha maandishi kuwa matumizi ya kuvutia unaposoma. Picha huboresha chapisho la blogu, kulifanya liweze kushirikiwa zaidi na kuweka sauti na chapa ya tovuti yako nzima.

Na unajua nini? Tumeundwa kwa bidii ili kujibu picha. Ndiyo maana kujumuisha taswira katika maudhui yako ni zana yenye nguvu ya kutumia unapotangaza blogu yako.

Lakini, usipokuwa mwangalifu, picha zinaweza kuhesabu zaidi ya nusu (au zaidi) ya ukubwa wa jumla wa ukurasa wako wa wavuti. Miaka michache tu iliyopita, ukubwa wa wastani wa ukurasa wa wavuti ulikuwa 600-700K. Sasa, wastani ni 2MB na inaongezeka kila mwaka.

Hiyo ni kubwa!

Sababu kuu ya hili kutokea ni kwa sababu picha nyingi zinatumiwa mara kwa mara kwenye kurasa za wavuti, na picha hizi hazipo. Haina ukubwa wa kutosha na imeboreshwa. Hii inamaanisha kuwa hazijahifadhiwa au kukusanywa kwa njia ya urafiki wa wavuti, na badala yake, zinafungua kurasa zako.

Wengi wetu, tunaacha picha zinazoboresha kama mawazo ya baadaye na tungependa kufurahia kufanya mambo ya kufurahisha. kama vile kutengeneza chapisho kuu au kuungana na wanablogu wengine katika niche yako.

Lakini, kuwa na bloat ya ukurasa kunamaanisha kasi ya upakiaji wa ukurasa wako imeathirika. Huenda usifikiri hili ni jambo kubwa ikiwa uko kwenye muunganisho wa kasi ya juu, lakini wageni wako wengi hawana. Pia, Google haipendi kurasa za upakiaji polepole, na inaweza kuathiri vibaya SEO yako.

Kwa nini unahitaji kuboresha picha

Unafanya kazi kwa bidiikuunda maudhui bora na unatumia saa nyingi kutangaza blogu yako na mitandao na wanablogu wengine, kwa hivyo jambo la mwisho unalotaka ni watu wanaoweza kutembelea tovuti yako kuachana na tovuti yako kabla hata haijapakia!

Tafiti zinaonyesha kuwa hadi 40% ya wageni bonyeza kitufe cha nyuma ikiwa tovuti inachukua muda mrefu zaidi ya sekunde tatu kupakia.

Najua, sekunde tatu si ndefu hivyo, lakini unapokuwa kwenye muunganisho wa simu ya mkononi na unasubiri tovuti ya kupakia, sekunde moja inaweza kuonekana kama milele.

Angalia pia: Mitiririko 11 ya Ziada ya Mapato kwa Watengenezaji na Wabunifu wa Wavuti

Na kwa kuwa wageni wako wengi wanaweza kuwa kwenye miunganisho ya polepole ya simu, inakuwa wazi - unahitaji kupunguza ukubwa wa ukurasa wako. Na tayari tunajua mkosaji mkubwa wa ukubwa wa ukurasa ni nini - ni picha zako.

Picha kubwa zisizo za lazima pia huchukua nafasi kwenye akaunti yako ya upangishaji. Ingawa baadhi yenu wanaweza kuwa na upangishaji na nafasi ya hifadhi "isiyo na kikomo", watoa huduma wengi wa upangishaji wa malipo ya kawaida hukuwekea takriban 10GB ya hifadhi kwenye mipango ya kiwango cha chini. Hili linaweza kujaa haraka, hasa ikiwa unapangisha tovuti nyingi zenye picha nzito kwenye akaunti moja.

Kwa hivyo, unawezaje kujua ikiwa picha zako zinapunguza kasi ya tovuti yako? Jaribu kasi ya tovuti yako ukitumia Google PageSpeed ​​Insights.

Google ikiripoti picha ambazo hazijaboreshwa kama tatizo, haya ndiyo unayohitaji kujua ili kulitatua.

Misingi ya uboreshaji wa picha

Inapokuja suala la kuboresha picha kwenye blogu yako, kuna mambo machache tofauti unayohitaji kuwakufahamu: aina ya faili, saizi ya picha na vipimo, jinsi unavyotoa picha zako, na mgandamizo wa picha.

Hebu tuangalie kwa karibu kila moja ya maeneo haya.

Aina ya faili

0>Picha kwenye wavuti kwa kawaida huhifadhiwa katika umbizo la faili la PNG au JPEG - au GIF kwa uhuishaji. Ni nani asiyependa GIF hizo za uhuishaji za kuchekesha zinazoelea kwenye wavuti!

Sasa ni kitaalamu sawa ukihifadhi picha zako katika umbizo lolote – kivinjari cha mgeni wako hakitakuwa na shida kuonyesha ukurasa wako wa wavuti. - lakini kwa ubora na uboreshaji bora zaidi, fuata sheria zifuatazo:

• JPEG - tumia kwa picha na miundo ambapo watu, maeneo au vitu vimeangaziwa
• PNG – bora zaidi kwa michoro , nembo, miundo nzito ya maandishi, picha za skrini, na unapohitaji picha zenye mandharinyuma zinazoonekana
• GIF - ikiwa unahitaji uhuishaji, vinginevyo tumia PNG

Kwa hivyo, kwa nini kuna miundo tofauti ? Lakini, ukijaribu kuhifadhi picha kama PNG, itaonekana ya kustaajabisha, lakini saizi ya faili itakayotokana itakuwa, isiyo ya kustaajabisha.

JPEG hutumiwa kwa kawaida kuhifadhi picha. Baadhi ya data ya picha hutupwa mbali ili kuunda saizi ndogo zaidi ya faili, lakini kwa kuwa picha zina aina nyingi za rangi na tofauti asili, hasara ya ubora ni.kwa kawaida haionekani kwa macho ya mwanadamu.

Tutaeleza kwa undani zaidi kuhusu mbano baadaye, lakini kwa sasa ikiwa utakumbuka mambo mawili tu, kumbuka: JPEG kwa picha na PNG kwa maandishi/michoro.

Vipimo vya picha

Je, umewahi kupakia ukurasa wa wavuti na kugundua kuwa picha ndogo (labda picha ya kichwa, kwa mfano) inachukua f-o-r-e-v-e-r kupakua? Kama, polepole unaweza kuona kila mstari ukiingia? Unajifikiria, je, picha ndogo kama hiyo inawezaje kuchukua muda mrefu kupakuliwa?

Na inapotokea picha kubwa ya kichwa, inakuwa mbaya zaidi kwa sababu inaweza kusimamisha upakiaji wa ukurasa mzima.

Sababu hii inafanyika ni kwa sababu mwanablogu hajarekebisha ukubwa na kuboresha taswira yake ipasavyo, na kwa mfano wetu wa picha za kichwa, huenda alipakia JPEG yenye mwonekano kamili moja kwa moja kutoka kwa kamera yake ya DSLR.

Na hilo ni faili kubwa sana!

Unaona, kivinjari (kwa kawaida) kitaongeza picha kutoka vipimo vyake asili ili itoshee vizuri mahali pake kwenye ukurasa wa wavuti. Picha inayoonekana kuwa ndogo kwenye skrini inaweza kuwa picha kubwa ya megapixel 10, iliyopunguzwa kwa wakati halisi na kivinjari.

Sasa baadhi ya majukwaa ya uchapishaji ya wavuti yataunda kiotomatiki tofauti nyingi za picha yako ya ubora kamili katika tofauti saizi, lakini ikiwa sivyo, unapaswa kurekebisha ukubwa wa picha zako mapema katika kihariri cha picha kama Photoshop, Lightroom, Pixlr - au hata MS Paint. Inaweza kumaanisha tofautikati ya faili ya 50K na 5MB moja.

WordPress, kwa mfano, itaunda kiotomatiki nakala tatu (au zaidi, kulingana na mandhari yako) za picha yako iliyopakiwa - zote zikiwa na vipimo tofauti - ambazo unaweza kutumia. katika machapisho ya blogu, badala ya kutumia picha ya ukubwa kamili kila wakati.

Ikiwa una mazoea ya kupakia picha kubwa za picha, na unataka kuokoa nafasi katika akaunti yako ya upangishaji, programu-jalizi ya WordPress. Imsanity ina mgongo wako.

Inabadilisha ukubwa na kuchukua nafasi ya picha asili kwa kitu kinachoweza kudhibitiwa zaidi, kwa hivyo hata ukiingiza picha ya ukubwa kamili kwenye chapisho lako, haitakuwa mbaya sana.

Ikiwashwa, Imsanity pia inaweza kutafuta picha zako zilizopo na kubadilisha ukubwa ipasavyo.

Kuhudumia picha zako

Jinsi unavyotoa picha zako kwa wageni wako sio tu kuhusu kuziboresha kwa kila sekunde. , lakini inaweza kuwa na athari kubwa kwa muda wa upakiaji wa ukurasa wako.

Wanablogu wengi hutuma picha zao moja kwa moja kutoka kwa akaunti zao za upangishaji na kwa kawaida hiyo ni sawa, lakini ikiwa unatafuta kubana kila sehemu ya utendaji kutoka tovuti yako, kisha kupangisha picha zako kwenye Mtandao wa Utoaji Maudhui (CDN) kunaweza kuleta mabadiliko makubwa.

CDN inajumuisha seva za wavuti zilizowekwa kimkakati zilizo katika vituo vya data duniani kote. Seva hizi hupangisha nakala rudufu za picha zako na kivinjari cha mgeni kinapoomba picha kutoka kwa tovuti yako, CDN huelekeza kivinjari kiotomatiki kwenyeseva ambayo kijiografia ndiyo iliyo karibu zaidi nao.

Hii inamaanisha wageni kutoka Ulaya, kwa mfano, watapokea picha zinazotolewa kutoka kwa seva ya Ulaya ya karibu, badala ya moja kutoka Marekani au kwingineko. Kwa kuwa muda wa majibu na muda wa kusubiri wa mtandao umepunguzwa, picha hupakuliwa kwa haraka zaidi, hivyo basi kupunguza muda wa kupakia ukurasa.

Mchawi wa Kublogu hutumia Sucuri (inajumuisha Firewall kwa ajili ya usalama na CDN), lakini kuna watoa huduma wengine wa ubora. kama Cloudfront ya Amazon au KeyCDN. Hata CloudFlare maarufu, ambayo si CDN kabisa, inatoa CDN bila malipo na ni rahisi kusanidi katika vifurushi vingi vya upangishaji vilivyoshirikiwa.

Mfinyazo wa picha

Inapokuja suala la uboreshaji wako. picha, hakuna kitu kinachopunguza saizi ya faili yako zaidi ya ukandamizaji wa hali ya juu wa picha mbaya. Kwa hivyo, ingawa ubora wa picha umepunguzwa kidogo, kutumia mgandamizo wa picha unaopotea hupunguza picha kubwa hadi saizi zinazofaa kwa wavuti.

Nina uhakika wengi wanaotumia Photoshop wanaweza kutazama kipengele chake cha Hifadhi kwa Wavuti kama kuwa-yote na mwisho wa uboreshaji wa picha. Na hata zana za kuhariri picha mtandaoni kama vile PicMonkey au Visme huboresha picha zako pia.

Lakini je, unajua kuwa kuna zana zinazoweza kuchukua picha yako "iliyoboreshwa" kutoka Photoshop au zana zingine za kuhariri, kuikata na kuibana. kwa 40% nyingine (au zaidi),na bado je, inaonekana karibu kufanana na macho ya binadamu?

Hizi hapa ni baadhi ya zana zisizolipishwa na zinazolipishwa ili kukusaidia kubana picha zako hadi kufikia hali ya urafiki wa wavuti.

Zana za Eneo-kazi

ImageAlpha / ImageOptim

Kwa mtumiaji wa Mac, ImageOptim ni zana isiyolipishwa ya eneo-kazi ambayo mimi hutumia kila siku kuboresha picha za PNG - mara nyingi picha za skrini - kabla sijazipakia. Zana hizi ni rahisi kutumia, unaburuta tu na kuangusha faili zako, lakini unatakiwa kufanya picha moja kwa wakati mmoja.

Kidokezo cha Pro : Kwa ujuzi wa teknolojia kuna ImageOptim– CLI, ambapo unaweza kuboresha folda nzima ya picha kwa wakati mmoja.

ImageAlpha ni kishinikizi cha PNG kisicho na uwezo na inaweza kufanya maajabu katika kupungua kwa faili za PNG huku ImageOptim ikifanya kazi ya hali ya juu bila hasara (pamoja na chaguo la ukandamizaji wa hasara) - na huondoa metadata isiyo ya lazima kutoka faili za PNG, JPEG na GIF.

Angalia pia: Kipini cha Instagram ni nini? (Na Jinsi ya Kuchagua Yako)

Kwa picha zangu za PNG, nilizitumia kwa mara ya kwanza ImageAlpha:

Hapa, ilipunguza picha yangu ya skrini kutoka 103K hadi 28K.

Nikaipitia ImageOptim na kuhifadhi 10% ya ziada.

JPEGmini

Kwa faili zangu za JPEG, ninaziboresha kwa kutumia programu ya JPEGmini ya eneo-kazi, inayopatikana. kwa Mac na Windows.

Toleo la Lite hukuruhusu kuboresha hadi picha 20 kwa siku bila malipo, na hugharimu $19.99 ili kuondoa kikomo.

Kidokezo cha Pro. : Watumiaji mahiri wanaotaka kujumuisha JPEGmini kwenye Photoshop au Lightroom kwa njia ya programu-jalizi wanaweza kununua toleo la Pro la$99.99.

Mtandaoni / Zana za Cloud / SaaS

TinyPNG

Ikiwa unatafuta zana ya ubora wa juu ya kubana picha mtandaoni, TinyPNG (inaboresha JPEG faili pia licha ya jina) ni programu ya wavuti inayokuruhusu kuburuta hadi 20MB 5 au picha ndogo kwenye kivinjari chako, na kuziboresha zote mara moja.

Pia wana API ya msanidi na kutengeneza WordPress. programu-jalizi inapatikana ambayo inaweza kuboresha picha zako kiotomatiki unapopakia.

TinyPNG hukupa uboreshaji wa picha 500 bila malipo kwa mwezi, na baada ya hapo hutoza kutoka $0.002–0.009 kwa kila picha, kulingana na sauti.

Sasa 500 picha kwa mwezi zinaweza kuonekana kama nyingi, lakini unapozingatia ukweli kwamba WordPress mara nyingi huunda tofauti tatu hadi tano za kila picha katika ukubwa tofauti, picha 500 hazionekani kama nyingi kwa mwanablogu mahiri. Kwa bahati nzuri, gharama ya kila picha ni rafiki wa bajeti.

EWWW Image Optimizer

Ikiwa hauko tayari kutumia pesa, na hutaki kusumbuliwa na uboreshaji. picha zako mwenyewe, programu-jalizi ya bure ya EWWW Image Optimizer ya WordPress inaweza kuboresha picha zako ulizopakia kiotomatiki.

Unaweza kuchagua usajili unaolipishwa ambao hufanya mgandamizo wa hasara, lakini toleo la bure hufanya ukandamizaji usio na hasara ili kuokoa pesa' t karibu kama kikubwa. Itakuokoa wakati na ni bora kuliko chochote, ingawa.

Kumbuka: Kwa muhtasari kamili, angaliachapisho letu kwenye zana za kubana picha.

Kumalizia

Huku baadhi ya watu wakibashiri ukubwa wa wastani wa ukurasa wa wavuti kufikia 3MB ifikapo 2017, sasa ndio wakati wa kuanza kuboresha picha zako.

Kumbuka, sio wageni wako wote watakuwa kwenye miunganisho ya kasi ya juu, na upakiaji wa ukurasa na nyakati za polepole za upakiaji zinaweza kuathiri nafasi yako na Google. Ili kukusaidia kupunguza mzigo, kwa njia ya kusema, jijengee mazoea ya kuboresha picha zako leo.

Zingatia vipimo vya picha yako na ubadilishe ukubwa wa picha au picha zozote kubwa mno kutoka kwa kamera ya dijitali hadi inayofaa. saizi.

Ifuatayo, tumia fursa ya kubana picha za kisasa na programu za kompyuta za mezani kama JPEGmini, au zana za wingu kama vile TinyPNG au Kraken - kuziunganisha kwenye WordPress na programu-jalizi ikiwezekana.

Mwisho, ikiwa unatumia jukwaa la uchapishaji hutengeneza kiotomatiki tofauti zilizobadilishwa ukubwa za picha yako asili, chagua mojawapo kati ya hizi kwa chapisho lako la blogu, badala ya lile la asili, lenye ukubwa kamili.

Usomaji Husika: Njia 7 za Kupunguza Ukubwa Wa Faili za PDF.