IN DEZE HANDLEIDING:
Wat is een placeholder of dummy-afbeelding?
Een placeholder is een dummy-afbeelding om de aandacht te vestigen op de noodzaak van een echte afbeelding. Wikipedia image placeholders were meant to be used on articles, especially those of living people, for the purpose of trying to obtain a freely-licensed image for them.
Waarom gebruik je een plaatshouder?
Placeholders kunnen ons helpen beter te begrijpen en te interpreteren hoe afbeeldingen en hun lay-out zullen bewegen, vormen, verkleinen en reflowen als de browser of het apparaat verandert.
Hoe gebruik je dummy afbeeldingen
De dummy-afbeelding wordt ingevoegd met de image tag en moet in het document worden geplaatst.
Het formaat en kleur kun je aangeven in de image tag. Ik heb gebruikt, maar deze kunnen worden gewijzigd in elke afmeting.
PLACEHOLDER.COM
Placeholder.com kondigt “snelle en eenvoudige plaatshouders voor afbeeldingen” aan en is gemakkelijk te onthouden en te gebruiken. Pak gewoon de URL van de afbeelding, pas deze aan met je parameters voor de grootte, en voila!
https://via.placeholder.com/300.png/09f/fff

FAKE IMAGES
Met zijn grappige naam en donkere UI is deze generator van plaatshouders een fluitje van een cent. Geef uw breedte, hoogte, en optionele achtergrond / voorgrond kleuren, tekst en lettertype.
Vooral het laatste is heel handig om teksten in je afbeelding te plaatsen.
FAKE IMAGES PLEASE?
Voorbeeld 1
https://fakeimg.pl/640x360
Voorbeeld 2
https://fakeimg.pl/350x200/ff0000,128/000,255
Voorbeeld 3
https://fakeimg.pl/350x200/ff0000/000?text=cursuswp.com&font=lobster
Voorbeeld 4
https://fakeimg.pl/350x200/ff0000/000?text=gr476&font=noto
Probeersels van Arthur
Probeersels van Arthur 5 OK
Probeersels van Arthur 5 zwart OK
Probeersels van Arthur 2
Arthur – witte tekst
Arthur – donkere tekst
Arthur – witte tekst
Arthur – donkere tekst
LOREM PICSUM
“Lorem Ipsum…maar dan voor foto’s” luidt de slogan. En dat is precies wat Lorem Picsum biedt. Begin met het selecteren van uw afmetingen, voeg filters en zwaartekracht toe, en geef zelfs een lijst met foto’s terug.
https://picsum.photos/400/300
https://picsum.photos/800/450?grayscale
DUMMY BEELD GENERATOR
Met 12 verschillende categorieën, verschillende verhoudingen, oriëntaties en de mogelijkheid om gemengde formaten te tonen, is Dummy Image Generator een geweldige vondst. Enige nadeel? Je moet de afbeeldingen downloaden, geen hotlinking.
dummy-image-generator.com
LOREMFLICKR
LoremFlickr, een leuke variant op de populaire site voor het delen van foto’s, biedt Flickr-foto’s met Creative Commons-licentie aan voor gebruik als plaatshouder. Voer enkele afmetingen in en je kunt aan de slag! Helaas gratis alleen met poezen.