Ang Ultimate Gabay sa Pamamahala ng Imahe ng WordPress

  1. 1. Kasalukuyang nagbabasa: Ang Ultimate Gabay sa Pamamahala ng Imahe ng WordPress
  2. 2. 3 Mas kaunting Kilalang Mga Tip sa Pamamahala ng Imahe sa WordPress
  3. 3. Mga Larawan ng SEO ng SEO ng WordPress at Paano Ayusin ang mga ito

Ang visual effects ay isa sa pinakamahalagang tampok pagdating sa isang nakakaapekto sa plano sa marketing ng nilalaman. Maligayang pagdating sa isang bagong serye ng post – Ang Ultimate Guide sa Pamamahala ng Imahe sa WordPress.


Ito ay idinisenyo upang mabigyan ka ng mga tool na kinakailangan upang pamahalaan ka ng mga asset ng imahe sa WordPress – mula mismo sa mga teknikal na pag-optimize, SEO, pagsasama ng CDN, at pamamahala ng library. Sa gabay na multipart na ito, inirerekumenda lamang namin ang mga pamamaraan, tutorial, plugin at mga tema na sinubukan namin o inirerekumenda ng mga eksperto sa industriya.

Maiiwasan din namin nang walang imuhang iminumungkahi ang mga plugin na may mataas na paggamit sa lalagyan ng WordPress. Sa halip, inirerekumenda namin ang mga na hampasin ang perpektong chord sa pagitan ng halaga ng panukala at pag-optimize ng pagganap.

Maaari kang magtaka kung paano namin gagawin iyon. 24,000+ na pag-download ng aming Kabuuan – Tumutulong na tema ng Multipurpose WordPress sa ThemeForest ay maaaring hindi isang mahusay na tagapagpahiwatig.

Buweno, sinaksak namin ang pinakamahusay na mga blog mula sa mga nangungunang kumpanya ng hosting ng WordPress (tulad ng WPEngine at Pagely) at natutunan kung ano sila natutunan kapag naghahatid ng bilyun-bilyong pageview sa libu-libong mga kliyente na may mataas na profile. Nai-compress namin ang lahat ng impormasyong ito para sa iyo sa maliit na talata at mga puntos ng bala para sa iyong tagumpay sa online. Magsisimula na tayo, dapat ba?

Mga Tip sa Teknikal at Pagganap ng Pag-optimize para sa Mga Larawan ng WordPress

Mayroong kaunting mga pagpipilian sa pag-optimize ng imahe na magagamit sa WordPress na ginagawa hindi maglagay ng hindi kinakailangang pag-load sa web server. Titingnan namin ang ilan sa mga pinakakaraniwang tip sa pag-optimize ng imahe na lahat dapat sundin, kasama ang ilang iba pang dumating na madaling gamitin sa mga espesyal na okasyon.

JPG o PNG? Gamit ang Tamang Format ng Imahe

Ang pinakaunang hakbang sa pag-optimize ng imahe ay isang mahusay na pagsisimula. Sinabi nila na ang isang trabaho na sinimulan nang maayos ay kalahati tapos na. Iyon mismo ang kaso pagdating sa pag-optimize ng imahe sa WordPress. Nagsisimula ang lahat sa pagpili ng tamang format ng imahe. Ang JPG at PNG ay ang dalawang pinaka-karaniwang mga format ng imahe na ginamit online sa marketing ng nilalaman.

Ang trick ay upang maunawaan kung aling format ang pipiliin para sa bawat uri ng imahe. Ang pagpili ng mali ay nagdudulot ng isang napakalaking pagtaas sa laki ng imahe. Narito ang mga patakaran.

Kailan magamit ang format ng PNG?

Para sa mga flat na imahe – tulad ng mga vectors, ilustrasyon, font, logo, banner, hugis, banner, atbp – anumang bagay na nilikha sa isang vector format tulad ng EPS o Adobe Illustrator (.AI) na format, gumamit ng PNG. Tatapusin mo ang pagkuha ng isang na-optimize na imahe na may halos pagkawala ng kalidad ng kalidad. Kung gumagamit ka ng JPG sa kasong ito, hindi ka makakompromiso sa laki, ngunit maaaring naubusan ng kalidad. Sa katunayan, sa mas mataas na mga resolusyon, ang PNG ay magiging magaan nang walang pagkawala ng kalidad. Ang JPG ay magdurusa.

