Hvordan opretter jeg et pladsholderbillede i en bestemt størrelse?

Indtast Bredde (px) og Højde (px), vælg farver eller et Farvetema, og klik derefter på Hent PNG, Hent JPG eller Hent SVG. Som standard viser billedet sine dimensioner, f.eks. 800 x 600, som etiketten.

Hvad er det største pladsholderbillede, jeg kan generere?

Bredde og højde skal hver være mellem 1 og 4000 pixels. Værdier uden for dette interval viser fejlen Bredde og højde skal være mellem 1 og 4000 px.

Hvordan sætter jeg et pladsholderbillede direkte ind i HTML uden en fil?

Klik på Kopiér som data-URL og indsæt den i et img-tag som src-værdien. Du kan også bruge Kopiér HTML-snippet eller Kopiér CSS-baggrund. Der er ikke brug for en ekstern billedhost.

Kan jeg generere standardstørrelser til sociale medier eller web?

Ja. Forudindstillede størrelser inkluderer Instagram-opslag, Instagram-historie, Twitter-kort, Open Graph, YouTube-miniature, Facebook-omslag og E-mail-header. Download alle forudindstillinger (ZIP) gemmer alle elleve som PNG-filer.

Hvordan sætter jeg min egen tekst eller diagonale linjer på pladsholderen?

Skriv en etiket i Brugerdefineret tekst, f.eks. Hero image, i stedet for at vise dimensioner. Sæt kryds i Vis diagonale linjer (X) for at tegne svage diagonaler. Lang tekst skrumper automatisk for at passe til bredden.

Er det virkelig gratis?

Ja. Alle værktøjer er gratis at bruge, uden konto og uden kreditkort. Arbejdet foregår på din enhed i stedet for på vores servere, hvilket er det, der gør det gratis at køre.

Virker det på mobil?

Ja. Det kører i nuværende mobilbrowsere på iOS og Android, uden noget at installere.

🖼️

Gratis Pladsholderbillede-generator

Generer farvede pladsholderbilleder med brugerdefinerede dimensioner, tekst og farver. Standardstørrelser til sociale medier, mockups og designskitser.

Kører i din browserIngen tilmelding, ingen pop-upsIngen login krævetGratis for altid

Bredde (px)

Højde (px)

Forudindstillede størrelser

Farvetemaer

Baggrund

Tekst / linjer

Brugerdefineret tekst (lad stå tomt for mål)

Vis mål, hvis der ikke er brugerdefineret tekstVis diagonale linjer (X)

💡 Til HTML-mockups: brug 'Kopiér som data-URL' og indsæt i <img src="..."> for inline pladsholdere. Til Figma/Sketch-designs: download PNG og træk den ind.

Almindelige anvendelser

Pladsholder-billeder til design-mockupsGenerer størrelse farvede felter til brug i Figma, Sketch eller webdesign-mockups før rigtige billeder er parate.
Indlejret pladsholdere til HTML-prototyperBrug Kopier som data-URL for at indlejre pladsholder-billeder direkte i HTML til hurtige prototyper.
Pladsholdere til CMS-indholdsfagNår du demonstrerer en CMS-skabelon, bruger pladsholder-billeder i stedet for virkeligt indhold til følsomme visninger.
Sociale medier billede-skabelonerGenerer korrekt størrelse pladsholdere til Instagram, Facebook, Twitter, LinkedIn-postskabeloner.
CSS-layout test-billederGenerer billeder ved ekstreme aspektforhold for stresstest responsiv CSS-layouts.

Sådan fungerer det

Alt sker i din browser med HTML Canvas API og håndskrevet SVG-markup — ingen server, ingen upload, ingen tredjepartstjeneste. Du angiver mål, farver og etikettekst, og værktøjet maler billedet direkte på et canvas-element i realtid og serialiserer det til PNG, JPEG eller SVG efter behov.

1
Indstil mål og farver
Skriv en bredde og højde (1–4000 px hver), eller vælg en af elleve forudindstillinger, der dækker almindelige størrelser til sociale medier og design. Vælg baggrunds- og tekstfarve fra de indbyggede temaer, eller indtast en vilkårlig hex-værdi direkte; en indbygget farvevælger og et valideret tekstfelt holdes synkroniseret.
2
Canvas API viser forhåndsvisningen øjeblikkeligt
En React-effekt kalder drawPlaceholder() ved hver ændring. Funktionen bruger CanvasRenderingContext2D til at fylde rektanglet med baggrundsfarven, eventuelt tegne svage diagonale krydslinjer med 15 % opacitet og derefter måle og centrere din etikettekst — med automatisk formindskelse af skriften, indtil den passer inden for 90 % af lærredets bredde.
3
Eksportér som PNG, JPEG eller SVG
PNG- og JPEG-download kalder canvas.toDataURL(), omdanner base64-resultatet til en Blob i hukommelsen og starter downloaden — alt synkront inden for brugerhandlingen, så iOS Safaris downloadregler overholdes. SVG-eksport bygger en selvstændig SVG-streng med et tilsvarende rect, valgfrie diagonale linjer og et text-element og gemmer den som en .svg-fil.
4
Masseeksport og genveje til kopiering
Knappen 'Download alle forudindstillinger' importerer JSZip dynamisk, gentegner hver af de elleve forudindstillede størrelser på et usynligt lærred med samme tegnefunktion og pakker alle PNG'er i én ZIP. Kopiér-knapper giver en PNG-data-URL, et inline SVG img-tag eller en CSS background-image-deklaration til direkte indsættelse i kode.