Paano i-optimize ang Mga Imahe para sa Pagganap ng Web nang hindi nawalan ng Kalidad

Alam mo ba na ang pag-optimize ng iyong mga imahe bago mag-upload sa WordPress ay maaaring magkaroon ng malaking epekto sa bilis ng iyong website?


Kapag nagsisimula ng isang bagong blog, maraming mga nagsisimula ay nag-upload lamang ng mga imahe nang hindi na-optimize ang mga ito para sa web. Ang mga malalaking file ng imahe ay nagpapabagal sa iyong website.

Maaari mo itong ayusin sa pamamagitan ng paggamit ng mga pinakamahusay na kasanayan sa pag-optimize ng imahe bilang bahagi ng iyong regular na gawain sa pag-blog.

Sa artikulong ito, ipapakita namin sa iyo kung paano i-optimize ang iyong mga imahe para sa mas mabilis na pagganap ng web nang hindi nawawala ang kalidad. Magbabahagi rin kami ng mga awtomatikong plugin ng optimization ng imahe para sa WordPress na maaaring gawing madali ang iyong buhay.

Paano i-optimize ang Iyong Mga Larawan sa WordPress (Hakbang sa Hakbang)

Dahil ito ay isang kumpletong gabay sa pag-optimize ng imahe para sa web, gumawa kami ng isang madaling sundin ang talahanayan ng nilalaman:

    Ano ang Pag-optimize ng Larawan? (Na-optimize kumpara sa Hindi Ginamit na Mga Larawan)

    Ang pag-optimize ng imahe ay isang proseso ng pag-save at paghahatid ng mga imahe sa pinakamaliit na posibleng laki ng file nang hindi binabawasan ang pangkalahatang kalidad ng imahe.

    Bagaman kumplikado ang proseso, medyo madali ito sa mga araw na ito. Maaari mong gamitin ang isa sa maraming mga plugin ng optimization ng imahe at mga tool upang awtomatikong i-compress ang mga imahe ng hanggang sa 80% nang walang anumang nakikitang pagkawala sa kalidad ng imahe.

    Narito ang isang halimbawa ng na-optimize kumpara sa hindi na-optimize na imahe:

    Na-optimize kumpara sa Hindi Ginamit na Mga Larawan sa WordPress

    Tulad ng nakikita mo, kapag na-optimize nang maayos ang parehong imahe ay maaaring maging 75% mas maliit kaysa sa orihinal na walang pagkawala ng kalidad.

    Paano gumagana ang Pag-optimize ng Imahe?

    Sa mga simpleng salita, gumagana ang pag-optimize ng imahe sa pamamagitan ng paggamit ng teknolohiyang compression tulad ng “Lossy” at “Lossless” na tumutulong na mabawasan ang pangkalahatang sukat ng file nang walang napansin na pagkawala ng kalidad.

    Ano ang ibig sabihin ng I-optimize ang Mga Larawan?

    Kung nakatanggap ka ng isang rekomendasyon upang ma-optimize ang mga imahe sa pamamagitan ng iyong suporta sa pagho-host ng WordPress o sa pamamagitan ng isang tool sa pagsubok ng bilis, pagkatapos ang lahat ng ibig sabihin ay kailangan mong bawasan ang laki ng file ng iyong mga imahe sa pamamagitan ng pag-optimize sa kanila para sa web.

    Bakit Mahalaga ang Pag-optimize ng Imahe? Ano ang mga Pakinabang ng Optimization ng Imahe?

    Habang maraming mga benepisyo ng pag-optimize ng iyong mga imahe, sa ibaba ang mga nangungunang dapat mong malaman:

    • Mas mabilis na bilis ng website
    • Pinahusay na ranggo ng SEO
    • Mas mataas na pangkalahatang rate ng conversion para sa mga benta at nangunguna
    • Mas kaunting imbakan at bandwidth (na maaaring mabawasan ang pagho-host at CDN na gastos)
    • Mas mabilis na mga backup ng website (binabawasan din ang gastos ng backup na imbakan)

    Sa labas ng video, ang mga imahe ay ang susunod na pinakamabigat na item sa isang web page. Ayon sa archive ng HTTP, ang mga imahe ay bumubuo sa average na 21% ng isang kabuuang timbang sa webpage.

    Dahil alam nating mas mataas ang ranggo ng mga website sa mga search engine (SEO) at may mas mahusay na mga pagbabagong loob, ang pag-optimize ng imahe ay isang bagay na dapat gawin ng bawat website ng negosyo kung nais nilang magtagumpay sa online.

    Ngayon ay maaaring nagtataka ka kung gaano kalaki ang isang pagkakaiba na maaaring gawin ng pag-optimize ng imahe?

    Ayon sa isang pag-aaral ng Strangeloop, ang isang segundo na pagkaantala sa oras ng pag-load ng website ay maaaring gastos sa iyo ng 7% ng mga benta, 11% mas kaunting mga pageview, at 16% pagbaba sa kasiyahan ng customer.

    Gaano katindi ang nakakaapekto sa iyong website

    Kung hindi sapat ang mga kadahilanang ito upang mapabilis ang iyong website, dapat mong malaman na ang mga search engine tulad ng Google ay nagbibigay din ng kagustuhan sa paggamot sa SEO sa mas mabilis na paglo-load ng mga website.

    Nangangahulugan ito na sa pamamagitan ng pag-optimize ng iyong mga imahe para sa web, maaari mong kapwa mapabuti ang bilis ng website at mapalakas ang mga ranggo ng WordPress SEO.

    Tutorial ng Video

    Mag-subscribe sa WPBeginner

    Kung mas gusto mo ang mga nakasulat na tagubilin, panatilihin lamang ang pagbabasa.

    Paano Makatipid at I-optimize ang Mga Larawan para sa Pagganap ng Web?

    Ang susi sa matagumpay na pag-optimize ng imahe para sa pagganap ng web ay upang mahanap ang perpektong balanse sa pagitan ng pinakamababang laki ng file at katanggap-tanggap na kalidad ng imahe.

    Ang tatlong bagay na gumaganap ng isang malaking papel sa pag-optimize ng imahe ay:

    • Format ng file ng imahe (JPEG vs PNG vs GIF)
    • Compression (Mas Mataas na compression = mas maliit na laki ng file)
    • Mga sukat ng Imahe (taas at lapad)

    Sa pamamagitan ng pagpili ng tamang kumbinasyon ng tatlo, maaari mong bawasan ang laki ng iyong imahe ng hanggang sa 80%.

    Tingnan natin ang bawat isa sa higit pang mga detalye.

    1. Format ng File ng Larawan

    Para sa karamihan ng mga may-ari ng website, ang tanging tatlong mga format ng file ng imahe na talagang mahalaga ay ang JPEG, PNG, at GIF. Ang pagpili ng tamang uri ng file ay gumaganap ng isang mahalagang papel sa pag-optimize ng imahe.

    Upang panatilihing simple ang mga bagay, nais mong gumamit ng mga JPEG para sa mga larawan o larawan na may maraming kulay, mga PNG para sa mga simpleng imahe o kung kailangan mo ng mga transparent na imahe, at GIF para sa mga animated na imahe lamang.

    Para sa mga hindi alam ang pagkakaiba sa pagitan ng bawat uri ng file, ang format ng imahe ng PNG ay hindi naka-compress na nangangahulugang ito ay isang mas mataas na kalidad ng imahe. Ang downside ay ang laki ng file ay mas malaki.

    Sa kabilang banda, ang JPEG ay isang naka-compress na format ng file na bahagyang binabawasan ang kalidad ng imahe upang magbigay ng isang mas maliit na sukat ng file.

    Sapagkat ang GIF ay gumagamit lamang ng 256 na kulay kasama ang walang pagkawala ng compression na ginagawang pinakamahusay na pagpipilian para sa mga animated na imahe.

    Sa WPBeginner, ginagamit namin ang lahat ng tatlong mga format ng imahe batay sa uri ng imahe.

    2. Compression

    Ang susunod na bagay ay ang pag-compress ng imahe na gumaganap ng isang malaking papel sa pag-optimize ng imahe.

    Mayroong iba’t ibang mga uri at antas ng compression ng imahe na magagamit. Ang mga setting para sa bawat isa ay magkakaiba depende sa tool ng compression ng imahe na iyong ginagamit.

    Karamihan sa mga tool sa pag-edit ng imahe tulad ng Adobe Photoshop, On1 Photo, GIMP, Affinity Photo, at iba pa ay may mga built-in na tampok na compression ng imahe.

    Maaari mo ring i-save ang mga imahe nang normal at pagkatapos ay gumamit ng isang web tool tulad ng TinyPNG o JPEG Mini para sa mas madaling pag-compress ng imahe.

    Kahit na ito ay medyo manu-manong, ang dalawang pamamaraan na ito ay nagbibigay-daan sa iyo upang i-compress ang mga imahe bago i-upload ang mga ito sa WordPress, at ito ang ginagawa namin sa WPBeginner.

    Mayroon ding ilang mga tanyag na plugin ng WordPress tulad ng Optimole, EWWW Image Optimizer, at iba pa na awtomatikong mai-compress ang mga imahe kapag una mong i-upload ang mga ito. Maraming mga nagsisimula at kahit na ang mga malalaking kumpanya ay ginusto na gamitin ang mga plugin na pag-optimize ng imahe dahil madali at maginhawa.

    Magbabahagi kami nang higit pa tungkol sa mga plugin ng WordPress sa ibang pagkakataon sa artikulo.

    3. Mga Dimensyon ng Imahe

    Karaniwan, kapag nag-import ka ng isang larawan mula sa iyong telepono o isang digital camera, mayroon itong napakataas na resolusyon at malaking sukat ng file (taas at lapad).

    Karaniwan, ang mga larawang ito ay may isang resolusyon ng 300 DPI at mga sukat na nagsisimula mula sa 2000 na mga pixel at higit pa. Ang mga de-kalidad na larawan na ito ay angkop para sa pag-print o desktop. Ang mga ito ay hindi angkop para sa mga website.

    Ang pagbawas ng mga sukat ng file sa isang bagay na mas makatwiran ay maaaring makabuluhang bawasan ang laki ng file ng imahe. Maaari mo lamang baguhin ang laki ng mga imahe gamit ang isang software sa pag-edit ng imahe sa iyong computer.

    Halimbawa, na-optimize namin ang isang larawan na may 1.8 MB orihinal na laki ng file, 300 resolusyon ng DPI, at mga sukat ng imahe na 4900 × 3200 mga piksel.

    Pinili namin ang format ng jpeg para sa mas mataas na compression at binago ang mga sukat sa 1200 × 795 mga pixel, at binawasan nito ang laki ng file ng imahe sa 103 KB. Mas mababa sa 94% na iyon kaysa sa orihinal na laki ng file.

    Ngayon alam mo na ang tatlong mahalagang mga kadahilanan sa pag-optimize ng imahe, tingnan ang iba’t ibang mga tool sa pag-optimize ng imahe para sa mga may-ari ng website.

    Pinakamahusay na Mga Tool at Programa ng Pag-optimize ng Imahe

    Tulad ng nabanggit namin kanina, ang karamihan sa software ng pag-edit ng imahe ay may mga setting ng pag-optimize at pag-compress ng imahe.

    Sa labas ng software ng pag-edit ng imahe, mayroon ding maraming makapangyarihang libreng tool sa pag-optimize ng imahe na maaari mong gamitin upang ma-optimize ang mga imahe para sa web (na may ilang mga pag-click lamang).

    Inirerekumenda namin ang paggamit ng mga tool na ito upang mai-optimize ang mga imahe bago mo mai-upload ang mga ito sa WordPress, lalo na kung ikaw ay isang perpektoista.

    Ang pamamaraang ito ay tumutulong sa iyo na i-save ang puwang ng disk sa iyong WordPress account sa pagho-host, at ginagarantiyahan nito ang pinakamabilis na imahe na may pinakamahusay na kalidad dahil manu-mano mong suriin ang bawat imahe.

    Adobe Photoshop

    Ang Adobe Photoshop ay isang premium na software na may isang tampok upang mai-save ang mga imahe na na-optimize para sa web. Buksan lamang ang iyong imahe at mag-click sa pagpipilian na “File» I-save para sa Web “.

    Magbubukas ito ng isang bagong kahon ng dialogo. Sa kanan, maaari kang magtakda ng iba’t ibang mga format ng imahe. Para sa format ng JPEG, makikita mo ang iba’t ibang mga pagpipilian sa kalidad. Kapag pinili mo ang iyong mga pagpipilian, ipapakita rin sa iyo ang laki ng file sa kaliwang kaliwa.

    Ang pag-save ng mga imahe na-optimize para sa web gamit ang Photoshop

    GIMP

    Ang GIMP ay isang libre at bukas na alternatibong mapagkukunan sa sikat na Adobe Photoshop. Maaari itong magamit upang mai-optimize ang iyong mga imahe para sa web. Ang downside ay hindi ito madaling gamitin tulad ng ilang iba pang mga solusyon sa listahang ito.

    Una, kailangan mong buksan ang iyong imahe sa GIMP at pagkatapos ay piliin ang File »I-export Bilang pagpipilian. Dadalhin nito ang i-save na kahon ng dialog ng file. Bigyan ang iyong file ng isang bagong pangalan at pagkatapos ay mag-click sa pindutan ng pag-export.

    I-export ang imahe sa GIMP

    Ito ay magdadala ng mga pagpipilian sa pag-export ng imahe. Para sa jpeg file, maaari mong piliin ang antas ng compression upang mabawasan ang laki ng file. Sa wakas, mag-click sa pindutan ng pag-export upang i-save ang na-optimize na file ng imahe.

    TinyPNG

    Ang TinyPNG ay isang libreng web app na gumagamit ng isang matalinong diskarte sa pag-compress ng lossy upang mabawasan ang laki ng iyong mga file ng PNG. Ang kailangan mo lang gawin ay pumunta sa kanilang website at mai-upload ang iyong mga imahe (simpleng pag-drag & bumagsak).

    Gamit ang TinyPNG upang mai-optimize ang mga imahe para sa WordPress

    Pipilitin nila ang imahe, at bibigyan ka ng pag-download link. Maaari mong gamitin ang kanilang website ng kapatid na babae, TinyJPG, para sa compression ng imahe ng JPEG.

    Mayroon din silang isang extension para sa Adobe Photoshop na kung saan ay ginagamit namin bilang bahagi ng aming proseso ng pag-edit ng imahe dahil pinagsasama nito ang pinakamahusay sa TinyPNG at TinyJPG sa loob ng Photoshop.

    Para sa mga nag-develop, mayroon silang isang API upang awtomatikong mai-convert ang mga imahe, at para sa mga nagsisimula mayroon silang isang WordPress plugin na maaaring awtomatikong gawin ito para sa iyo (higit pa sa susunod na).

    JPEG Mini

    Gumagamit ang JPEGmini ng isang teknolohiya ng pagkawala ng pagkawala ng compression na makabuluhang binabawasan ang laki ng mga imahe nang hindi nakakaapekto sa kanilang kalidad ng pang-unawa. Maaari mo ring ihambing ang kalidad ng iyong orihinal na imahe at ang naka-compress na imahe.

    JPEGMini online na tool ng compression ng imahe

    Maaari mong gamitin ang kanilang web bersyon nang libre, o bumili ng programa para sa iyong computer. Mayroon din silang isang bayad na API upang i-automate ang proseso para sa iyong server.

    ImageOptim

    Ang ImageOptim ay isang utility ng Mac na nagbibigay-daan sa iyo upang i-compress ang mga imahe nang hindi nawawala ang anumang kalidad sa pamamagitan ng paghahanap ng pinakamahusay na mga parameter ng compression at pagtanggal ng mga hindi kinakailangang profile ng kulay.

    ImageOptim

    Ang alternatibong Windows sa ito ay Trimage.

    Pinakamahusay na Plugin ng Pag-optimize ng Larawan para sa WordPress

    Naniniwala kami na ang pinakamahusay na paraan upang mai-optimize ang iyong mga imahe ay sa pamamagitan ng paggawa nito bago i-upload ang mga ito sa WordPress. Gayunpaman, kung nagpapatakbo ka ng isang site na multi-may-akda o nangangailangan ng isang awtomatikong solusyon, maaari mong subukan ang isang plugin ng compression ng WordPress image.

    Nasa ibaba ang aming listahan ng pinakamahusay na mga plugin ng compression ng imahe ng WordPress:

    1. Optimole – tanyag na plugin ng koponan sa likod ng TemaIsle.
    2. EWWW Image Optimizer
    3. Compress JPEG & Mga imahe ng PNG – plugin ng koponan ng TinyPNG na nabanggit sa itaas sa artikulo.
    4. Isipin – plugin ng sikat na koponan ng plugin ng WP Rocket plugin.
    5. ShortPixel Image Optimizer
    6. WP Smush
    7. reSmush.it

    Ang paggamit ng alinman sa mga plugin ng pag-optimize ng imahe ng WordPress ay makakatulong sa iyong mapabilis ang iyong website.

    Pangwakas na Kaisipan at Pinakamahusay na Kasanayan para sa Pag-optimize ng Imahe

    Kung hindi ka nagse-save ng mga imahe na na-optimize para sa web, kailangan mong simulan ang paggawa ngayon. Ito ay gumawa ng isang malaking pagkakaiba sa bilis ng iyong site, at pasalamatan ka ng iyong mga gumagamit para dito.

    Hindi man banggitin, ang mas mabilis na mga website ay mahusay para sa SEO, at malamang na makakakita ka ng pagtaas sa mga ranggo ng iyong search engine.

    Sa labas ng pag-optimize ng imahe, ang dalawang bagay na makakatulong sa iyo na mapabilis ang iyong website ay gumagamit ng isang WordPress caching plugin at paggamit ng isang WordPress CDN.

    Bilang kahalili, maaari mong gamitin ang isang pinamamahalaang kumpanya ng hosting ng WordPress dahil madalas silang nag-aalok ng parehong caching at CDN bilang bahagi ng platform.

    Inaasahan naming nakatulong sa iyo ang artikulong ito kung paano mo mai-optimize ang iyong mga imahe sa WordPress. Maaari mo ring makita ang aming gabay sa kung paano pagbutihin ang seguridad ng WordPress at ang pinakamahusay na plugin ng WordPress para sa mga website ng negosyo.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map