Embelliment de captures de pantalla

Com embellir una captura de pantalla

1. Deixa anar una captura de pantalla a la zona de càrrega, fes-hi clic per triar un fitxer, o simplement enganxa-la amb Ctrl+V (⌘+V en un Mac) just després de fer-la. El botó Enganxa del porta-retalls fa el mateix quan el navegador ho permet.
2. Tria un Marc de finestra: Finestra de macOS (els botons vermell, groc i verd), Finestra de Windows (minimitza, maximitza i tanca a la dreta), Finestra de navegador (una pestanya, botons de navegació i una barra d’adreces) o Sense marc. Tria el Tema del marc, Clar o Fosc, perquè combini amb la captura.
3. Escriu un Títol de la finestra o URL. Apareix a la barra de títol, o a la pestanya i a la barra d’adreces del marc de navegador (se suprimeix un https:// inicial, com fan els navegadors).
4. Tria un Fons: un dels models de Degradat, un Color sòlid, una Imatge teva, una Captura desenfocada (una còpia suau i desenfocada de la mateixa captura) o Transparent.
5. Ajusta el Marge interior, el Radi de les cantonades, la Mida de l’ombra, el Desplaçament de l’ombra i l’Opacitat de l’ombra. La vista prèvia s’actualitza a mesura que mous cada control.
6. Tria una Relació d’aspecte si la imatge anirà a un lloc concret, i una Mida de sortida.
7. Fes clic a Baixa el PNG, o a Copia la imatge per enganxar el resultat directament en un xat, un document o una diapositiva.

Per què posar un marc a una captura?

Una captura en brut té les vores dures i es confon amb la pàgina blanca que l’envolta. Posar-la sobre un fons de color, amb espai al voltant i una ombra suau, la separa del contingut que l’envolta i fa que es llegeixi com un objecte: una finestra que ensenyes, no un tros de la pàgina. Aquest és l’aspecte que es fa servir en llançaments de productes, registres de canvis, documentació, tuits i presentacions.

Els marcs de finestra els dibuixa l’eina, píxel a píxel, en lloc de copiar-los d’un sistema operatiu. Donen context (una aplicació d’escriptori, un lloc web) i amaguen que la captura està retallada. Fes servir el marc de navegador per a pàgines web: també mostra la teva URL, cosa útil en tutorials.

Relacions d’aspecte per a les xarxes socials

Amb Automàtica (ajustada a la captura), la imatge és exactament la captura més el seu marge. Els altres models fan el fons més gran només en una direcció i mantenen la finestra centrada, de manera que no es retalla res:

• 16:9 (X / Twitter, YouTube, presentacions): la relació que X mostra sense retallar a la cronologia, i la forma de la majoria de presentacions.
• 1,91:1 (LinkedIn, vista prèvia d’enllaç de Facebook): la forma de les imatges d’enllaç Open Graph (1200 × 628 px).
• Quadrada 1:1 (Instagram) i Vertical 4:5 (feed d’Instagram): les dues formes que el feed d’Instagram mostra senceres.
• 9:16 (Stories, Reels) per als formats verticals, i 4:3 (presentacions) per a plantilles de diapositives més antigues.

Mides i qualitat

La sortida conserva la resolució completa de la teva captura, de manera que el text es manté nítid. El marge interior és un percentatge de la mida de la finestra, i la barra de títol, el radi de les cantonades i l’ombra s’escalen amb l’amplada de la captura; així, una captura Retina i una de petita tenen el mateix aspecte. La mida del PNG es mostra sota la vista prèvia. Posa la Mida de sortida al 50 % per obtenir un fitxer més lleuger, o al 200 % per ampliar una captura petita. Els resultats molt grans es redueixen al llenç més gran que tots els navegadors poden crear.

El PNG no té pèrdua i conserva la transparència: amb un fons Transparent, només queden la finestra i la seva ombra, a punt per posar-les sobre qualsevol disseny. Tot passa al teu navegador: la captura no es puja mai.