Hvernig á að fínstilla myndir þínar til að vera SEO vingjarnlegur (heildarleiðbeiningar)

Árangur vefsvæðisins þíns er háð nokkrum þáttum, allt frá tilteknum vefþjóninum sem þú velur, í framhaldi af því að fylgja leiðbeiningum um aðgengi að vefsíðunni, til myndarstærðanna sem þú notar.


Snið þeirra fyrir rétta stærð getur hins vegar dregið úr gæðum vegna breytinganna sem þú gerir. Góðu fréttirnar eru þær að þú getur haldið hámarks myndgæðum og fengið rétta stærð með nokkrum tækni og brellum.

Hvað er hagræðing í myndinni?

mál hagræðingarVefsíður geta orðið fyrir verulegri hægagang þegar stórar myndir eru til staðar. Þetta getur dregið úr hleðslutímum og gert almenna upplifun að hluta fyrir gesti vefsins.

Að fækka skránni er hagræðing myndar. Þú getur notað handrit eða viðbót fyrir þetta.

Þetta leiðir síðan til hraðari hleðslutíma fyrir síðurnar þínar. Taplaus og taplaus þjöppun eru tvær algengustu hagræðingaraðferðirnar.

Kostir myndmyndunar

meðaltal myndastærða á vefnumÁætlað er að um það bil 54 prósent af heildarþyngd vefsíðunnar séu vegna mynda.

Þegar þú ert að vinna að hagræðingu vefsíðna ættu myndir þínar að vera fyrsta verkefnið þitt vegna þessa. Kostirnir við snið myndar eru:

  • Bættur hleðsla síðuhleðslu
  • Það er fljótlegra að búa til afrit
  • Minna geymslurými er krafist
  • Bætt SEO með réttu SEO viðbótinni
  • Minni bandbreidd er notuð

Hvernig á að bæta árangur með hagræðingu myndar

Markmiðið er að jafna gæði viðunandi gæða og lægstu mögulegu skráarstærð. Það er meira en ein leið fyrir þig að gera þetta. Algengt er að þjappa myndunum áður en þeim er hlaðið upp. Þú getur notað tól eða viðbót í þessu skyni (hér eru nokkur).

Það er mikilvægt að huga að gerð þjöppunar og skráarsniði sem þú notar. Rétt samsetning gerir það kleift að minnka stærð myndarinnar allt að fimm sinnum.

Tilraun með mismunandi skráarsnið og samþjöppunartegundir til að ákvarða bestu samsetninguna fyrir þarfir þínar.

Veldu besta skráarsniðið

Til að velja bestu skráargerð er mikilvægt að vita hverjir eru tiltækir. Þetta eru algengustu:

  • JPEG: Þessi tegund nýtir sér taplausa og taplausa fínstillingu. Þú getur náð góðu jafnvægi á stærð og gæði með því að aðlaga gæðastigið.
  • PNG: Þessi tegund hefur tilhneigingu til að hafa stærri skráarstærð, en myndirnar eru í meiri gæðum. Þú getur notað taplausa eða taplausa þjöppun.
  • GIF: Þetta er tilvalið fyrir hreyfimyndir. Þú getur aðeins notað taplausa þjöppun. Það notar aðeins 256 liti.

myndasnið

Það eru aðrir möguleikar, en þetta eru meðal algengustu og auðvelt að vinna með. Aðrir valkostir eru JPEG XR og WebP. Ekki allir vafrar styðja þetta tvennt, svo vertu meðvitaður um þetta.

Þeir geta þó verið raunhæfur kostur. Til dæmis, samanborið við sambærilega JPEG mynd, þá er 30 prósent minnkun skráarstærðar með WebP að meðaltali.

Vegna skorts á alhliða stuðningi við þessa tvo valkosti þarf umsókn þín að hafa frekari rökfræði á netþjónum þínum eða forriti til að veita viðeigandi úrræði:

  • Hagræðing myndar er þjónusta sem sum CDN veitir, þar á meðal afhendingu WebP og JPEG XR.
  • Til að greina viðskiptavininn skaltu bjóða upp á besta myndasnið sem til er og athuga með hvaða snið sem er stutt og mögulegt er að bæta við viðbótarforritum.
  • Ákveðin tæki með opinn hugbúnað gera sjálfvirkan samtal, fínstillingu og afplánun viðeigandi eigna.

