Generator for plassholderbilder

Slik lager du et plassholderbilde

1. Skriv inn Bredde (px) og Høyde (px), fra 1 til 10 000 piksler. Forhåndsvisningen og sideforholdet oppdateres mens du skriver.
2. Skriv inn en Tekst, eller la feltet stå tomt for å skrive ut størrelsen, for eksempel «1200×630».
3. Velg Bakgrunnsfarge og Tekstfarge.
4. La Skriftstørrelse (px) stå på 0 for en automatisk størrelse som passer til bildet, eller skriv inn en størrelse i piksler. Velg en Skrift.
5. Velg Format: PNG, JPG, WebP eller SVG, og klikk på Last ned bilde.

For å lage mange størrelser samtidig åpner du Serie med vanlige størrelser, huker av for størrelsene du trenger (eller bruker Velg alle / Fjern alle valg) og klikker på Last ned valgte størrelser (ZIP). Hvert bilde bruker fargene, skriften og formatet ovenfor. Når teksten er tom, viser hvert bilde sin egen størrelse.

Hvilket format bør du velge?

• SVG er letteste formatet (noen hundre byte uansett størrelse) og forblir skarpt ved enhver zoom. Det er ideelt for mockuper, prototyper og HTML-maler. Teksten bruker en systemskrift, så utseendet kan variere litt mellom datamaskiner.
• PNG gir nøyaktige, tapsfrie piksler. Velg det for designverktøy og når du trenger et ekte punktgrafikkbilde.
• JPG gir små filer for store størrelser og godtas overalt, også av gamle publiseringssystemer.
• WebP er mindre enn PNG og JPG og støttes av alle moderne nettlesere.

Rasterformater er begrenset til omtrent 16,7 millioner piksler (for eksempel 4096 × 4096), som er det største canvaset nettlesere kan kode. SVG har ingen slik grense.

Vanlige størrelser i serien

Annonsestørrelsene følger IAB-standardformatene som brukes av de fleste annonsenettverk. Størrelsene for sosiale medier tilsvarer anbefalingene til de store plattformene.

Hvorfor bruke plassholderbilder?

Plassholdere reserverer nøyaktig den plassen et bilde skal ta, før det ekte bildet finnes. Dermed kan designere og utviklere kontrollere en layout, teste responsive brytepunkter eller vise en kunde hvor bildene skal stå, uten å lete etter bilder i en bildebank. Når målene står skrevet på bildet, er det tydelig hvilken størrelse hver plass forventer, og en nøytral grå farge holder oppmerksomheten på layouten i stedet for innholdet.

Fordi dette verktøyet lager ekte filer, kan du bruke dem uten nett, legge dem inn i et repositorium eller slippe dem i et designverktøy, uten avhengighet av en ekstern plassholdertjeneste som kan gå ned eller spore besøkende.