← Tornar a les funcions
Free

Captura de pantalla

La Captura de pantalla captura imatges d'alta qualitat de qualsevol pàgina web en dos modes: àrea visible (exactament el que veus a la finestra del navegador) o pàgina completa (tota la pàgina de dalt a baix, incloent el contingut per sota de la part visible). Les captures es guarden com a fitxers PNG d'alta resolució i es descarreguen a l'instant al teu dispositiu — sense pujades al núvol, sense comptes, sense esperes.

Les captures de pantalla natives del navegador (utilitzant eines del sistema operatiu com Cmd+Shift+4 o l'Eina de retalls) capturen tota la pantalla, incloent elements del navegador, barres d'eines i altres finestres. No poden capturar el contingut per sota de la part visible. L'eina de Captura de pantalla de DevSuite soluciona ambdós problemes — captura només el contingut de la pàgina web (sense la interfície del navegador) i pot recórrer tota la pàgina per crear una imatge completa sense talls. El mode d'àrea visible utilitza l'API de captura nativa de Chrome per a una precisió total. El mode de pàgina completa recorre la pàgina automàticament, captura cada secció i les uneix en una sola imatge contínua. El resultat és un fitxer PNG de resolució completa (coincident amb la ràtio de píxels del teu dispositiu), de manera que les captures són nítides en pantalles Retina i d'alta densitat de píxels (HiDPI).

Vista prèvia en viu
example.com/landing-page
Visible Area
Full Page
PNG · Full Resolution
Capture Area
Capture Info
Width1440px
Height900px
FormatPNG
Scale2x
Download
Funcions clau

Captura de l'àrea visible

Captura exactament el que és visible al visor del navegador — el rectangle exacte de contingut que veu l'usuari. Sense elements del navegador, sense barres d'eines ni de desplaçament. Només el contingut pur de la pàgina tal com apareix a la pantalla. Un sol clic, captura instantània.

Captura de pàgina completa

Captura tota la pàgina des de la part més superior fins a la inferior, incloent tot el contingut per sota de la part visible. L'eina recorre la pàgina automàticament, captura cada secció i les uneix en una sola imatge contínua i sense talls. Funciona en pàgines de qualsevol longitud.

Qualitat Retina / HiDPI

Les captures de pantalla es realitzen amb la ràtio de píxels nativa de la teva pantalla (2x en Retina, 1.5x en algunes pantalles de Windows). El resultat és una imatge d'alta resolució i nítida que es veu bé fins i tot si s'amplia — no és l'ampliació borrosa que s'obté amb les captures del sistema operatiu.

Descàrrega immediata en PNG

La imatge capturada es guarda com un fitxer PNG sense pèrdua i es descarrega directament al teu dispositiu a l'instant. Sense pujades al núvol, sense esperes de processament, sense necessitat de compte. El fitxer apareix a la teva carpeta de descàrregues en pocs segons.

Només contingut net

La captura inclou només el contingut de la pàgina web — sense pestanyes del navegador, barra d'adreces, barres de marcadors o d'extensions. El resultat es veu exactament com es veuria la pàgina si la interfície del navegador no existís.

Funciona en qualsevol pàgina

Captura qualsevol pàgina web independentment de com estigui construïda — HTML estàtic, SPAs (React, Vue), pàgines amb càrrega d'imatges diferida (lazy-loading), desplaçament infinit, capçaleres fixes i elements en posició fixa. El mode de pàgina completa ho gestiona tot.

Casos d'ús comuns

Documentació de portafolis i estudis de cas

Fes captures de pàgina completa dels llocs web que has dissenyat o desenvolupat per al teu portafolis. El mode de pàgina completa t'ofereix una imatge completa i sense talls que mostra tot el disseny de la pàgina — ideal per a Behance, Dribbble o estudis de cas de portafolis.

Informes d'errors amb context visual

Quan s'informa d'un error, una imatge val més que mil paraules. Captura el visor exacte on es mostra el problema o una captura de pàgina completa que mostri com l'error afecta tot el disseny. Adjunta-ho al teu tiquet de GitHub o Jira.

Revisió de disseny i aprovació

Captura l'estat actual d'un lloc de proves per a la revisió dels interessats. Les captures de pàgina completa permeten als clients veure tot el disseny sense haver de visitar el lloc ells mateixos — útil per a revisions amb persones no tècniques.

Comparacions abans i després

Fes una captura de pantalla abans de fer els canvis i una altra després. Compara les dues imatges de costat per verificar que els teus canvis de CSS o de disseny siguin correctes a tota la pàgina, no només a la secció on t'havies centrat.

Contingut per a xarxes socials i blogs

Crea imatges netes i professionals de pàgines web per a articles de blog, tuits o presentacions. El resultat sense barres d'eines ni elements del navegador es veu polit i professional — sense necessitat de retallar la interfície del navegador.

Com utilitzar-lo
1

Activa l'eina de Captura de pantalla

Obre el tauler o finestra emergent de DevSuite Pro i fes clic a la icona de Captura de pantalla. Apareixerà un selector de mode amb dues opcions: "Àrea visible" i "Pàgina completa".

2

Tria el teu mode de captura

Fes clic a "Àrea visible" per capturar el visor actual (el que veus ara mateix) o a "Pàgina completa" per capturar tota la pàgina de dalt a baix.

3

Espera a la captura

Les captures d'àrea visible són instantànies (menys d'un segon). Les captures de pàgina completa triguen uns segons mentre l'eina recorre la pàgina i uneix les seccions. Un indicador de progrés mostra l'estat de la captura.

4

Descarrega el fitxer PNG

La imatge capturada es descarrega automàticament com un fitxer PNG. Comprova la carpeta de descàrregues del teu navegador per trobar el fitxer, anomenat amb el títol de la pàgina i la marca de temps.

5

Fes més captures de pantalla

L'eina roman activa després de cada captura. Fes captures addicionals de la mateixa pàgina o de pàgines diferents sense re-activar-la. Desplaça't, fes canvis i torna a capturar.

Llest per provar-ho? Captura de pantalla?

Instal·la DevSuite Pro gratuïtament i desbloqueja més de 39 eines de desenvolupador per al teu navegador.

Afegeix a Chrome Afegeix a Edge Afegeix a FireFox