← Tilbage til funktioner
Free

Skærmbillede

Skærmbillede optager billeder i høj kvalitet af enhver webside i to tilstande: synligt område (præcis det, du ser i browservinduet) eller hele siden (hele siden fra top til bund, inkl. indhold under folden). Skærmbilleder gemmes som PNG-filer i høj opløsning og downloades øjeblikkeligt til din enhed — ingen cloudoverførsler, ingen konti, ingen ventetid.

Browser-native skærmbilleder (med OS-niveau-værktøjer som Cmd+Shift+4 eller Klippeværktøj) optager hele din skærm, inkl. browser-UI, værktøjslinjer og andre vinduer. De kan ikke optage indhold under folden. DevSuites skærmbilledværktøj løser begge problemer — det optager kun websidens indhold (ingen browser-UI) og kan rulle gennem hele siden for at skabe et sømløst fuldsidet billede. Tilstanden for synligt område bruger Chromes native capture API til pixel-perfekt nøjagtighed. Tilstanden for fuld side ruller automatisk siden, optager hvert viewport-flise og sætter dem sammen til ét kontinuerligt billede. Outputtet er en PNG i fuld opløsning (svarende til din skærms enhedspixelratio), så skærmbilleder er skarpe på Retina- og høj-DPI-skærme.

Live forhåndsvisning
example.com/landing-page
Visible Area
Full Page
PNG · Full Resolution
Capture Area
Capture Info
Width1440px
Height900px
FormatPNG
Scale2x
Download
Nøglefunktioner

Optagelse af synligt område

Optag præcis det, der er synligt i browserens viewport — det præcise rektangel af indhold, brugeren ser. Ingen browser-UI, ingen værktøjslinjer, ingen rullepaneler. Kun det rene webindhold, som det vises på skærmen. Ét klik, øjeblikkelig optagelse.

Fuldsidet skærmbillede

Optag hele siden fra top til bund, inkl. alt indhold under folden. Værktøjet ruller automatisk siden, optager hvert afsnit og sætter fliserne sammen til ét sømløst, kontinuerligt billede. Fungerer på sider af enhver længde.

Retina/høj-DPI-kvalitet

Skærmbilleder optages med din skærms native pixelratio (2x på Retina, 1,5x på nogle Windows-skærme). Resultatet er et skarpt, høj-opløsningsbillede, der ser skarpt ud selv når det zoomes ind — ikke den slørede opskalering, du får fra OS-skærmbilleder.

Øjeblikkelig PNG-download

Det optagede billede gemmes som en tabsfri PNG-fil og downloades direkte til din enhed øjeblikkeligt. Ingen cloudoverførsel, ingen ventetid på behandling, ingen konto krævet. Filen vises i din downloadmappe inden for sekunder.

Kun rent indhold

Optagelsen inkluderer kun websidens indhold — ingen browserfaner, adresselinje, bogmærkelinje eller udvidelsesværktøjslinje. Outputtet ser præcis ud, som siden ville se ud, hvis browser-UI'en ikke eksisterede.

Fungerer på enhver side

Optager enhver webside uanset, hvordan den er bygget — statisk HTML, enkeltside-applikationer (React, Vue), sider med dovent indlæste billeder, uendelig rulning, faste headers og fast-positionerede elementer. Tilstanden for fuld side håndterer dem alle.

Almindelige brugstilfælde

Portfolio- og casestudiedokumentation

Tag fuldside-skærmbilleder af websteder, du har designet eller udviklet til din portefølje. Tilstanden for fuld side giver dig et komplet, sømløst billede, der viser hele sidedesignet — perfekt til Behance, Dribbble eller portfolio-casestudier.

Fejlrapporter med visuel kontekst

Når du rapporterer en fejl, er et skærmbillede tusind ord værd. Optag det præcise viewport, der viser problemet, eller et fuldside-skærmbillede, der viser, hvordan fejlen påvirker hele layoutet. Vedhæft det til dit GitHub-issue eller Jira-ticket.

Designgennemgang og godkendelse

Optag den aktuelle tilstand af et staging-websted til interessentgennemgang. Fuldside-skærmbilleder lader klienter se det komplette design uden at besøge webstedet selv — nyttigt til gennemgange med ikke-tekniske interessenter.

Før/efter-sammenligninger

Tag et skærmbillede før du foretager ændringer, og tag derefter et til. Sammenlign de to billeder side om side for at verificere, at dine CSS- eller layoutændringer ser korrekte ud på hele siden, ikke kun den sektion, du var fokuseret på.

Indhold til sociale medier og blogs

Lav rene, professionelle billeder af websider til blogindlæg, tweets eller præsentationer. Det toolbar-frie, browser-UI-frie output ser poleret og professionelt ud — intet behov for at beskære browser-UI'en.

Sådan bruger du det
1

Aktivér skærmbilledværktøjet

Åbn DevSuite Pro-docken eller popup'en og klik på ikonet Skærmbillede. En tilstandsvælger vises med to muligheder: "Synligt område" og "Fuld side".

2

Vælg din optagelsestilstand

Klik på "Synligt område" for at optage den aktuelle viewport (det, du ser lige nu), eller "Fuld side" for at optage hele siden fra top til bund.

3

Vent på optagelse

Optagelser af synligt område er øjeblikkelige (under 1 sekund). Fulsidede optagelser tager et par sekunder, mens værktøjet ruller og sætter fliserne sammen. En fremdriftsindikator viser optagelsesstatus.

4

Download PNG'en

Det optagede billede downloades automatisk som en PNG-fil. Tjek din browsers downloadmappe for filen, navngivet med sidetitlen og tidsstemplet.

5

Tag flere skærmbilleder

Værktøjet forbliver aktivt efter hver optagelse. Tag yderligere skærmbilleder af den samme eller forskellige sider uden at genaktivere. Rul, foretag ændringer og optag igen.

Klar til at prøve? Skærmbillede?

Installer DevSuite Pro gratis og lås op for 39+ udviklerværktøjer til din browser.

Tilføj til Chrome Tilføj til Edge Tilføj til FireFox