Ma hûn ji wêneyan hez nakin?

Dema ku hûn dixwînin, ew dikarin perçeyek nivîsê veguherînin ezmûnek balkêş. Wêneyên posta blogê zêde dikin, wê bêtir parve dikin û deng û marqeya tevahiya malpera xwe destnîşan dikin.

Û hûn dizanin çi? Em neçar in ku bersivê bidin wêneyan. Ji ber vê yekê tevlêkirina wêneyan di naveroka we de amûrek hêzdar e ku meriv bikar bîne dema ku bloga xwe kirrûbirra dike.

Lê, heke hûn baldar nebin, wêne dikarin ji nîvê (an jî zêdetir) mezinahiya tevaya malpera we hesab bikin. Tenê çend sal berê, mezinahiya navîn a rûpelek malperê 600-700K bû. Niha, navînî 2 MB ye û her sal zêde dibe.

Ew pir mezin e!

Sedema sereke ku ev diqewime ev e ku gelek wêne li ser rûpelên malperê pir caran têne bikar anîn, û ev wêne ne Ne bi rêkûpêk mezinahî û xweşbînkirî ye. Ev tê wê wateyê ku ew bi rengekî web-dostane nayên hilanîn an berhev kirin, û li şûna wê, rûpelên we dişewitînin.

Lê, pir ji me, xweşbînkirina wêneyan wekî ramanek paşerojê dihêlin û ji kirina tiştên kêfê xweştir dixwazin. mîna çêkirina postek epîk an bi tevnvîsên din ên di cîhana xwe de tevbigerin.

Lê, blota rûpelê tê vê wateyê ku leza barkirina rûpela we bandor dibe. Dibe ku hûn nefikirin ku ev pirsgirêkek mezin e ger hûn li ser pêwendiyek bilez bin, lê gelek ji mêvanên we ne. Di heman demê de, Google ji rûpelên barkirina hêdî hez nake, û ew dikare bandorek neyînî li SEO-ya we bike.

Çima hûn hewce ne ku hûn wêneyan xweştir bikin

Hûn li ser dixebitinnaverokek stêrkî diafirîne û hûn bêhejmar demjimêran derbas dikin ji bo danasîna bloga xwe û tora bi bloggerên din re, ji ber vê yekê tiştê ku hûn dixwazin herî dawî ev e ku mêvanên potansiyel berî ku ew were barkirin dev ji malpera we berdin!

Lêkolîn nîşan didin ku heya %40 ger malperek ji sê saniyeyan dirêjtir be ji bo barkirina malperek ji sê saniyeyan dirêjtir bitikîne bişkoka vegerê bitikîne.

Ez dizanim, sê saniye bi rastî ne ewqas dirêj e, lê gava ku hûn li ser pêwendiya mobîl in û hûn li benda malpera ku were barkirin, saniyeyek dikare wekî herheyî xuya bike.

Û ji ber ku dibe ku gelek mêvanên we li ser girêdanên mobîl ên hêdîtir bin, ew eşkere dibe - hûn hewce ne ku mezinahiya rûpela xwe kêm bikin. Û em jixwe dizanin ku sûcê herî mezin ê mezinbûna rûpelê çi ye - ew wêneyên we ne.

Wêneyên mezin ên nehewce jî li ser hesabê weya mêvandariyê cîh digirin. Gava ku hin ji we dikarin bi cîhê hilanînê "bêsînor" re xwedî mêvandar bin, gelek pêşkêşkerên mêvandariya premium we li ser plansaziyên pileya jêrîn bi qasî 10 GB hilanînê sînordar dikin. Ev dikare zû tije bibe, nemaze heke hûn li ser heman hesabê gelek malperên ku bi wêne-giran re mêvandar in.

Ji ber vê yekê, hûn çawa dikarin bibêjin ka wêneyên we malpera we hêdî dikin? Bi Google PageSpeed ​​Insights leza malpera xwe biceribînin.

Heke Google wêneyên neoptîmîzekirî wekî pirsgirêkek rapor dike, li vir tiştê ku hûn hewce ne ku hûn zanibin ku wê rast bikin hene.

Bingehên xweşbînkirina wêneyê

Gava ku ew tê ser xweşbînkirina wêneyên li ser bloga xwe, çend tiştên ku hûn hewce ne ku bibin henehay ji: cureya pelê, mezinahiya wêneyê û mezinbûnên, ka hûn çawa wêneyên xwe pêşkêş dikin, û berhevkirina wêneyê.

Werin em ji nêz ve li her yek ji van deveran binêrin.

Cûreya pelê

