„WordPress“ vaizdai yra neryškūs – tai paaiškina, kodėl

Kokį Filmą Pamatyti?
 
  „WordPress“ vaizdai yra neryškūs – tai paaiškina, kodėl

Vaizdai turėtų pagražinti jūsų svetainę. Neryškios nuotraukos veikia priešingai.





Kai jūsų „WordPress“ vaizdai yra neryškūs, reikia greitai rasti pataisymą. Kol to nepadarys, jūsų naudotojai dings masiškai.

Dėl daugelio atvejų vaizdas gali būti neryškus, tačiau retai tai susiję tik su numatytaisiais „WordPress“ nustatymais.





Dažnai taip yra todėl, kad pradinis vaizdo dydis buvo mažesnis nei turėtų būti.

Bet kurioje internetinėje turinio valdymo sistemoje vaizdo dydžiai keičiami, kad atitiktų vartotojo ekrano dydį.



Vaizdo kokybės problema dažniau kyla staliniuose kompiuteriuose nei mobiliuosiuose įrenginiuose.

Priežastis ta, kad didesni ekrano dydžiai darbalaukio rodinyje leidžia išpūsti mažiausias nuotraukas iki viso ekrano dydžio.



Kai pastebėsite, kad jūsų vaizdai yra neryškūs, perjunkite į mobilųjį rodinį ir greičiausiai pamatysite, kad jie nėra tokie neryškūs. Tai yra neigiama reaguojančio interneto dizaino pusė.

„WordPress“ vaizdai yra neryškūs

Dvi dažniausios prastos kokybės vaizdų WP priežastys yra medijos failų, kurių kokybė nebuvo redaguota, įkėlimas arba kitokio dydžio, nei gali būti rodoma jūsų temoje, įkėlimas. Neredaguojant vaizdo, mažiausias neatitikimas sustiprėja, kai vaizdas ištempiamas, kad tilptų didesniuose ekranuose.

Raskite numatytuosius temos dydžius

Kiekviena „WordPress“ tema turi numatytąsias dydžio nustatymo taisykles, užkoduotas functions.php faile.

Eikite į temų rengyklę, atidarykite failą functions.php ir ieškokite pasirinktinių vaizdo dydžių kodo.

Kodas, kurio reikia ieškoti, yra „pridėti vaizdo dydį“.

Tai atrodys taip

if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'gridme-1222w-autoh-image', 1222, 9999, false );
add_image_size( 'gridme-922w-autoh-image', 922, 9999, false );
add_image_size( 'gridme-480w-360h-image', 480, 360, true );
}

Aukščiau pateiktame pavyzdiniame kode rodomi trys vaizdo dydžiai, iš kurių du yra nustatyti kaip false, o paskutinis nustatytas kaip „480, 360, true“.

Jei vaizdo dydžiai nustatyti kaip „klaidingi“, tie dydžiai nebus taikomi. Nustačius vaizdo dydžius į „true“, bus taikomos dydžio keitimo taisyklės.

Kai dydžio taisyklės nustatomos taip, kad ištemptų aukštį arba plotį, rezultatas yra neryškus.

Jei jūsų tema yra automatiškai didėjantys vaizdo dydžiai, faile themes functions.php pakeiskite „true“ į „false“, kad išjungtumėte šį veiksmą.

Didžioji dauguma WP temų to nebedaro dėl interaktyvaus interneto dizaino.

Iki 2012 m. buvusioje eroje, kol žiniatinklio mobiliesiems dizainas dar šiek tiek tapo įprastas, šios automatinio dydžio taisyklės WP kūrėjų bendruomenėje tapo nebeaktualios.

Vis dėlto, kalbant apie senesnes temas, gali būti, kad jūsų temos kodas yra pasenęs pagal dabartinius žiniatinklio kūrimo standartus. Tokiu atveju nustatykite automatinio dydžio taisykles į „false“.

Geriausias patarimas

Išvenkite neryškių vaizdų įkeldami tikslaus dydžio. Jei tai neįmanoma, įkelkite didžiausią vaizdo failą ir leiskite „WordPress“ jį sumažinti.