Dalhin ang kanyang halimbawa. Gumagawa kami ng isang patag na imahe sa 5000px at i-save ito bilang isang JPG at PNG.

Halimbawang imahe na ginamit para sa pagsubok

Larawan ng Flat
JPG233KB
PNG42KB

Sa madaling sabi, ang imahe ng JPG ay 455% na mas mataas kaysa sa PNG para sa parehong resolusyon.

Kailan gagamitin ang format ng JPG?

Para sa lahat ng bagay, gumamit ng isang JPG. Ang anumang bagay maliban sa isang flat o vector na imahe, gamitin ang JPG. Mga larawan ng mga tao, lugar, bagay, atbp – gumamit ng JPG. Halos lahat ng mga larawan ng stock sa ilalim ng kategoryang ito ay gumagamit ng JPG. Kung gumamit ka ng PNG sa lugar ng isang JPG, tatakbo ka sa ilan mga seryosong isyu sa pagganap.

Kailangan mong maging labis na maingat sa kasong ito. Kung gumagamit ka ng isang JPG sa lugar ng isang PNG, kaunti o walang pinsala. Gayunpaman, kung gumagamit ka ng isang madugong PNG sa kaso ng isang JPG, lumikha ka ng maraming silid para sa pinsala. Tingnan ang halimbawang ito.

Pag-setup: Nai-download ko ang imaheng ito mula sa Shutterstock, na tumitimbang sa paligid 10.3MB sa isang resolusyon ng 6149 × 4562 – mahalagang isang 28MP stock photo. Maliban kung naghahanda kami ng isang bagay na tulad ng isang naka-print na brochure, hindi namin ginagamit ang buong resolusyon ng larawan sa aming mga blog. Sabihin nating mayroon kaming isang naayos na laki ng imahe ng max ng aming blog ng 1600px.

Eksperimento: Gagamitin namin ang laki ng imahe ng mapagkukunan sa 1600px at lumikha apat na bersyon – dalawa para sa PNG format at dalawa para sa JPG. Para sa bawat format (JPG / PNG), gagamitin namin ang (a) inirerekumenda ang mga setting ng compression at ang (b) maximum na mga setting ng compression.

Halimbawang imahe para sa eksperimento ng JEPG

Mga Resulta: Narito ang mga resulta sa isang magandang tsart para sa iyo na sundin:

Orihinal na Imahe (KB)

10870
Pagresolba ng Target1600px
FormatMga settingLaki (KB)% Pagbawas
JPGProgresibo, Kalidad = 8523198%
Di-maunlad, Kalidad = 8523998%
PNGCompression = 0557549%
Compression = 6185283%
Compression = 9175084%

Mula sa isang unang sulyap, maaaring isipin ng isa na ang 84% na compression ng PNG ay sapat na kumpara sa 98% na nakamit sa JPG. Hindi iyon totoo. Kung mas maingat mong tingnan ang mga sukat ng imahe, makikita mo na ang PNG ay tumimbang ng kaunti sa 1.7MB samantalang ang JPG ay 0.22MB. Na nangangahulugang, ang Ang PNG ay 8 beses na mas mabigat kaysa sa JPG bersyon ng parehong imahe sa parehong resolusyon. Sa madaling salita, para sa parehong imahe at resolusyon, ang bersyon ng JPG ay 700% na mas magaan kaysa sa PNG!

Para sa parehong imahe at resolusyon, ang bersyon ng JPG ay 700% na mas magaan kaysa sa PNG!

Bilang isang patakaran ng hinlalaki, gumamit ng PNG para sa mga flat na imahe at JPG para sa lahat.

Checklist para sa Pag-upload ng mga larawan ng Stock sa Mga Blog

Mayroong mga toneladang blog kung saan direktang nai-upload ng mga editor ang buong bersyon ng paglutas ng imahe sa kanilang mga post sa blog. Narito ang ilang mga payo para sa pag-upload ng mga larawan ng stock sa mga blog. Gumagamit ako ng isang libreng software na tinatawag na IrfanView na maraming mga kamangha-manghang mga tampok. Ilalarawan ko ang bawat isa para sa iyo.

1. Baguhin ang laki ng iyong Imahe