Wêneyên li ser tevneyê bi gelemperî di forma pelê PNG an JPEG de têne tomar kirin - an ji bo anîmasyonê GIF. Kî ji wan GIF-yên anîmasyon ên dilşewat ên ku li seranserê tevneyê diherikin hez nake!

Niha ji hêla teknîkî ve baş e heke hûn wêneyên xwe di her du formatan de hilînin - geroka mêvanê we dê di nîşandana rûpela weya malperê de çu pirsgirêk tune be - lê ji bo kalîte û xweşbîniya herî baş, rêzikên jêrîn bicîh bînin:

• JPEG - ji bo wêne û sêwiranên ku mirov, cih an tişt lê têne xuyang kirin bikar bînin
• PNG - ji bo grafîkê çêtirîn , logos, sêwiranên giran ên nivîsê, dîmenên dîmen, û gava ku hûn hewceyê wêneyên bi paşnavên zelal in
• GIF - heke we anîmasyon hewce bike, wekî din PNG bikar bînin

Ji ber vê yekê, çima formatên cihêreng hene ?

Belê, PNG bi kevneşopî ji bo tomarkirina logo û grafîkan tê bikar anîn ji ber ku ew qalîteya wêneya orîjînal diparêze - kes metnên şêrîn û şeklên pixelated naxwaze. Lê, heke hûn hewl bidin ku wêneyek wekî PNG tomar bikin, ew ê ecêb xuya bike, lê mezinahiya pelê ya encam dê kêmtir ecêb be.

JPEG bi kevneşopî ji bo tomarkirina wêneyan tê bikar anîn. Hin daneyên wêneyê têne avêtin da ku mezinahiya pelê pir piçûktir biafirînin, lê ji ber ku wêne cûrbecûr reng û guheztinên xwezayî hene, windabûna kalîteyê ye.bi gelemperî ji çavê mirov re nayê dîtin.

Em ê paşê bi hûrgulî li ser kompresyonê bigerin, lê ji bo nuha heke tenê du tişt têne bîra we, bînin bîra xwe: JPEG ji bo wêneyan û PNG ji bo nivîs/grafîk.

Mezinahiyên wêneyê

We qet rûpelek malperek bar kir û dît ku wêneyek piçûk (dibe ku serêşiyek, mînakî) f-o-r-e-v-e-r dakêşîne? Mîna, ew qas hêdî hûn dikarin bibînin ku her rêz tê hundur? Hûn ji xwe re difikirin, çawa dikare dakêşana wêneyek wusa piçûk ew qas dirêj bigire?

Û dema ku ew bi wêneyek sernivîsek mezin re çêdibe, ew hîn xirabtir e ji ber ku ew dikare barkirina rûpelê tevahî rawestîne.

Sedema ku ev diqewime ev e ku blogger wêneyê xwe bi rêkûpêk veguhezandiye û xweşbîn nekiriye, û di mînaka meya serêşotê de, dibe ku JPEG-ya tam-çareseriyê rasterast ji kamera xwe ya DSLR-ê barkirîbe.

Ew pelek mezin e!

Hûn dibînin, gerokek webê (bi gelemperî) wêneyek ji pîvanên wê yên orîjînal pîva dike da ku ew bi rengek xweş li cîhê xwe yê li ser rûpelek malperê bicîh bibe. Tiştê ku li ser ekranê wêneyek piçûk xuya dike, bi rastî dibe ku wêneyek mezin a 10 megapixel be, ku ji hêla gerokê ve di demek rast de hatî piçûk kirin.

Niha hin platformên weşana webê dê bixweber gelek guhertoyên wêneya weya tam rezîliya we di cûda de biafirînin. mezinahiyê, lê heke na, divê hûn berê wêneyên xwe di edîtorek wêneyê wekî Photoshop, Lightroom, Pixlr - an jî MS Paint de mezin bikin. Ew dikare wateya cûdabûnêdi navbera pelek 50K û 5 MB de.

WordPress, wek nimûne, dê bixweber sê (an jî bêtir, li gorî mijara we) kopiyên wêneya weya barkirî biafirîne - hemî bi pîvanên cihê - ku hûn dikarin bikar bînin. di postên blogê de, li şûna ku her dem wêneyê tev-spî bikar bînin.

Heke hûn adet in ku wêneyên wêneyên stok ên mezin bar bikin, û dixwazin cîhê di hesabê mêvandariya xwe de hilînin, pêveka WordPress Imsanity pişta we heye.