Suliejimas atsiranda, kai įkelti vaizdai yra mažesni nei rodomi. Geriau sumažinti vaizdą nei jį padidinti.

Kai padidinate nedidelį vaizdo failą, tada „WordPress“ vaizdai tampa neryškūs. Tai daro pikseliavimą mažu mastu, didina. Taigi, akivaizdžiau.

Pakeitus temą, „WordPress“ vaizdai dabar yra neryškūs

Visos „WordPress“ temos koduojamos skirtingai. Kiekvienas iš jų turi skirtingus vaizdų lūžio taškus. Tai, ką nustatėte vaizdų galerijos nustatymuose, ne visada atsispindi WordPress functions.php faile.

Pastaba: lūžio taškas yra vaizdo dydis, viršijantis maksimalų plotį arba aukštį, kuris gali būti rodomas vartotojo ekrane.

Kai perjungiate temas, maksimalūs vaizdo dydžiai (paprastai) pasikeis.

Pavyzdžiui, savininko tinklaraščio temoje maksimalus viso dydžio vaizdų dydis yra 1210 x 642 piks. „WordPress Twenty-Twenty One“ temoje vaizdai bus rodomi tokio dydžio, kokio jie buvo įkelti, nebent naudodamiesi HTML nustatysite dydžio taisykles.

Tačiau numatytasis „miniatiūrų po miniatiūrų“ nustatymas yra didžiulis. Jie nustatyti į 1568, 9999... kitaip tariant, tokio dydžio, kaip įkeliamas vaizdas.

kiek laiko gali išsilaikyti butanas

Tai tyčia, nes tema „Dvidešimt dvidešimt vienas“ yra minimalistinė „WordPress“ tema.

Miniatiūra rodoma taip, lyg tai būtų tinklaraščio įrašo antraštė, po kurios pateikiamas turinys, naudojant vieno stulpelio išdėstymą be naršymo šoninės juostos.

Į įrašus įterpti vaizdai bus rodomi kaip dydžiai, kuriuos įkeliate, arba pakeistas dydis naudojant numatytuosius „WordPress“ nustatymus, kurie nustatyti jūsų medijos bibliotekoje.

Galutinių karių mirties priežastis

Puikus WP triukas, skirtas nepaisyti numatytųjų vaizdo priedų nustatymų

„WordPress“ turi paslėptą puslapį, kuris nerodomas jūsų administratoriaus šoninėje juostoje. Jį rasite apsilankę adresu yoursite.com/wp-admin/options.php.

Norėdami pasiekti puslapį, turite būti prisijungę kaip svetainės administratorius. Kai puslapis bus įkeltas, bus rodomas pranešimas

„Įspėjimas: šis puslapis suteikia tiesioginę prieigą prie jūsų svetainės nustatymų. Čia galite sulaužyti dalykus. Prašome būti atsargiems!“

Teisingai. Atkreipkite dėmesį. Vienintelis vaizdų nustatymas, kurį reikia pakeisti, yra toliau nurodyti nustatymai:

Pakeitus numatytąjį vaizdo dydį į „viso dydžio“, kiekvienas vaizdas, kurį įkeliate į medijos biblioteką, įrašuose bus rodomas kaip viso dydžio.

Bus galimos ir kitos parinktys, tačiau jums nereikės jų nustatyti rankiniu būdu kiekvienam vaizdui, kurį įterpiate į įrašus ar puslapius. Jokių susitraukiančių ar ištemptų vaizdų, kad tilptų ekranuose!

Fotografijos klaida

Gali būti, kad vaizdai buvo neryškūs prieš juos įkeliant į „WordPress“.

Paprastai originalią nuotrauką iš išmaniojo telefono geriau įkelti į internetinį redaktorių arba darbalaukį, išvalyti vaizdo failą, tada įkelti jį į „WordPress“.

Išmaniųjų telefonų kamerų problema yra ta, kad vaizdai mažuose ekranuose atrodo neblogai, tačiau įdėjus „WordPress“ ir rodomą visu dydžiu didesniame ekrane, trūkumai tampa akivaizdūs.

