Ultimate Guide to ImagePress Image Management

  1. 1. Lestur sem stendur: Ultimate Guide to ImagePress Image Management
  2. 2. 3 Minni þekktar ráð um myndastjórnun í WordPress
  3. 3. Mistök WordPress myndar og hvernig á að laga þau

Sjónræn áhrif eru ein mikilvægustu eiginleikarnir þegar kemur að markvissri áætlun um markaðssetningu á innihaldi. Verið velkomin í glænýja póstaseríu – The Ultimate Guide to Image Management í WordPress.


Það er hannað til að gefa þér þau tæki sem nauðsynleg eru til að stjórna myndum þínum í WordPress – allt frá tæknilegri hagræðingu, SEO, CDN samþættingu og bókasafnastjórnun. Í þessari fjölhluta handbók, munum við aðeins mæla með þessum aðferðum, námskeiðum, viðbætum og þemum sem við höfum reynt eða eru mælt með af iðnaðarsérfræðingum.

Við munum einnig forðast að benda blindum á viðbætur sem nota mikla notkun í WordPress geymslunni. Við munum frekar mæla með þeim sem lenda í fullkomnu strengi milli verðmæti og frammistöðu.

Þú gætir velt því fyrir þér hvernig við hefðum gert það. 24.000+ niðurhöl af samtals – móttækilegri WordPress þema okkar í ThemeForest eru ef til vill ekki frábær vísbending.

Jæja, við höfum fundið bestu blogg frá leiðandi WordPress hýsingarfyrirtækjum (eins og WPEngine og Pagely) og lærði hvað þeir komst að því þegar þjónar milljarðar blaðsíðu skoðana hjá þúsundum áberandi viðskiptavina. Við höfum þjappað öllum þessum upplýsingum fyrir þig í örsmáar málsgreinar og skothríð stig fyrir árangur þinn á netinu. Við skulum byrja?

Tækni og hagræðingarárangur fyrir WordPress myndir

Það eru alveg nokkrir möguleikar á myndavæðingu í boði í WordPress sem gera það ekki setja óþarfa álag á netþjóninn. Við munum skoða nokkur algengustu ráðin um hagræðingu í myndinni sem allir ætti fylgja, ásamt nokkrum öðrum sem koma inn, koma sér vel við sérstök tækifæri.

JPG eða PNG? Að nota rétt myndasnið

Fyrsta skrefið í hagræðingu myndarinnar er góð byrjun. Þeir segja að starfi sem vel er byrjað sé hálf gert. Það er nákvæmlega raunin þegar kemur að hagræðingu mynda í WordPress. Allt byrjar með því að velja rétt myndasnið. JPG og PNG eru tvö algengustu myndasnið sem notuð eru á netinu í efnismarkaðssetningu.

Galdurinn er að skilja hvaða snið á að velja fyrir hverja tegund myndar. Að velja rangt veldur stórkostlegri aukningu á myndastærð. Hér eru reglurnar.

Hvenær á að nota PNG snið?

Notaðu PNG fyrir flatir myndir – svo sem vektorar, myndskreytingar, letur, merki, borða, form, borða o.s.frv. Þú munt endir fá bjartsýni í mynd með næstum núllgæðatapi. Ef þú notar JPG í þessu tilfelli muntu ekki skerða stærðina, heldur gæti það klárast gæði. Reyndar, við hærri upplausn, væri PNG léttara án gæðataps. JPG myndi þjást.

Tökum dæmi hans. Við munum búa til flata mynd í 5000px og vista hana sem JPG og PNG.

Dæmi um mynd sem notuð var við prófun

Flat mynd
JPG233KB
PNG42KB

Í hnotskurn var JPG myndin 455% hærri en PNG fyrir sömu upplausn.

Hvenær á að nota JPG snið?

Notaðu JPG fyrir allt hitt. Notaðu JPG allt annað en flata eða vektor mynd. Myndir af fólki, stöðum, hlutum osfrv – notaðu JPG. Næstum allar myndir í þessum flokki nota JPG. Ef þú notar PNG í stað JPG myndir þú lenda í einhverjum alvarleg afkomumál.

Þú verður að vera sérstaklega varkár í þessu tilfelli. Ef þú notar JPG í stað PNG, þá væru litlar sem engar skemmdir. Hins vegar, ef þú notar blóðuga PNG ef um JPG er að ræða, þá skapar þú mikið pláss fyrir skemmdir. Skoðaðu þetta dæmi.

Skipulag: Ég hef halað niður þessari mynd frá Shutterstock, sem vegur í kring 10,3 MB með ályktun frá 6149 × 4562 – í raun 28MP lager ljósmynd. Við notum ekki fulla upplausn af myndinni í bloggunum okkar nema að undirbúa eitthvað eins og prentbúinn bækling. Segjum að við höfum fast hámarks myndastærð af blogginu okkar 1600px.