Ew mezinahiyê diguherîne û li şûna wêneya orîjînal diguhezîne tiştek ku bi rêve dibe, ji ber vê yekê heke hûn wêneya mezinahîya tevahî têxin nav posta xwe jî, ew ê ne ewqas xirab be.

Dema ku Imsanity were aktîfkirin, di heman demê de dikare wêneyên weyên heyî jî bigere û li gorî wê mezinahiyê biguhezîne.

Xebatkirina wêneyên xwe

Çawa hûn wêneyên xwe ji mêvanên xwe re pêşkêş dikin, ne bi serê xwe xweşkirina wan e. , lê ew dikare bandorek dramatîk li ser dema barkirina rûpela we bike.

Piraniya bloggeran wêneyên xwe rasterast ji hesabê xweya mêvandariyê pêşkêş dikin û ew bi gelemperî baş e, lê heke hûn bi rastî lê digerin ku hûn her perçeyek performansê ji holê rakin malpera we, paşê mazûvaniya wêneyên xwe li ser Tora Radestkirina Naverokê (CDN) dikare cûdahiyek mezin çêbike.

CDN ji serverên malperê yên stratejîk ên ku li navendên daneyê li çaraliyê cîhanê ne pêk tê. Van pêşkêşker kopiyên wêneyên we yên dubare dikin û gava geroka mêvanek wêneyek ji malpera we bixwaze, CDN bixweber gerokê rê dideservera ku ji hêla erdnîgarî ve herî nêzîkê wan e.

Ev tê wê wateyê ku mêvanên ji Ewropayê, wek nimûne, dê wêneyên ku ji serverek herêmî ya Ewropî têne pêşkêş kirin, ne ji yek ji Dewletên an cîhek din werbigirin. Ji ber ku dema bersivê û derengiya torê kêm dibe, wêne pir zûtir dakêşin, dema barkirina rûpelê kêm dibe.

Blogging Wizard Sucuri bikar tîne (ew ji bo ewlehiyê û hem jî CDNek Firewall heye), lê pêşkêşkerên din ên kalîteyê hene mîna Amazon's Cloudfront an KeyCDN. Tewra CloudFlare-ya populer, ku ne CDNek hişk e, CDNek belaş pêşkêşî dike û di piraniya pakêtên mêvandariyê yên hevpar de sazkirina wê hêsan e.

Pêkvekirina wêneyê

Dema ku ew tê ser xweşbînkirina we wêneyan, tu tişt ji berhevkirina wêneya windayî ya pêşkeftî wêdetir mezinahiya pelê kêm nake.

Piraniya amûrên guherandina wêneyan ên mîna Visme an Photoshop dê pelan bi karanîna kompresyona JPEG ya winda hilînin ji ber ku kêmkirina mezinahiya pelê ya herî baş heye. Ji ber vê yekê, dema ku kalîteya wêneyê piçekî kêm dibe, bi kar anîna pelçiqandina wêneya windayî wêneyên mezin digihîje mezinahiyên web-heval.

Ez bawer im ku gelek kesên Photoshop bikar tînin dibe ku taybetmendiya wê ya Save for Web bibînin. wekî hemî û dawiya xweşbîniya wêneyê. Tewra amûrên guherandina wêneyan a serhêl ên mîna PicMonkey an Visme jî wêneyên we xweştir dikin.

Lê we dizanibû ku amûr hene ku dikarin wêneya weya "optimîzekirî" ji Photoshop an jî amûrên din ên guherandinê bistînin, bişkînin û bitepisînin. bi 40% din (an jî zêdetir),û hîn jî hema hema li ber çavê mirovan yek xuya dike?

Li vir hin amûrên belaş û bi pere hene ku ji we re bibin alîkar ku hûn wêneyên xwe bigihînin rewşa web-dostane.

Amûrên sermaseyê

ImageAlpha / ImageOptim

Ji bo bikarhênerê Mac, ImageOptim amûrek sermaseyê ya belaş e ku ez her roj bikar tînim da ku wêneyên PNG - bi piranî dîmenên dîmenan - xweşbîn bikim berî ku ez wan bar bikim. Van amûran hêsan têne bikar anîn, hûn tenê pelên xwe kaş dikin û davêjin, lê divê hûn yek carî wêneyek bikin.

Tiştek pro : Ji bo têgihîştina teknolojiyê ImageOptim- heye. CLI, ku hûn dikarin peldankek wêneyan bi yekcarî xweş bikin.

ImageAlpha kompresorek PNG-ya winda ye û dikare di piçûkkirina pelên PNG-ê de ecêban bike dema ku ImageOptim berhevkirina pêşkeftî ya bê windahî (bi vebijarka windabûnê) pêk tîne - û ew Metadatayên nepêwist ji pelên PNG, JPEG û GIF derdixe.