Stærð vs. þjöppunargæði

Lág þjöppun hefur tilhneigingu til að veita meiri gæði, en skráarstærðirnar eru venjulega stærri. Hið gagnstæða er satt með mikla þjöppun. Skrárnar eru minni en gæði hafa tilhneigingu til að minnka.

myndgæði vs þjöppun

Helst viltu samtals einn til tvo MB fyrir heildarþyngd vefsíðunnar. Svo skaltu íhuga hversu margar myndir þú þarft að nota og deila þessari tölu um 1,5. Þetta gefur þér stærðina á hverja mynd sem gerir kleift að fá besta hleðsluhraða.

Taplaus vs taplaus hagræðing

Þetta eru tvær gerðir af samþjöppun sem þú munt nota. Það er mikilvægt að skilja hvað þeir gera:

  • taplaus vs taplaus þjöppunTaplaus: Þetta þjappar saman gögnum og það er sía. Áður en myndin er gefin upp verður hún að vera þjappuð. Hins vegar eru gæði ekki skert. Það eru nokkur tæki sem framkvæma taplausa þjöppun.
  • Taplaus: Þetta útrýma sumum gögnum og það er sía. Hafðu í huga hversu mikla lækkun þú gerir vegna þess að það kemur niður á myndinni. Þú getur notað mismunandi ritstjóra og tól til að laga gæðastillingar myndarinnar.

Ákjósanleg stilling á annað hvort taplausri eða taplausri stillingu veltur á eigin forsendum, svo sem samskiptum milli gripa sem eru kynntir og skráarstærð, og myndinnihald.

Það er ekki til ein heildarstilling sem gildir um allar myndir. Að lokum, þú vilt leika við mismunandi myndir til að sjá hver virkar best.

Að breyta stærð mynda í stærðargráðu

Þökk sé móttækilegum síðum á síðum, svo sem WordPress, þá færðu nokkrar skráarstærðir í fjölmiðlasafninu þínu. Vafrinn þinn getur valið þá stærð sem er best og hlaðið niður. Stærð sem vafrinn velur byggist á upplausn tækisins.

breyta stærð myndar í wordpress

Upprunalega skráin er ósnortin og varðveitt. Þú getur notað viðbætur til að forðast að vista upprunalega til að spara pláss ef þú vilt það.

Skipt um og útrýmt myndum

Þarftu allar myndirnar á vefsíðu? Ef ekki, fjarlægðu þá sem eru óþarfir. Hins vegar, ef allir eiga við innihaldið, skaltu íhuga að skipta um stærri eða lægri myndir fyrir betri valkosti.

Í sumum tilfellum geta leturgerðir og CSS áhrif komið í stað mynda en samt veitt fallega sjónræna fagurfræði á síðunni. Með leturgerðum á vefnum geta falleg leturgerðir hjálpað til við að bæta notagildi og veita sniðnar meira á síðurnar þínar.

Það getur einnig bætt læsileika þína og vörumerki. Gakktu bara úr skugga um að þú getir enn auðveldlega leitað, valið og breytt stærð textans án þess að það hafi vandamál í læsileika.

CSS áhrif innihalda þætti, svo sem skugga og halla. Þessir geta einnig aukið vörumerki. Hreyfimyndir geta veitt sjónrænt skírskotun á vefsíðuna þína við hvert aðdráttarstig og upplausn. Í samanburði við myndskrár eru þetta brot af bætunum.

Raster vs vektor myndir

rastor vs vektor

Raster og vektor eru tvær aðal gerðir myndar. Pixel-undirstaða forrit, skanni eða myndavél eru notuð til að búa til rastermyndir.

Þetta er mikið notað á internetinu og algengara. Vigurhugbúnaður er notaður til að búa til vektormyndir. Þetta er algengt fyrir myndir sem fara á líkamlegar vörur og í verkfræði, CAD og 3D grafík.

