Bilder skal forskjønne nettstedet ditt. Uskarpe bilder gjør det motsatte.
Når WordPress-bildene dine er uskarpe, må du finne en løsning, og det raskt. Inntil det gjør det, vil brukerne dine forsvinne i hopetall.
Tallrike tilfeller kan føre til uskarphet i bildet, men sjelden er det bare å gjøre med standardinnstillingene i WordPress.
Ofte er det fordi den opprinnelige bildestørrelsen var mindre enn den burde være.
På ethvert nettbasert innholdsstyringssystem endres bildestørrelser for å matche skjermstørrelsen til brukeren.
Bildekvalitetsproblemet oppstår på skrivebordet mer enn det gjør på mobil.
Årsaken er at de større skjermstørrelsene på skrivebordsvisning gjør at de minste bildene kan blåses opp til full størrelse på skjermen.
Når du legger merke til at bildene dine er uskarpe, bytt til mobilvisning, og du vil sannsynligvis se at det ikke er like uskarpt. Det er ulempen med responsiv webdesign.
WordPress-bilder er uskarpe
To vanlige årsaker til bilder av dårlig kvalitet på WP er opplasting av mediefiler som ikke er redigert for kvalitet eller opplasting av en annen størrelse enn det temaet ditt kan vise. Uten bilderedigering forsterkes det minste avviket når bildet strekkes for å passe til større skjermer.
Finn standardstørrelsene til temaet ditt
Hvert WordPress-tema har standardstørrelsesregler kodet inn i functions.php-filen.
Gå inn i temaredigeringsprogrammet, åpne functions.php-filen, og se etter koden for egendefinerte bildestørrelser.
Koden du skal se etter er 'legg til bildestørrelse'.
farlig kvinne tour 2017 billetter
Det vil se slik ut
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 );
}I eksempelkoden ovenfor viser den tre bildestørrelser, hvorav to er satt til usann, og den siste satt til '480, 360, sant'.
Å ha bildestørrelsene angitt som 'false' betyr at disse størrelsene ikke blir brukt. Hvis du setter bildestørrelser til «sann», gjelder reglene for endring av størrelse.
Når størrelsesreglene er satt til å strekke seg enten i høyden eller bredden, blir resultatet uskarpt.
Hvis temaet ditt er automatisk forstørrende bildestørrelser, endre «true» til «false» i themes functions.php-filen for å deaktivere den handlingen.
De aller fleste WP-temaer gjør ikke dette lenger på grunn av responsiv webdesign.
I tiden før 2012, før mobilnettdesign ble noe mainstream, ble disse reglene for automatisk størrelse foreldet i WP-utviklerfellesskapet.
Likevel, på eldre temaer, er det mulig at temakoden din er utdatert for gjeldende nettutviklingsstandarder. Når det er tilfelle, sett reglene for automatisk størrelse til 'false'.
Beste tipset
Unngå uskarpe bilder ved å laste opp nøyaktig størrelse. Hvis det ikke er mulig, last opp den største bildefilen og la WordPress krympe den.
Uskarphet skjer når bilder lastet opp er mindre enn størrelsen de vises. Det er bedre å forminske et bilde enn å forstørre det.
Når du forstørrer en liten bildefil, det er da bildene blir uskarpe på WordPress. Det gjør pikselering i liten skala, større. Altså mer åpenbart.
WordPress-bilder er nå uskarpe etter å ha endret tema
Alle WordPress-temaer er kodet forskjellig. Hver har ulike bruddpunkter for bildene. Det du angir i bildegalleriinnstillingene reflekteres ikke alltid i en WordPress functions.php-fil.
Som en sidenotat: et bruddpunkt er en bildestørrelse utover den maksimale bredden eller høyden som kan vises på en brukers skjerm.
Når du bytter tema, vil de maksimale bildestørrelsene (vanligvis) endres.
presteaffære med gift kvinne
For eksempel, på eierblogg-temaet, er maksstørrelsen for bilder i full størrelse 1210px x 642px. På WordPress Twenty-Twenty One-temaet vil bildene vises som størrelsen de er lastet opp med mindre du angir størrelsesregler ved hjelp av HTML.
Standarden for 'post-thumbnails' er imidlertid enorm. De er satt til 1568, 9999... med andre ord like store som bildet du laster opp.
Dette er tilsiktet fordi Twenty-Twenty-One-temaet er et minimalistisk WordPress-tema.
Miniatyrbildet viser som om det er blogginnleggsoverskriften, etterfulgt av hovedinnholdet ved bruk av en enkelt kolonneoppsett uten navigasjonssidefelt.
Bilder som er satt inn i innlegg, vises enten som størrelsene du laster opp eller endret størrelse ved å bruke WordPress-standardene, som er angitt i mediebiblioteket ditt.
Et pent WP-triks for å overstyre standardinnstillinger for bildevedlegg
WordPress har en skjult side som ikke vises i sidefeltet for admin. Den finner du ved å gå til yoursite.com/wp-admin/options.php.
Du må være logget som nettstedadministrator for å få tilgang til siden. Når siden er lastet, vises en melding som forteller deg
'Advarsel: Denne siden gir direkte tilgang til sideinnstillingene dine. Du kan ødelegge ting her. Vær forsiktig!'
Det er riktig. Pass på. Den eneste innstillingen som kan endres her for bilder er innstillingene nedenfor:
Hvis du endrer bildestandardstørrelsen til 'full størrelse', vil hvert bilde du laster opp til mediebiblioteket ditt vises i innleggene dine i full størrelse.
Andre alternativer vil være tilgjengelige, men du trenger ikke å angi det manuelt for hvert bilde du setter inn i innlegg eller sider. Ingen krympende eller strekkbare bilder for å passe til skjermer!
Fotograferingsfeil
Det er mulig at bilder var uskarpe før de ble lastet opp til WordPress.
Vanligvis er det bedre å laste opp et originalt bilde fra en smarttelefon til en online editor, eller et skrivebord, rydde opp i bildefilen og deretter laste den opp til WordPress.
Problemet med smarttelefonkameraer er at bildene ser anstendige ut på små skjermer, men satt på WordPress og vist i full størrelse på en større skjerm, blir ufullkommenhetene tydelige.
For alle matbloggere der ute, forårsaker langsomme lukkertider bevegelsesuskarphet, og det fører til uskarpe bilder. Øk lukkerhastigheten, og rediger bilder før du laster opp til WordPress.
WordPress CMS er kun for å vise bilder. Det er plugins tilgjengelig for å legge til bilderedigeringsfunksjonalitet.
Hvis du går ned i kaninhullet, vær oppmerksom på hastighetsproblemer på nettstedet. De kan bremse nettstedet ditt.
Når det gjelder WordPress-plugins for bilder, er det eneste viktige en bildekomprimeringsplugin. Uavhengig av størrelsen på filen din, sparer bildekomprimering på båndbredde.
kc concepcion og chandler parsons
Så igjen, hvis du selger eller gir bort utskriftsmateriale fra et WordPress-nettsted, vil komprimering redusere bildekvaliteten.
Hva er riktig bildestørrelse å laste opp til WordPress for å unngå uskarphet?
Bildestørrelsen er avhengig av innholdsbredden på sidene og innleggene dine.
For å finne ut hva WP-temaet ditt bruker, bruk nettleserinspektørverktøyet. De fleste fungerer på samme måte - høyreklikk, og velg deretter inspiser.
Se etter den delen av koden som er merket som 'hovedinnhold', eller noe lignende. Ved å klikke på delene i inspektøren fremheves elementet på siden.
På nettsiden din, mens du er i inspeksjonsmodus, vil toppen av siden vise to tall. Den første er bredden, den andre er høyden. Vær ikke oppmerksom på høyden da den vil være enorm. Det er derfor du må bla nedover en nettside.
Din bredde er begrenset. På dette temaet er sidebredden 990px. Husk at dette er for innholdsområdet unntatt sidefeltet.
Hvis du har egendefinerte sider uten sidefelt, vil innholdsområdet være bredere.
Når du vet maksbredden på den bredeste siden temaet ditt har, bruk den bredden som maks bildestørrelse før du laster opp.
Hvordan endre størrelse på bilder for å passe til temaet ditt
På Windows-systemer kan du bruke bilder-appen eller Paint. På Mac-systemer kan du endre størrelsen på bilder ved å bruke Forhåndsvisning eller Bilder. Chromebook-brukere kan endre størrelse på bilder med Google Foto.
Hvis du er begrenset til en smarttelefon, er nettbaserte bilderedigeringsverktøy din frelsende nåde. Noen få populære valg er pic monkey, image resizer og, selvfølgelig, Canva.
Canva er det bedre valget fordi du kan opprette en gratis konto, lage et bilde i egendefinert størrelse, innstillingene vil bli lagret på kontoen din, så kan du laste opp mediene dine til skyen deres, slippe det inn i et bilde i egendefinert størrelse og dra det å endre størrelsen slik at den passer perfekt.
Last ned jpg, eller png, og last den deretter opp til WordPress.
Hvis bildet er uskarpt i et bilderedigeringsprogram på skrivebordet ditt, eller et nettredigeringsprogram, vil det være uskarpt på WordPress. Fiks uskarpheten ved å redigere bildet før du laster det opp.
Når et uskarpt bilde først er på serveren din, er det ubrukelig.
Slett det uskarpe bildet, rediger originalen for å øke skarpheten, endre størrelsen til maksbredden som temaet ditt kan vise, eller maksbredden bildet ditt vil øke til uten å forringe kvaliteten.
Last opp det redigerte bildet og uskarpheten forsvinner.