← Tilbake til funksjoner
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.

Nettleserens egne skjermbilder (med OS-verktøy som Cmd+Shift+4 eller Snipping Tool) fanger hele skjermen, inkludert nettleserens rammeverk, verktøylinjer og andre vinduer. De kan ikke fange opp innhold under bretten. DevSuites Screenshot-verktøy løser begge problemene — det fanger kun selve nettsideinnholdet (uten nettleser-UI) og kan skrolle gjennom hele siden for å lage et sømløst helsidebilde.

Modusen for synlig område bruker Chromes native capture API for pikselperfekt nøyaktighet. Modusen for hele siden skroller siden automatisk, fanger hver visningsflis og syr dem sammen til ett sammenhengende bilde. Resultatet er en PNG i full oppløsning (som matcher skjermens device pixel ratio), slik at skjermbildene blir skarpe på Retina- og andre høy-DPI-skjermer.

Fixed- og sticky-elementer (headere, cookie-bannere, chat-widgeter) håndteres automatisk under fangst av hele siden: siden verktøyet skroller den faktiske siden i stedet for å sette sammen fliser fra en headless-renderer, blir alt som er festet til visningsvinduet, fanget én gang i riktig posisjon i stedet for å gjenta seg på hver flis. Lazy-loaded bilder og innhold som først rendres når det skrolles inn i synsfeltet, utløses naturlig etter hvert som fangsten skrolles forbi dem, slik at sluttbildet gjenspeiler det en ekte besøkende ville sett — ikke et tomt plassholder-rutenett — noe som betyr mye for bildetunge landingssider og lengre artikler.

Live forhåndsvisning
example.com/landing-page
Visible Area
Full Page PNG · Full Resolution
Capture Area
Capture Info
Bredde1440px
Høyde900px
FormatPNG
2x
Last ned
Hovedfunksjoner

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.

Vanlige bruksområder

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.

Slik bruker 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 å prøve?

Installer DevSuite Pro gratis og lås opp 64+ utviklerverktøy for nettleseren din.

Legg til i Chrome Legg til i Edge Legg til i FireFox