Una, kailangan mong magpasya ng isang max na resolution para sa lahat ng iyong mga imahe sa iyong WordPress site. Ang anumang imahe sa itaas na sukat na ito ay magiging sukat, maliban kung ito ay mas maliit.

IrfanView mayroong Pagbabago ng Batch tampok (pindutin ang B pagkatapos ilunsad ang app) na maaaring mag-aplay ng isang listahan ng mga pag-andar sa isang bungkos ng mga imahe sa isang go. Para sa aming mga layunin, ang mga pag-andar ay nagsasama ng pagbabago ng laki, pag-crop, pagdaragdag ng isang watermark, atbp.

2. Alisin ang EXIF ​​Data

Ang mga larawan na naka-click sa isang regular na kamera ay may maraming naka-embed metadata – na walang iba kundi maliit (ngunit kapaki-pakinabang) na mga piraso ng impormasyon tungkol sa imahe. Ang mga halimbawa ng naturang impormasyon ay kinabibilangan ng mga coordinate ng GPS ng lugar ay na-click ang pic, mga setting ng ISO, modelo ng camera, atbp.

Ang impormasyon ng EXIF ​​ng isang random na larawan na nag-click sa aking iPhone

Maliban kung kami ay nagba-blog sa larawan, sa pangkalahatan ay hindi namin nais ang ganoong impormasyon sa imahe ng isang post sa blog. Kapag nagse-save ka o batch ang pag-convert ng mga imahe sa IrfanView, karaniwang data ang EXIF. Makakatulong ito sa pagpapanatili ng iyong privacy – lalo na ang iyong pisikal na lokasyon. Ang pagkakaiba sa laki para sa karamihan ng mga larawan ay tungkol sa 200-300 KB bawat imahe.

3. I-save bilang Progressive JPG

Nai-save ng IrfanView ang mga JEPG bilang progresibo sa pamamagitan ng default

Ang isang progresibong imahe ng JPG ay naglo-load ng layer ng imahe sa pamamagitan ng layer – sa gayon pinapabilis ang oras ng pagkarga. Ang Mga Networks sa Paghahatid ng Nilalaman tulad ng KeyCDN ay nagsimula awtomatikong nagko-convert Ang mga JPG sa mga progresibong JPG upang mapabilis ang paghahatid ng imahe at ma-optimize ang imbakan.

4. Itakda ang DPI sa 72

Ang DPI o mga tuldok bawat pulgada ay isang sukatan ng kalidad ng imahe. Ang isang mataas na halaga ng DPI ay ginagamit para sa materyal na naka-print. Para sa web, ang isang halaga ng 72 ay perpekto.

Okay, kaya ang pagbubuod sa itaas, sumusunod ang mga setting ko. Pinapatakbo ko ang tampok na ito sa sandaling naipon ko ang lahat ng mga imahe para sa aking blog post – bago i-upload ang mga imahe sa WordPress.

Mga setting ng conversion ng Batch sa IrfanView para sa isang tipikal na blog na WordPress

5. I-optimize ang iyong mga Imahe

Hindi mahalaga kung ginamit mo ang JPG o PNG, kailangan mong i-optimize ang iyong imahe. Mayroong maraming mga seryosong kamangha-manghang mga tool sa online na makakatulong sa iyo na ma-optimize ang iyong mga imahe at i-save ang isang maraming ng espasyo.

Ako ay nagsasalita tungkol sa mga serbisyo tulad ng TinyPNG o TinyJPG na simpleng nai-optimize ang iyong mga imahe PNG / JPG na may ilang mga advanced na algorithm.

Na-optimize na mga imahe sa TinyPNG

Upang maging matapat, hindi ko alam kung paano gumagana ang mga algorithm, ngunit ginagawa nila at lagi kong nakakuha ng isang pagbawas ng 50-70% kahit gaano pa ako makakatipid sa kanila.

Maaari mo ring bilhin ang pro bersyon ng serbisyo bilang isang plugin ng Photoshop para sa $ 50 USD. Parehong Windows at Mac na bersyon ay magagamit. Para sa aking mga layunin, ang online na bersyon (kasama ang I-save sa Dropbox tampok) pinakamahusay na gumagana.

Plugin ng Pag-optimize ng Larawan sa WordPress

