Afbeeldingen op volledige grootte weergeven in WordPress (4 methoden) - DeLaatbusiness
leads chatbot

Afbeeldingen op volledige grootte weergeven in WordPress (4 methoden)

5 min


126
6 gratis internet marketing ebooks, klik hier voor download

Wilt u leren hoe u afbeeldingen op volledige grootte weergeeft in WordPress?

De nieuwste versie van WordPress past automatisch het formaat van grote afbeeldingen aan om de prestaties te verbeteren. Maar soms moet u afbeeldingen met grotere afmetingen weergeven.

In deze tutorial delen we vier verschillende manieren om afbeeldingen op ware grootte weer te geven op uw WordPress-site.

Afbeeldingen op volledige grootte weergeven in WordPress

Waarom schaalt WordPress grote afbeeldingen?

Met eerdere versies van WordPress konden gebruikers afbeeldingen met zeer grote afmetingen uploaden.

Maar wat er gebeurde, is dat WordPress-beginners afbeeldingen uploadden die gewoon te groot waren voor het moderne web. Grote afbeeldingen leiden tot lage laadsnelheden van websites en slechte prestaties.

Om dit probleem op te lossen, heeft de WordPress 5.3-update de manier veranderd waarop WordPress zeer grote afbeeldingen verwerkt.

Als u bijvoorbeeld een afbeelding uploadt met de afmetingen van 5000px bij 7000px, zal WordPress het formaat van de afbeelding wijzigen naar 2560px en de breedte aanpassen aan de originele afmetingen.

Wanneer een gebruiker nu een pagina bezoekt met een voorheen grote afbeelding, ziet hij de verkleinde versie van die afbeelding.

Dit leidt tot verbeterde websiteprestaties en gelukkiger gebruikers in het algemeen.

Redenen om te voorkomen dat WordPress afbeeldingen schaalt

Deze nieuwe functie is handig voor de meeste eigenaren van WordPress-websites , maar sommige gebruikers moeten mogelijk afbeeldingen op volledige grootte weergeven.

Als u bijvoorbeeld een fotograaf of kunstenaar bent die uw werk verkoopt, wilt u misschien grotere afbeeldingen op uw website weergeven, zodat bezoekers deze kunnen kopen of downloaden.

Of u zou een website kunnen hebben waar grotere afbeeldingen een vereiste zijn, zoals een stockfotowebsite of website die aangepaste afdrukken en afbeeldingen verkoopt.

Misschien heeft u voor de achtergrondafbeelding van uw startpagina één grote afbeelding nodig die groter is dan de limieten van 2560 px?

Wat uw reden ook is om een ​​afbeelding op volledige grootte te willen, we laten u stap voor stap zien hoe u dit moet doen.

Afbeeldingen op volledige grootte weergeven in WordPress (4 methoden)

Er zijn 4 verschillende manieren waarop u afbeeldingen op volledige grootte in WordPress kunt weergeven.

Sommige methoden werken beter voor afzonderlijke afbeeldingen, terwijl andere het beste zijn voor een volledige afbeeldingenbibliotheek.

Kies de afbeeldingsmethode op volledige grootte die geschikt is voor uw doelen.

Methode 1. Krijg volledige afbeeldings-URL in WordPress

Als u slechts één of twee grote afbeeldingen op uw website wilt gebruiken, is deze oplossing waarschijnlijk het beste.

Wanneer u een afbeelding naar WordPress uploadt die de afmetingen overschrijdt, zal WordPress uw afbeelding schalen en een nieuwe maken. Maar de originele afbeelding is nog steeds intact.

Om de originele afmetingen van de afbeelding weer te geven, moet u ‘-scaled’ aan het einde van de WordPress-afbeeldings-URL verwijderen en de afbeelding met de gewijzigde link in uw site invoegen.

Ga gewoon naar uw mediabibliotheek door naar Media »Bibliotheek te gaan en uw grote afbeelding te selecteren.

Grote mediabibliotheek met afbeeldingen

Zoek nu uw ‘Bestands-URL’ in het afbeeldingsvak.

Vervolgens wilt u ‘-scaled’ verwijderen aan het einde van uw afbeeldings-URL.

Verwijder de geschaalde afbeeldings-URL

Daarna kunt u de afbeeldings-URL kopiëren en de afbeelding in uw website invoegen.

Merk op dat u de afbeelding in uw site moet insluiten met behulp van de link, minus het geschaalde gedeelte.