Ji bo wêneyên xwe yên PNG, ez pêşî wan bi ImageAlpha dimeşînim:

Li vir, wêneya dîmenê min ji 103K daxist 28K.

Piştre min ew di nav ImageOptim re gerand û 10% zêde tomar kir.

JPEGmini

Ji bo pelên xwe yên JPEG, ez wan bi sepana JPEGmini ya sermaseyê, berdest, xweşbîn dikim. hem ji bo Mac û hem jî ji bo Windows.

Guhertoya Lite dihêle hûn rojê heta 20 wêneyan belaş xweş bikin, û ji bo rakirina sînor 19,99 $ lêçûn dike.

Tiştek pro : Bikarhênerên pêşkeftî yên ku dixwazin JPEGmini bi riya pêvekekê di nav Photoshop an Lightroom de yek bikin, dikarin ji bo guhertoya Pro bikirin.99,99 $.

Online / Cloud / Amûrên SaaS

TinyPNG

Heke hûn li amûrek berhevkirina wêneya serhêl a bi kalîte digerin, TinyPNG (ew JPEG çêtir dike pel jî tevî navê xwe) serîlêdanek webê ye ku dihêle hûn heya 20 wêneyên 5 MB an piçûktir bikşînin nav geroka xwe, û wan bi yekcarî xweşbîn bikin.

API-ya wan a pêşdebirker jî heye û WordPressek çêdikin. pêveka berdest e ku dikare bixweber wêneyên we piştî barkirinê xweşbîn bike.

TinyPNG her mehê 500 xweşbîniyên wêneyan ên belaş dide we, û piştî wê ji 0,002-0,009 dolaran ji bo her wêneyê, li gorî hêjmarê tê xerckirin.

Niha 500 Wêneyên mehê dibe ku pir xuya bikin, lê gava ku hûn vê rastiyê dihesibînin WordPress bi gelemperî sê-pênc guhertoyên her wêneyê di mezinahiyên cihêreng de diafirîne, 500 wêne ji bo bloggerê jêhatî ewqas xuya nakin. Xwezî, lêçûna her wêneyek budceyê ye.

EWWW Optimizera Wêne

Heke hûn ne amade ne ku drav xerc bikin, û hûn naxwazin bi xweşbîniyê aciz bibin wêneyên we bi destan, pêveka belaş EWWW Image Optimizer ji bo WordPress dikare bixweber wêneyên weyên barkirî xweşbîn bike.

Hûn dikarin abonetiyek premium hilbijêrin ku berhevkirina winda dike, lê guhertoya belaş tenê berhevkirina bê windahiyê pêk tîne ji ber vê yekê teserûf nabe' hema hema girîng e. Ew ê wextê we xilas bike û ji tunebûnê çêtir e, lêbelê.

Têbînî: Ji bo berhevdanek bi tevahî, binihêrinposta me ya li ser amûrên berhevkirina wêneyê.

Wê berhev kirin

Ligel ku hin kes texmîn dikin ku mezinahiya rûpela malperê ya navîn heya sala 2017 nêzikî 3 MB bibe, niha dema wê ye ku hûn dest bi xweşbînkirina wêneyên xwe bikin.

Bînin bîra xwe, ne ku hemî mêvanên we dê li ser girêdanên bilez bin, û qelişîna rûpelê û demên barkirina rûpelê hêdî dibe ku bandorê li ser rêza we bi Google bike. Ji bo ku ji we re bibe alîkar ku hûn barê xwe sivik bikin, bi vî rengî, îro bibin adet ku hûn wêneyên xwe xweştir bikin.

Bala xwe bidin pîvanên wêneyê xwe û mezinahiya her wêneyek an wêneyên pir mezin ên stokê ji kamerayek dîjîtal dakêşin ber guncan. mezinahî.

Piştre, bi sepanên sermaseyê yên mîna JPEGmini, an amûrên ewr ên mîna TinyPNG an Kraken, ji berhevkirina wêneya nûjen sûd werbigirin - heke gengaz be, wan bi pêvekekê ve bi WordPress re yek bikin.

Axir, ger we platforma weşanê bixweber guhertoyên guherbar ên wêneya xweya orîjînal diafirîne, yek ji van ji bo posta bloga xwe hilbijêrin, ne ya orîjînal û mezinahîya tije.

Xwendina Têkildar: 7 Rêyên Kêmkirina The Mezinahiya Pelên PDF.