Tilraun: Við munum breyta stærð frummyndarinnar í 1600px og búa til fjórar útgáfur – tvö fyrir PNG snið og tvö fyrir JPG. Fyrir hvert snið (JPG / PNG) munum við nota (a) mæla með þjöppunarstillingum og (b) hámarksþjöppunarstillingum.

Sýnishorn af JEPG tilraun

Úrslit: Hér eru niðurstöðurnar í fallegu töflu sem þú getur fylgst með:

Upprunaleg mynd (KB)

10870
Marklausn1600px
SniðStillingarStærð (KB)% Minnkun
JPGFramsóknar, gæði = 8523198%
Ekki framsækið, gæði = 85239. mál98%
PNGSamþjöppun = 0557549%
Samþjöppun = 6185283%
Samþjöppun = 9175084%

Frá fyrstu sýn mætti ​​halda að 84% samþjöppun PNG sé nógu góður á móti þeim 98% sem náðust í JPG. Það er ekki alveg satt. Ef þú skoðar myndirnar stærri, myndirðu sjá að PNG vegur rúmlega 1,7 MB en JPG er 0,22 MB. Sem þýðir, PNG er 8 sinnum þyngri en JPG útgáfa af sömu mynd með sömu upplausn. Með öðrum orðum, fyrir sömu mynd og upplausn, JPG útgáfan er 700% léttari en PNG!

Fyrir sömu mynd og upplausn er JPG útgáfan 700% léttari en PNG!

Notaðu PNG fyrir flatur myndir og JPG fyrir allt annað.

Gátlisti til að hlaða upp myndum í bloggi

Það eru mörg blogg þar sem ritstjórar senda beint útgáfu myndarinnar í fullri upplausn í bloggfærslurnar sínar. Hér eru nokkur ábendingar um að hlaða upp myndum á blogg. Ég nota ókeypis hugbúnað sem heitir IrfanView sem hefur mikið af ógnvekjandi eiginleikum. Ég skal myndskreyta hvert og eitt fyrir þig.

1. Stærð myndar þinnar

Í fyrsta lagi þarftu að ákveða hámarksupplausn fyrir allar myndir á WordPress vefnum þínum. Stærð mynda yfir þeirri vídd yrði breytt, nema hún sé auðvitað minni.

IrfanView á Hópbreyting lögun (ýttu á B eftir að appið hefur verið sett af stað) sem getur beitt lista yfir aðgerðir á fullt af myndum í einu. Aðgerðir okkar fela í sér að breyta stærð, skera, bæta vatnsmerki osfrv.

2. Fjarlægðu EXIF ​​gögn

Myndir sem smellt er á venjulega myndavél hafa mikið af innfelldum lýsigögn – sem er ekkert nema pínulítill (en gagnlegur) hluti af upplýsingum um myndina. Dæmi um slíkar upplýsingar eru GPS hnit staða þar sem smellt var á myndina, ISO stillingar, gerð myndavélar osfrv.

EXIF upplýsingar um handahófi mynd sem smellt var á iPhone minn

Við viljum almennt ekki hafa slíkar upplýsingar í mynd bloggfærslunnar nema við séum að blogga. Þegar þú vistar eða hópur umbreytir myndum í IrfanView eru EXIF ​​gögn yfirleitt fjarlægð. Þetta hjálpar til við að varðveita friðhelgi þína – sérstaklega staðsetningu þína. Stærðarmunur hjá flestum myndum er um 200-300 KB á hverja mynd.

3. Vista sem Progressive JPG

IrfanView vistaði JEPG sem sjálfgefið sem framsækið

Framsækin JPG-mynd hleður myndinni lag fyrir lag – og flýtir þar með hleðslutímann. Net fyrir afhendingu efnis eins og KeyCDN er byrjað umbreyta sjálfkrafa JPG til framsækinna JPG til að flýta fyrir afhendingu mynda og hámarka geymslu.

4. Stilltu DPI á 72

DPI eða punktar á tommu er mælikvarði á gæði myndarinnar. Hátt DPI gildi er notað fyrir prentefni. Fyrir vefinn er gildi 72 fullkomið.

Allt í lagi, svo að draga saman ofangreint, eftirfarandi eru mínar stillingar. Ég rek þennan möguleika þegar ég hef tekið saman allar myndir fyrir bloggfærsluna mína – áður en ég hlaði myndunum upp á WordPress.

Hópstillingarstillingar í IrfanView fyrir dæmigert WordPress blogg

5. Fínstilltu myndirnar þínar