Om dit te doen, navigeer je naar een bericht of pagina waaraan je de afbeelding wilt toevoegen en klik je op het ‘+’ icoon om een ​​nieuw blok toe te voegen.

Voeg een nieuw afbeeldingsblok in voor een grote afbeelding

Klik vervolgens op het pictogram ‘Afbeelding’ om een ​​afbeeldingsblok toe te voegen waarin u uw URL kunt plakken.

Klik op ‘Invoegen vanaf URL’, plak vervolgens uw afbeeldings-URL op volledige grootte in het vak en druk op ‘Enter’.

Voeg een niet-geschaalde afbeeldings-URL toe

Daarna moet je op ‘Publiceren’ of ‘Update’ klikken als het bericht al live is, en je afbeelding op volledige grootte is nu zichtbaar op je site.

U kunt hetzelfde proces volgen voor elke afbeelding op volledig formaat die u aan uw site wilt toevoegen. Maar zolang u de bestands-URL minus ‘geschaald’ gebruikt, worden uw WordPress-afbeeldingen op volledige grootte weergegeven.

Methode 2. Schakel beeldschaling automatisch uit in WordPress (met een plug-in)

De tweede methode is het gebruik van een WordPress-plug-in om het schalen van afbeeldingen op uw site uit te schakelen.

De plug-in die we aanbevelen heet Disable “BIG Image” Threshold. Deze plug-in biedt een van de gemakkelijkste oplossingen voor het weergeven van grote afbeeldingen op uw site en is volledig gratis te gebruiken.

Eerst moet u de plug-in Disable “BIG Image” Threshold installeren en activeren . 

Nadat je de plug-in op je site hebt geïnstalleerd en geactiveerd, wordt automatisch de grote afbeeldingsdrempel verwijderd die door WordPress is toegevoegd.

Je bent vrij om nieuwe afbeeldingen toe te voegen, net zoals je was vóór de WordPress-afbeeldingsupdate.

Als deze plug-in actief is, zal WordPress het kenmerk ‘-scaled’ aan geen enkele afbeelding toevoegen.

Methode 3. Schakel Big Image Scaling automatisch uit in WordPress (met codefragment)

Een andere optie is om een codefragment aan WordPress toe te voegen waarmee hetzelfde doel wordt bereikt als de bovenstaande plug-in.

Als de plug-in om de een of andere reden niet werkt, of als u niet te veel plug-ins wilt installeren , kunt u deze methode gebruiken.

De nieuwe functie voor het schalen van afbeeldingen in WordPress gebruikt een filter met de naam big_image_size_threshold.

U wilt de volgende code gebruiken om deze functie uit te schakelen:

1add_filter( 'big_image_size_threshold', '__return_false' );

U moet deze code toevoegen aan het functions.php-bestand van uw thema, in een site-specifieke plug- in of door de plug-in Code snippets te gebruiken .

Methode 4: Open WordPress-afbeeldingen op volledige grootte in een lightbox

De laatste optie is om een ​​lightbox voor afbeeldingen op volledige grootte aan uw site toe te voegen. Met deze oplossing krijgt u het beste van twee werelden.

U kunt kleinere afbeeldingsminiaturen laden in uw bloginhoud, galerij of carrousel, en wanneer erop wordt geklikt, verschijnt er een pop-up met uw afbeelding op volledige grootte.

Toon afbeelding lightbox-effect op volledige grootte

Om dit te doen, raden we aan om de Envira Gallery- plug-in te gebruiken. Het is de beste plug- in voor WordPress-afbeeldingengalerij op de markt en u kunt eenvoudig het pop-upbeeldeffect van de lightbox toevoegen.

Het eerste dat u moet doen, is de Envira Gallery- plug-in installeren . 

Houd er rekening mee dat voordat u afbeeldingen op volledige grootte voor uw galerij uploadt, u het schalen van afbeeldingen moet uitschakelen via de plug-in of de methoden voor kindthema’s hierboven.

Anders gebruiken uw lightboxafbeeldingen de verkleinde versie van de afbeelding.

Ten slotte is het belangrijk op te merken dat als u afbeeldingen met grote afmetingen toevoegt, het essentieel is om deze voor internet te optimaliseren , zodat u uw website niet vertraagt.

We hopen dat dit artikel je heeft geholpen om afbeeldingen op volledige grootte weer te geven in WordPress.


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format