Softonic

Generator för platshållarbilder

Steg 1 / 2
Tjänst
Nästa

Skapa en tillfällig bild för en wireframe, prototyp eller innehållsyta. Välj mått, färger och en valfri etikett och ladda sedan ned den PNG som ritas i webbläsaren. Verktyget skapar också en webbadress och HTML-tagg för placehold.co, picsum.photos eller dummyimage.com.

Så skapar du bilden

  1. 1

    Välj tjänst

    Välj placehold.co, picsum.photos eller dummyimage.com för den externa webbadressen.

  2. 2

    Ange storlek

    Ange bredd och höjd mellan 1 och 4000 pixlar.

  3. 3

    Anpassa duken

    Välj färger och en valfri etikett. Picsum-adresser ignorerar dessa val.

  4. 4

    Använd resultatet

    Ladda ned den lokala duken som PNG eller kopiera adressen eller HTML-koden.

Praktiska mått

Använd samma bildförhållande som den slutliga bilden så att layouten inte hoppar vid bytet.

Exempel Mått Förhållande
Open Graph-bild 1200 × 630 px 1,91:1
Videominiatyr 1280 × 720 px 16:9
Kvadratiskt produktkort 600 × 600 px 1:1
E-postbanner 600 × 200 px 3:1
  • Ladda ned PNG sparar webbläsarduken med färger, rutnät, diagonaler och etikett.
  • URL pekar på vald extern tjänst. Picsum ger ett slumpmässigt foto och använder inte färger eller etikett.
  • HTML lägger den externa adressen i ett <img>-element med bredd, höjd och alternativtext.

Etiketten ingår i servertillståndet och kan finnas i den kopierade externa adressen. Ange inte konfidentiell text.

Vanliga frågor

Knappen skapar PNG. Verktyget exporterar inte SVG, JPEG eller WebP.

Bredd och höjd är begränsade till 4000 pixlar vardera. Stora dukar kan kräva mycket minne.

Förhandsvisningen ritas lokalt; Picsum ger ett slumpmässigt foto och ignorerar färger och etikett.

Betrakta den inte som privat: den skickas till appen och kan synas i flödesadresser och stödda externa adresser.

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