Sa ngayon, nalaman namin ang mga hakbang ng pagkuha nagsimula tama. Paano kung natitisod ka ngayon sa post na ito, at mayroon nang 100 na mga imahe na nai-upload? Well, narito ang ilang mga plugin upang matulungan ka sa na:

EWWW Cloud Image Optimizer

Ang plugin na ito ay isang tinidor ng orihinal at wildly popular EWWW Image Optimizer isaksak. Pag-amassing ng higit sa 500,000 pag-download, pinapayagan ka ng mga plugin na ito ng optimization ng imahe na ma-optimize ang mga imahe dahil na-upload sila sa WordPress.

Ano ang nagtatakda nito mula sa kumpetisyon ay ang kakayahang mai-optimize ang umiiral na mga imahe sa iyong database, na nagreresulta sa isang malaking pag-ingay sa pagganap. Nagse-save din ito ng mga makabuluhang gastos sa bandwidth dahil karamihan sa iyong trapiko ay nagmula sa mga lumang artikulo. Maaari mo ring opsyonal na pumili upang paganahin ang lossy na compression ng imahe (na kung saan ay halos nakikita ng hubad na mata) ngunit maaaring makatipid ng maraming puwang at bandwidth. Sa mga tuntunin ng teknolohiya sa pag-optimize, maaari itong gumamit ng TinyPNG o TinyJPG’s API upang mai-optimize ang bago at umiiral na mga imahe.

Ngunit narito ang problema. Ang isang maraming mga host (kabilang ang WPEngine) ay hindi pinapayagan ang EWWW Image Optimization plugin dahil naglalagay ito ng maraming karagdagang pag-load sa server. Kung kahit papaano pinamamahalaan mo ang mga paghihigpit ng server, maaari mong ipagsapalaran ang iyong account na nasuspinde dahil sa mga paglabag sa patakaran.

Narito ang EWWW Cloud Optimizer plugin ay naglalaro. Tinatanggal nito ang lahat ng pagkalkula na kinakailangan upang mai-optimize ang mga imahe sa ulap at pinapalitan lamang ang mga hindi na-optimize na mga imahe sa mga na-optimize. Dahil ang halos zero na kapangyarihan ng CPU ay ginagamit para sa compression, walang karagdagang pag-load sa pagkasira. May bisa ito para sa lahat ng bago at umiiral na mga conversion ng imahe sa iyong WordPress site.

Mga Plano at Pagpepresyo: Tulad ng inaasahan ng isa, ang plugin ay hindi libre dahil dapat magbayad ang developer ng mga bill sa pag-computing sa ulap. Gayunpaman, ang pagpepresyo ay lubos na makatwirang nagkakahalaga ng $ 9 USD para sa 3000 na pag-optimize ng imahe para sa isang prepaid na subscription.

Ang plugin ng EWWW Cloud Optimizer ay dinisenyo nang maganda. Sinasabi sa iyo ng media scanner kung gaano karaming mga imahe na kailangan mo upang mai-optimize bago gumawa ng pagbili. Batay sa mga imahe ng iyong server, maaari kang bumili ng isang nauugnay na plano sa paunang bayad.

TinyPNG WordPress Plugin

Ang isa pang mahusay na plugin ng pag-optimize ng imahe na direkta na nagsasama sa serbisyo ng TinyPNG / JPG. Ito ay awtomatikong bago at umiiral na mga imahe na na-upload sa WordPress media library. Nag-aalok ang plugin na ito ng isang libreng plano ng 100 mga pag-optimize ng imahe bawat buwan.

Pinagsama ni Freddy ang isang listahan ng mga plugin ng pag-optimize ng imahe sa sandaling bumalik – bigyan ito ng isang basahin kung nais mong malaman ang higit pa sa paksa.

Konklusyon

Dinadala tayo nito sa pagtatapos ng unang post sa seryeng ito. Sa susunod na artikulo, alamin kung paano ang ilang mas kaunting kilalang mga tip sa pag-optimize ng imahe at trick tulad ng pagpigil sa hotlinking, pagkuha ng mga imahe mula sa mga malayuang server at iba pa. Mayroon ka bang ilang mga tip sa ilalim ng nagsisimula ng tama kategorya? Ipaalam sa amin sa mga komento sa ibaba.

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