Sama hvort þú hefur notað JPG eða PNG, þá þarftu að fínstilla myndina þína. There ert a einhver fjöldi af mjög ógnvekjandi verkfæri á netinu sem hjálpa þér að fínstilla myndirnar þínar og vista mikið af rými.

Ég er að tala um þjónustu eins og TinyPNG eða TinyJPG sem einfaldlega hámarkar PNG / JPG myndirnar þínar með nokkrum háþróuðum reikniritum.

Bjartsýni mynda í TinyPNG

Til að vera heiðarlegur, þá veit ég ekki hvernig reikniritin vinna, en þau gera það og ég hef alltaf getað fengið lækkun um 50-70%, sama hversu best ég spara þá.

Þú getur líka keypt atvinnumaður útgáfa þjónustunnar sem Photoshop viðbót fyrir $ 50 USD. Bæði Windows og Mac útgáfur eru fáanlegar. Í mínum tilgangi er netútgáfan (ásamt Vista í Dropbox lögun) virkar best.

Image Optimization Plugins í WordPress

Enn sem komið er höfum við lært skrefin að komast byrjaði rétt. Hvað ef þú hefur lent í þessari færslu núna og þegar 100s af myndum verið hlaðið upp? Jæja, hér eru nokkur viðbætur til að hjálpa þér við það:

EWWW fínstillingu skýjamynda

Þessi viðbót er gaffal af upprunalegu og mjög vinsæll EWWW fínstillingu mynda stinga inn. Með því að safna meira en 500.000 niðurhalum, þá gerir þessi myndfínstillingarforrit þér kleift að fínstilla myndir þegar þeim er hlaðið upp á WordPress.

Það sem aðgreinir það frá samkeppninni er geta þess til að fínstilla núverandi myndir í gagnagrunninum þínum, sem hefur í för með sér mikla frammistöðuhögg. Það sparar einnig umtalsverðan bandbreiddarkostnað þar sem mest af umferðinni þinni kemur frá gömlum greinum. Þú getur einnig valið að virkja myndlausa þjöppun (sem er varla með berum augum) en getur sparað mikið pláss og bandbreidd. Hvað varðar hagræðingartækni getur það notað TinyPNG eða API TinyJPG til að fínstilla nýjar og núverandi myndir.

En hér er vandamálið. A einhver fjöldi af gestgjöfum (þ.mt WPEngine) leyfir ekki EWWW Image Optimization viðbótina þar sem það setur mikið viðbótarálag á netþjóninn. Ef þér tekst einhvern veginn að framhjá takmörkunum á netþjóni gætirðu hætt við að reikningurinn þinn verði lokaður vegna brota á stefnu.

Þetta er þar sem EWWW Cloud Optimizer tappi kemur til leiks. Það hleðst af allri útreikningi sem þarf til að hámarka myndirnar í skýið og kemur einfaldlega í stað óuppfylltu myndanna fyrir bjartsýni. Þar sem nánast núll CPU afl er notaður til þjöppunar er ekkert viðbótarálag á skurðinn. Þetta gildir fyrir allar nýjar og núverandi myndbreytingar á WordPress vefnum þínum.

Áætlun og verðlagning: Eins og menn geta búist við er viðbótin ekki ókeypis þar sem verktaki verður að greiða skýjareikninga. Hins vegar verðlag er mjög sanngjarnt að kosta $ 9 USD fyrir 3000 myndfínstillingar fyrir fyrirframgreidda áskrift.

EWWW Cloud Optimizer viðbótin er hönnuð fallega. Margmiðlunarskanninn segir þér hversu margar myndir þú þarft að hagræða áður en þú kaupir. Byggt á myndum netþjónsins geturðu keypt viðeigandi fyrirframgreitt áætlun.

TinyPNG WordPress viðbót

Þetta er annar frábær viðbótarbúnaður fyrir myndfínstillingu sem samlagast beint við TinyPNG / JPG þjónustuna. Það sjálfkrafa nýjar og núverandi myndir settar inn á WordPress fjölmiðlasafnið. Þessi viðbót býður upp á ókeypis áætlun um 100 myndfínstillingar á mánuði.

Freddy hafði tekið saman lista yfir viðbætur vegna myndaupptöku fyrir nokkru aftur – láttu hana lesa ef þú vilt vita meira um efnið.

Niðurstaða

Þetta færir okkur til loka fyrstu færslunnar í þessari röð. Lestu vel í næstu grein hvernig nokkur minna þekkt ráð um hagræðingu mynda og bragðarefur eins og að koma í veg fyrir hotlinking, sækja myndir frá ytri netþjónum og þess háttar. Ertu með einhver ráð undir að byrja rétt flokkur? Láttu okkur vita í athugasemdunum hér að neðan.

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