Softonic

Lorem Picsum-galleri

Steg 1 / 2
Nästa

Lorem Picsum erbjuder royaltyfria bilder via ett enkelt URL-API, https://picsum.photos/{width}/{height} returnerar en bild i valfri storlek. I det här galleriet kan du ange bredd, höjd, seed, oskärperadie och gråskala, och sedan kopieras en färdig URL (eller en <img>-tagg). Du kan därefter infoga fotografiska platshållare direkt i Figma, din Blade-vy eller en React-komponent utan att behöva leta efter stockbilder.

Så använder du galleriet

  1. 1

    Ställ in bildens dimensioner

    Bredd och höjd i pixlar. Vanliga storlekar som 800×600 eller 1200×630 finns redan som förinställningar.

  2. 2

    Välj modifierare

    Oskärpa (0–10), gråskala, fast seed för reproducerbara bilder, WebP- eller JPEG-format.

  3. 3

    Bläddra i förhandsgranskningsrutnätet

    Flera slumpmässiga exempel laddas så att du kan välja ett du gillar.

  4. 4

    Kopiera URL:en

    Hämta den enkla URL:en, den fullständiga `<img>`-taggen eller Markdown-bildsyntaxen.

URL-anatomi

Grundläggande slutpunkt:

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

Plus valfria fråge- och sökvägsdelar:

Variant Exempel Effekt
Genväg för kvadrat /200 → samma som /200/200 Kvadratisk bild
Fast seed /seed/cat/400/300 Returnerar alltid samma foto
Specifikt foto-ID /id/237/400/300 Låser till bild 237 i samlingen
Gråskala /400/300?grayscale Monokromt filter
Oskärpa /400/300?blur=5 Gaussisk oskärpa, 1–10
Format /400/300.webp Tvingar fram ett filformat
Slumpmässigt vid varje laddning Bara URL:en Nytt foto vid varje uppdatering

När du ska använda det jämfört med riktiga stockbilder

  • Bra: wireframes, designgranskningar, interna demonstrationer, testfixturer, experiment med lazy loading.
  • Inte bra: marknadsföringssidor i produktion, hjältebilder (hero), sociala förhandsvisningar. Att hotlinka till någon annans gratis bildtjänst för verklig trafik är dålig stil och skört, bilden kan ändras utan förvarning.

Tips

  • Lås en seed när du tar skärmbilder av designer för dokumentation; annars ändras bilden nästa gång någon öppnar sidan.
  • Matcha bildförhållandena för dina slutliga tillgångar (16:9, 4:5, 1:1) så att layouten inte hoppar när du byter till riktiga foton.
  • Använd oskärpa för att testa övergångar från platshållare till riktig bild (LQIP-mönster), Picsums oskärpeutdata efterliknar hur en platshållare för en lågkvalitativ bild skulle se ut.
  • Begär WebP för lättare sidor under utvecklingen.

Vanliga frågor

Tekniskt sett är fotona licensierade under Unsplash, men att hotlinka till picsum.photos från produktion avråds, använd det för prototyper och ladda ner tillgången (eller gå till den ursprungliga Unsplash-källan) för produktionsbruk.

Utan en seed eller ett ID returnerar API:et ett slumpmässigt foto vid varje begäran. Använd /seed/dittord/... eller /id/123/... för att låsa den.

Lorem Picsum är en gratis tjänst på Cloudflare med rimliga hastighetsgränser. För tunga testsviter eller belastningstester bör du ladda ner en lokal kopia och servera den från din egen värd.

Ja, tjänsten är endast HTTPS. Alla genererade URL:er börjar med https://.

Endast för förhandsvisningsminiatyrerna, som laddas direkt från picsum.photos. Inga uppgifter om dina val av storlek eller seed skickas till någon tredje part av galleriet självt.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

E-postvalidator

Validera en e-postadress: RFC 5322-syntaxkontroll, live-slagning av MX-poster samt detaljer om lokal del, domän och längd. Ingen e-post skickas.

EditorConfig-generator

Generera en .editorconfig-fil med dina regler för indragsstil och -storlek, radslut, teckenuppsättning och blanksteg för enhetlig formatering i alla IDE:er och editorer.

HTML-formaterare

Formatera HTML lokalt i webbläsaren med indrag på två eller fyra blanksteg. HTML laddas inte upp eller valideras.

Verktyget finns på andra språk