Vektarmyndir eru óháð upplausn og aðdráttur. Þegar um rúmfræðileg form er að ræða er vektor líklegur. Þegar myndir eru flóknar og hafa mikið af smáatriðum og óreglulegum formum, eru raster myndir ákjósanlegar.

Raster grafík umrita einstök gildi hvers pixils innan rétthyrnds risturs til að tákna mynd. Vektargrafík táknar mynd með punktum, línum og marghyrningum.

Afleiðingar skjámynda með mikilli upplausn

Mikilvægt er að gera greinarmun á tveimur mismunandi pixelgerðum, sem innihalda tækjapixla og CSS-pixla. Margfeldi pixlar geta verið til staðar í einum CSS pixla. Smáatriðin á skjánum verða fínni með fleiri tæki pixla.

css pixla vs pixla tækiTil að fullnýta hærri pixla talningu tækisins verða myndeignirnar að hafa nánari upplýsingar.

Þetta verkefni er tilvalin fyrir vektor myndir þar sem þær geta skilað skörpum árangri þegar það er gefið með hvaða ályktun sem er.

Þar sem raster myndir nota per-pixla grunn til að umrita myndgögn eru þær krefjandi. Þetta er meðan raster skráarstærðir aukast þegar pixlarnir aukast.

Svo, háupplausnarskjár þurfa myndir í mikilli upplausn til að uppskera ávinninginn. Vektarmyndir eru best fyrir háupplausnarskjái þar sem þeir veita alltaf skarpar niðurstöður vegna þess að þær eru óháðar upplausn.

Mundu bara að óháð upplausninni eru tækni til fínstillingar eins.

Fínstillir vektormyndir

Stærðstærð grafík (SVG) er studd af öllum nútíma vöfrum.

Þetta er tilvalið fyrir tvívíddar grafík og sniðið er byggt á XML-mynd. Hægt er að búa til SVG skrár handvirkt með því að nota textaritilinn sem þú kýst eða með flestum hugbúnaðargerðum sem byggjast á vektor.

Til að draga úr stærð SVG skrár, ætti að gera þau lítið úr. Nota skal GZIP þegar SVG skrár eru þjappaðar.

Fínstillir Raster myndir

Rist með pixlum myndar rastermynd. Einstaklings pixlar eru á tvívíddri rist. Til dæmis myndar röð 10.000 pixla mynd 100 til 100 punktar. Sérhver pixla umritar upplýsingar um gagnsæi og lit..

raster þungurRGBA gildi eru geymd fyrir hverja pixla. Má þar nefna:

  • Rauður rás
  • Blá rás
  • Græn rás
  • Alfa (gagnsæi) rás

256 tónum (gildi) er úthlutað innra með vafranum. Á hverja rás þýðir þetta átta bita. Á pixel er þetta fjórir bæti. Þetta gerir það mögulegt að reikna út stærð skrár með stærð töflunnar. Það þarf ekki mikið til að stærð skrárinnar verði mjög stór.

Svo til að draga úr stærð myndarskrárinnar eru nokkrar aðferðir:

  • Draga úr smá dýpt myndarinnar. Þú getur gert þetta með því að nota minni litapallettu.
  • Fínstilltu gögnin sem einstaka pixlar eru að geyma.

Verkfæri og stillibreytu

Það er ekkert fullkomið myndverkfæri, sett af hagræðingarstærðum eða sniði sem mun virka fyrir hverja mynd. Innihald myndarinnar og tæknilegar og sjónrænar kröfur þess munu ákvarða hvaða þú átt að nota.

Þegar þér hefur fundist gott stillingasett geturðu notað það fyrir svipaðar myndir í framtíðinni til að spara tíma. Vertu þó viss um að gera aldrei ráð fyrir að nota eigi sömu stillingar til að þjappa öllum myndum.

