Utilia

Snygga till skärmdump

Gör en vanlig skärmdump snygg med toningsbakgrund, utfyllnad, rundade hörn, skugga och ram som macOS-, Windows- eller webbläsarfönster. Utan uppladdning.

Lägg till en skärmdump för att se förhandsvisningen: släpp den ovan, välj den eller klistra in den.

Så snyggar du till en skärmdump

  1. Släpp en skärmdump i släppytan, klicka på den för att välja en fil, eller klistra helt enkelt in den med Ctrl+V (⌘+V på Mac) direkt efter att du tagit den. Knappen Klistra in från urklipp gör detsamma där webbläsaren tillåter det.
  2. Välj en Fönsterram: macOS-fönster (de röda, gula och gröna knapparna), Windows-fönster (minimera, maximera och stäng till höger), Webbläsarfönster (en flik, navigeringsknappar och ett adressfält) eller Ingen ram. Välj Ramens tema, Ljust eller Mörkt, så att det passar skärmdumpen.
  3. Skriv en Fönstertitel eller URL. Den visas i titelraden, eller i fliken och adressfältet i webbläsarramen (ett inledande https:// tas bort, som webbläsare gör).
  4. Välj en Bakgrund: en av förinställningarna under Toning, en Enfärgad bakgrund, din egen Bild, en Suddig skärmdump (en mjuk, suddig kopia av själva bilden) eller Transparent.
  5. Justera Utfyllnad, Hörnradie, Skuggstorlek, Skuggförskjutning och Skuggans opacitet. Förhandsvisningen uppdateras när du flyttar varje reglage.
  6. Välj ett Bildförhållande om bilden ska användas på en särskild plats, och en Utdatastorlek.
  7. Klicka på Ladda ner PNG, eller på Kopiera bild för att klistra in resultatet direkt i en chatt, ett dokument eller en bildpresentation.

Varför sätta ram på en skärmdump?

En rå skärmdump har hårda kanter och flyter ihop med den vita sidan runt omkring. Om du placerar den på en färgad bakgrund, med utrymme runt och en mjuk skugga, skiljs den från innehållet omkring och framstår som ett objekt: ett fönster som du visar, inte en del av sidan. Det är den stil som används vid produktlanseringar, i ändringsloggar, dokumentation, inlägg och presentationer.

Fönsterramarna ritas av verktyget, pixel för pixel, i stället för att kopieras från ett operativsystem. De ger sammanhang (ett skrivbordsprogram, en webbplats) och döljer att bilden är beskuren. Använd webbläsarramen för webbsidor: den visar också din URL, vilket är användbart i handledningar.

Bildförhållanden för sociala medier

Med Auto (anpassa efter skärmdumpen) blir bilden exakt skärmdumpen plus dess utfyllnad. De andra förinställningarna gör bakgrunden större i en riktning och håller fönstret centrerat, så ingenting beskärs:

  • 16:9 (X / Twitter, YouTube, presentationer): det förhållande som X visar utan beskärning i flödet, och formen på de flesta presentationer.
  • 1,91:1 (LinkedIn, länkförhandsvisning på Facebook): formen på Open Graph-länkbilder (1 200 × 628 px).
  • Kvadrat 1:1 (Instagram) och Stående 4:5 (Instagram-flöde): de två former som Instagram-flödet visar i sin helhet.
  • 9:16 (Stories, Reels) för stående format, och 4:3 (presentationer) för äldre bildmallar.

Storlekar och kvalitet

Resultatet behåller skärmdumpens fulla upplösning, så texten förblir skarp. Utfyllnaden är en procentandel av fönstrets storlek, och titelraden, hörnradien och skuggan skalas med skärmdumpens bredd, så att en Retina-bild och en liten bild får samma utseende. PNG-storleken visas under förhandsvisningen. Ställ in Utdatastorlek på 50 % för en lättare fil, eller 200 % för att förstora en liten bild. Mycket stora resultat minskas till den största canvas som alla webbläsare kan skapa.

PNG är förlustfritt och behåller transparens: med en Transparent bakgrund återstår bara fönstret och dess skugga, redo att placeras över vilken design som helst. Allt sker i din webbläsare: skärmdumpen laddas aldrig upp.

Vanliga frågor

Hur klistrar jag in en skärmdump direkt?

Ta skärmdumpen till urklipp (Print Screen eller Win+Skift+S i Windows, Ctrl+Skift+Cmd+4 på Mac) och tryck sedan på Ctrl+V eller ⌘+V var som helst på den här sidan. Text som klistras in i titelfältet påverkas inte.

Varför fungerar inte Kopiera bild i min webbläsare?

För att kopiera bilder krävs det asynkrona urklipps-API:t. Chrome, Edge och Safari stöder det; vissa versioner av Firefox gör det inte. Använd Ladda ner PNG i stället.

Kan jag använda min egen bakgrundsbild?

Ja. Välj Bild som Bakgrund och klicka på Välj en bakgrundsbild. Bilden skalas så att den täcker hela canvasen och centreras.

Ändrar ramen storleken på min skärmdump?

Nej. Skärmdumpen ritas i sin ursprungliga storlek; titelraden läggs till ovanför den och utfyllnaden runt fönstret.

Hur får jag en transparent PNG med bara en skugga?

Välj Transparent som Bakgrund och behåll en Skuggstorlek över noll. Skuggan sparas som halvgenomskinliga pixlar.