Visiems maisto tinklaraštininkams, esant lėtam užrakto greičiui, judesiai susilieja, o tai lemia neryškias nuotraukas. Padidinkite užrakto greitį ir redaguokite nuotraukas prieš įkeldami į „WordPress“.

„WordPress“ TVS skirta tik vaizdams rodyti. Yra įskiepių, leidžiančių pridėti vaizdų redagavimo funkcijas.

Jei nusileisite į tą triušio duobę, atkreipkite dėmesį į svetainės greičio problemas. Jie gali sulėtinti jūsų svetainę.

Kalbant apie „WordPress“ vaizdams skirtus papildinius, vienintelis esminis dalykas yra vaizdo glaudinimo papildinys. Nepriklausomai nuo failo dydžio, vaizdo glaudinimas taupo pralaidumą.

Vėlgi, jei parduodate arba atiduodate spausdinamus elementus iš „WordPress“ svetainės, suspaudimas sumažins vaizdo kokybę.

Koks yra tinkamo vaizdo dydis, kurį reikia įkelti į „WordPress“, kad būtų išvengta neryškumo?

Vaizdo dydis priklauso nuo jūsų puslapių ir įrašų turinio pločio.

Norėdami sužinoti, ką naudoja jūsų WP tema, naudokite naršyklės tikrinimo įrankį. Dauguma veikia panašiai – dešiniuoju pelės mygtuku spustelėkite, tada pasirinkite tikrinti.

Ieškokite kodo dalies, pažymėtos kaip „pagrindinis turinys“ ar panašiai. Spustelėjus inspektoriaus skiltis paryškinamas elementas puslapyje.

Tinklalapyje, kai veikia tikrinimo režimas, puslapio viršuje bus rodomi du skaičiai. Pirmasis yra plotis, antrasis yra aukštis. Nekreipkite dėmesio į aukštį, nes jis bus masyvus. Štai kodėl jūs turite slinkti tinklalapiu žemyn.

Jūsų plotis ribotas. Šioje temoje puslapio plotis yra 990 pikselių. Atminkite, kad tai taikoma turinio sričiai, išskyrus šoninę juostą.

Jei turite pasirinktinius puslapius be šoninių juostų, turinio sritis bus platesnė.

Kai žinote maksimalų plačiausio puslapio, kuriame yra jūsų tema, plotį, prieš įkeldami naudokite šį plotį kaip maksimalų vaizdo dydį.

Kaip pakeisti vaizdų dydį, kad jis atitiktų jūsų temą

„Windows“ sistemose galite naudoti nuotraukų programą arba „Paint“. „Mac“ sistemose galite pakeisti nuotraukų dydį naudodami „Peržiūra“ arba „Photos“. „Chromebook“ naudotojai gali pakeisti vaizdų dydį naudodami „Google“ nuotraukas.

Jei apsiribojate tik išmaniuoju telefonu, internetiniai vaizdo redagavimo įrankiai yra jūsų gelbėjimo priemonė. Keletas populiarių pasirinkimų yra „pic Monkey“, vaizdo dydžio keitiklis ir, žinoma, „Canva“.

„Canva“ yra geresnis pasirinkimas, nes galite sukurti nemokamą paskyrą, sukurti pasirinktinio dydžio vaizdą, nustatymai bus išsaugoti jūsų paskyroje, tada galėsite įkelti mediją į jų debesį, mesti ją į tinkinto dydžio vaizdą ir nuvilkti. pakeisti dydį, kad jis puikiai tiktų.

Atsisiųskite jpg arba png, tada įkelkite į „WordPress“.

Jei vaizdas neryškus darbalaukio vaizdų rengyklėje arba internetinėje redagavimo priemonėje, „WordPress“ jis bus neryškus. Ištaisykite neryškumą redaguodami vaizdą prieš įkeldami.

Kai neryškus vaizdas yra jūsų serveryje, jis yra nenaudingas.

Ištrinkite susiliejusį vaizdą, redaguokite originalą, kad padidintumėte ryškumą, pakeiskite dydį iki maksimalaus pločio, kurį gali rodyti jūsų tema, arba maksimalus nuotraukos plotis padidės iki nepablogindami kokybės.

Įkelkite redaguotą vaizdą ir neryškumas išnyks.