Að læra um nokkur algeng tæki geta hjálpað þér við að taka rétt val. Þessir fjórir eru meðal þeirra sem oftast eru notaðir:

  • Gifsicle: Þetta gerir þér kleift að fínstilla og búa til ýmsar GIF myndir.
  • Optipng: Þetta er notað til að leyfa taplausa PNG fínstillingu.
  • Jpegtran: Þessi gerir þér kleift að fínstilla JPEG myndir.
  • Pngquant: Þetta er notað til að gera ráð fyrir taplausri hagræðingu PNG.

Að skila stigstærðri myndeign

Það eru tvö meginviðmið sem þarf að hafa í huga þegar þú ert að fínstilla mynd:

  • Fínstilla heildarfjölda mynda pixla.
  • Fínstillir hversu mörg bæti eru nauðsynleg til að umrita hvern pixil í mynd.

myndasnið tréStærð myndskrárinnar brjótast niður í samtals pixlar margfaldaðir með heildarbætunum sem eru nauðsynlegir fyrir einstaka dulkóðun. Þetta er það. Hafðu þetta í huga þegar þú ert að vinna að því að ákvarða bestu stærð myndmyndanna á vefsíðunni þinni.

Vegna þessa er árangursríkasta og auðveldasta leiðin til að fínstilla myndir til að ganga úr skugga um að þú sért ekki að senda fleiri punkta sem þú þarft nákvæmlega til að sýna eignina í vafranum á tilætluðum stærð.

Svo, treystu ekki bara á vafrann þinn til að endurmeta myndir. Þetta getur valdið því að þeir birtast í lægri upplausn. Það notar einnig mikið af auka CPU auðlindum.

Yfirleitt er ekki mögulegt að tryggja nákvæma skjástærð fyrir hverja einustu eign sem afhent er. Hins vegar er mikilvægt að gæta þess að halda öllum óþarfa pixlum í lágmarki.

Það er einnig mikilvægt að þú skilir stóru eignunum þínum eins nálægt skjástærð og þú getur.

Gátlisti fyrir fínstillingu mynda

Allar upplýsingar hér gera þér kleift að fínstilla myndirnar þínar svo vefsíðurnar þínar séu hraðari. Þú munt samt geta notað fallegar myndir en þær munu ekki valda verulegri hægagang með hleðslutímum síðunnar.

Þetta mun gera gestum þínum ánægða og bæta heildaraðgerð vefsíðu þinnar. Íhugaðu eftirfarandi gátlista punkta þegar þú ert að fínstilla myndir þínar:

  • Hugleiddu vektor snið þar sem þau vinna fyrir háupplausn og mörg tæki vegna þess að þau eru óháð stærð og upplausn.
  • Allar eignir SVG ættu að vera þjappaðar og lagfæra. Þetta fjarlægir óþarfa lýsigögn.
  • Fyrir raster snið skaltu leika þig með bestu stillingar gæðanna. Þetta getur sparað þér umtalsverðan fjölda bæti.
  • Reiknið út hverjar kröfur eru fyrir hverja eign og veljið besta sniðið fyrir rastermyndir.
  • Sjálfvirkni hvenær sem þú getur til að tryggja stöðuga hagræðingu í myndinni.
  • Berið fram minnkaðar myndir þannig að náttúruleg myndastærð og skjástærð séu eins lík og mögulegt er.

Til að draga það saman eru bæði vísindi og mynd til hagræðingar. Reiknirit og tækni sem eru mjög þróuð þjóna sem vísindin.

Skortur á endanlegum svörum varðandi samþjöppun mynda er listin. Á endanum ættirðu að leika þig og gera tilraunir. Þetta gerir þér kleift að gera besta valið fyrir myndskrárnar þínar og hvernig þær stuðla að hraða vefsíðunnar þinna.

Með vaxandi vinsældum og fágun þriðja aðila frá vefsíðum eins og Wix er auðvelt fyrir hönnuði að láta slá sig en vera einbeittur að því að þróa og viðhalda góðum myndvinnsluferlum hvort sem er að smala sniðmát eða byggja upp síðu frá grunni.

Tilvísanir og myndinneiningar:

  • PicupMedia.com
  • Computing.HomeDNS.org
  • CognitiveSEO.com
  • StackOverflow.com
  • EngineThemes.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map