Softonic

Lorem Picsum-galerie

Stap 1 / 2
Volgende

Lorem Picsum biedt rechtenvrije foto’s aan via een eenvoudige URL-API, https://picsum.photos/{width}/{height} geeft een afbeelding in elk gewenst formaat terug. Met deze galerie kunt u breedte, hoogte, seed, vervagingsradius en grijswaarden instellen, waarna de kant-en-klare URL (of een <img>-tag) wordt gekopieerd. Zo kunt u fotografische placeholders rechtstreeks in Figma, uw Blade-view of een React-component plaatsen zonder op zoek te gaan naar stockfoto’s.

Zo gebruikt u de galerie

  1. 1

    Stel de afbeeldingsafmetingen in

    Breedte en hoogte in pixels. Veelgebruikte formaten zoals 800×600 of 1200×630 zijn als voorinstellingen beschikbaar.

  2. 2

    Kies modificatoren

    Vervaging (0–10), grijswaarden, een vaste seed voor reproduceerbare afbeeldingen, WebP- of JPEG-formaat.

  3. 3

    Blader door het voorbeeldraster

    Er worden meerdere willekeurige voorbeelden geladen, zodat u er een kunt kiezen die u aanspreekt.

  4. 4

    Kopieer de URL

    Haal de eenvoudige URL, de volledige `<img>`-tag of de Markdown-syntaxis voor afbeeldingen op.

Anatomie van de URL

Basiseindpunt:

https://picsum.photos/{width}/{height}

Plus optionele query- en padonderdelen:

Variant Voorbeeld Effect
Snelkoppeling voor vierkant /200 → hetzelfde als /200/200 Vierkante afbeelding
Vaste seed /seed/cat/400/300 Geeft altijd dezelfde foto terug
Specifieke foto-ID /id/237/400/300 Zet vast op afbeelding 237 in de collectie
Grijswaarden /400/300?grayscale Monochroom filter
Vervaging /400/300?blur=5 Gaussiaanse vervaging, 1–10
Formaat /400/300.webp Forceert een bestandsformaat
Willekeurig bij elke lading Alleen de URL Nieuwe foto bij elke vernieuwing

Wanneer gebruikt u het in plaats van echte stockfoto’s

  • Goed: wireframes, ontwerpbeoordelingen, interne demo’s, testfixtures, experimenten met lazy loading.
  • Niet goed: marketingsites in productie, hoofdafbeeldingen (hero), sociale voorbeelden. De gratis afbeeldingsdienst van iemand anders hotlinken voor echt verkeer is onbeleefd en fragiel, de foto kan zonder waarschuwing veranderen.

Tips

  • Zet een seed vast wanneer u screenshots van ontwerpen maakt voor documentatie; anders verandert de afbeelding zodra iemand de pagina de volgende keer opent.
  • Stem de beeldverhoudingen af op uw uiteindelijke assets (16:9, 4:5, 1:1), zodat uw lay-out niet verspringt wanneer u echte foto’s inwisselt.
  • Gebruik vervaging om overgangen van placeholder naar echt te testen (LQIP-patronen), de vervaagde uitvoer van Picsum bootst na hoe een placeholder voor een afbeelding van lage kwaliteit eruit zou zien.
  • Vraag WebP aan voor lichtere pagina’s tijdens de ontwikkeling.

Veelgestelde vragen

Technisch gezien vallen de foto’s onder een Unsplash-licentie, maar hotlinken naar picsum.photos vanuit productie wordt afgeraden, gebruik het voor prototypes en download de asset (of ga naar de oorspronkelijke Unsplash-bron) voor gebruik in productie.

Zonder een seed of ID levert de API bij elk verzoek een willekeurige foto. Gebruik /seed/jouwwoord/... of /id/123/... om deze vast te zetten.

Lorem Picsum is een gratis dienst op Cloudflare met redelijke snelheidslimieten. Download voor zware testsuites of belastingstests een lokale kopie en serveer die vanaf uw eigen host.

Ja, de dienst is uitsluitend HTTPS. Alle gegenereerde URL’s beginnen met https://.

Alleen voor de voorbeeldminiaturen, die rechtstreeks vanaf picsum.photos worden geladen. Deze galerie zelf stuurt geen gegevens over uw formaat- of seedkeuzes naar derden.

Gerelateerde tools

ASCII-tabelreferentie

Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.

HTML-tekenreferentie

Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.

Sneltoetsenoverzicht

Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.

E-mailvalidator

Valideer een e-mailadres: RFC 5322-syntaxcontrole, live MX-record-zoekopdracht, plus details over lokaal deel, domein en lengte. Er wordt geen e-mail verstuurd.

EditorConfig-generator

Genereer een .editorconfig-bestand met uw regels voor inspringstijl en -grootte, regeleinde, tekenset en witruimte voor consistente opmaak in alle IDE's en editors.

Changelog-generator

Maak een markdown-sectie in Keep a Changelog-stijl op basis van gecategoriseerde items. Plak de items onder Added, Changed, Fixed en Removed, kies Markdown of platte tekst en kopieer de uitvoer.

Tool beschikbaar in andere talen