[{"data":1,"prerenderedAt":715},["ShallowReactive",2],{"post-meta:\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel":3,"content-query-bnDOPOkAak":38,"prose-img-size:\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Fimg1.webp":706,"prose-img-size:\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Fimg2.webp":709,"prose-img-size:\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Fimg3.webp":712,"prose-img-size:\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Fimg4.webp":713},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"coverImage":11,"keywords":12,"og_title":21,"og_description":22,"og_image":11,"og_type":23,"robots":24,"canonical":25,"author":26,"category":27,"tags":28,"twitter_card":31,"twitter_title":21,"twitter_description":22,"twitter_image":11,"_type":32,"_id":33,"_source":34,"_file":35,"_stem":36,"_extension":37},"\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel","tech",false,"","Spotlight: Highlight What Matters in Your Screenshots with Pixtel","Dim everything in a screenshot except the part you want people to see. Draw rectangle, ellipse, square or circle spotlights in Pixtel, move and resize them, and choose how dark the rest goes.","2026-10-16","\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Fimg1.webp",[13,14,15,16,17,18,19,20],"spotlight screenshot","highlight part of a screenshot","dim background in screenshot","focus area in screenshot","screenshot highlighter tool","Pixtel Spotlight","annotate screenshot Windows","draw attention in screenshot","Spotlight: Make One Part of Your Screenshot Stand Out","Pixtel's Spotlight dims the whole picture except the areas you choose, so readers look exactly where you want them to.","article","index, follow","https:\u002F\u002Fwww.pixtel.us\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel","Pixtel Team","Tutorials",[29,30],"Pixtel","Tech Tutorial","summary_large_image","markdown","content:blogs:tech:spotlight-highlight-what-matters-in-your-screenshots-with-pixtel:index.md","content","blogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Findex.md","blogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Findex","md",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"coverImage":11,"keywords":39,"og_title":21,"og_description":22,"og_image":11,"og_type":23,"robots":24,"canonical":25,"author":26,"category":27,"tags":40,"twitter_card":31,"twitter_title":21,"twitter_description":22,"twitter_image":11,"body":41,"_type":32,"_id":33,"_source":34,"_file":35,"_stem":36,"_extension":37},[13,14,15,16,17,18,19,20],[29,30],{"type":42,"children":43,"toc":693},"root",[44,53,59,70,80,86,131,137,145,198,206,239,248,256,269,275,342,351,357,369,401,410,416,421,474,480,537,543,592,613,620,642,646,654],{"type":45,"tag":46,"props":47,"children":49},"element","h3",{"id":48},"a-busy-screenshot-and-one-thing-you-want-people-to-see",[50],{"type":51,"value":52},"text","A Busy Screenshot, and One Thing You Want People to See",{"type":45,"tag":54,"props":55,"children":56},"p",{},[57],{"type":51,"value":58},"A full-page screenshot shows everything: the menu, the headline, the pictures, the buttons. When you share it to point at one detail, people have to hunt for it. An arrow helps, but the rest of the page is still competing for their attention.",{"type":45,"tag":54,"props":60,"children":61},{},[62,68],{"type":45,"tag":63,"props":64,"children":65},"strong",{},[66],{"type":51,"value":67},"Spotlight",{"type":51,"value":69}," in Pixtel dims the whole picture except the areas you choose. The page is still there for context, and the parts that matter are lit up.",{"type":45,"tag":54,"props":71,"children":72},{},[73],{"type":45,"tag":74,"props":75,"children":79},"img",{"alt":76,"className":77,"src":11},"The Pixtel home page with Spotlight on the face and on the two buttons, the rest dimmed",[78],"zoomable-img",[],{"type":45,"tag":46,"props":81,"children":83},{"id":82},"why-it-helps",[84],{"type":51,"value":85},"Why It Helps",{"type":45,"tag":87,"props":88,"children":89},"ul",{},[90,101,111,121],{"type":45,"tag":91,"props":92,"children":93},"li",{},[94,99],{"type":45,"tag":63,"props":95,"children":96},{},[97],{"type":51,"value":98},"Eyes go where you want.",{"type":51,"value":100}," The bright areas stand out at once, without covering anything.",{"type":45,"tag":91,"props":102,"children":103},{},[104,109],{"type":45,"tag":63,"props":105,"children":106},{},[107],{"type":51,"value":108},"Context stays.",{"type":51,"value":110}," The dimmed page is still readable, so people know where the highlighted part sits.",{"type":45,"tag":91,"props":112,"children":113},{},[114,119],{"type":45,"tag":63,"props":115,"children":116},{},[117],{"type":51,"value":118},"As many spots as you need.",{"type":51,"value":120}," All spotlights in a picture share one dim, so the page never gets darker as you add more, and spots that overlap stay clear.",{"type":45,"tag":91,"props":122,"children":123},{},[124,129],{"type":45,"tag":63,"props":125,"children":126},{},[127],{"type":51,"value":128},"Your other annotations stay bright.",{"type":51,"value":130}," Arrows, text and shapes are always drawn on top of the dim.",{"type":45,"tag":46,"props":132,"children":134},{"id":133},"draw-a-spotlight",[135],{"type":51,"value":136},"Draw a Spotlight",{"type":45,"tag":54,"props":138,"children":139},{},[140],{"type":45,"tag":63,"props":141,"children":142},{},[143],{"type":51,"value":144},"Step 1: Choose the shape",{"type":45,"tag":87,"props":146,"children":147},{},[148,160,186],{"type":45,"tag":91,"props":149,"children":150},{},[151,153,158],{"type":51,"value":152},"Open the ",{"type":45,"tag":63,"props":154,"children":155},{},[156],{"type":51,"value":157},"Draw",{"type":51,"value":159}," tab on the right of the editor.",{"type":45,"tag":91,"props":161,"children":162},{},[163,165,170,172,177,179,184],{"type":51,"value":164},"Right-click the ",{"type":45,"tag":63,"props":166,"children":167},{},[168],{"type":51,"value":169},"Highlight & Erase",{"type":51,"value":171}," tool, or click the small arrow next to it, and choose ",{"type":45,"tag":63,"props":173,"children":174},{},[175],{"type":51,"value":176},"Spotlight Rectangle",{"type":51,"value":178}," or ",{"type":45,"tag":63,"props":180,"children":181},{},[182],{"type":51,"value":183},"Spotlight Ellipse",{"type":51,"value":185},".",{"type":45,"tag":91,"props":187,"children":188},{},[189,191,196],{"type":51,"value":190},"Next time, press ",{"type":45,"tag":63,"props":192,"children":193},{},[194],{"type":51,"value":195},"H",{"type":51,"value":197}," to pick up the same tool again.",{"type":45,"tag":54,"props":199,"children":200},{},[201],{"type":45,"tag":63,"props":202,"children":203},{},[204],{"type":51,"value":205},"Step 2: Drag over what you want to show",{"type":45,"tag":87,"props":207,"children":208},{},[209,214],{"type":45,"tag":91,"props":210,"children":211},{},[212],{"type":51,"value":213},"Drag across the area, as you would draw a rectangle or an ellipse. Everything else dims as you drag.",{"type":45,"tag":91,"props":215,"children":216},{},[217,219,224,226,231,232,237],{"type":51,"value":218},"Hold ",{"type":45,"tag":63,"props":220,"children":221},{},[222],{"type":51,"value":223},"Shift",{"type":51,"value":225}," while you drag for a perfect ",{"type":45,"tag":63,"props":227,"children":228},{},[229],{"type":51,"value":230},"square",{"type":51,"value":178},{"type":45,"tag":63,"props":233,"children":234},{},[235],{"type":51,"value":236},"circle",{"type":51,"value":238},", just as with the Rectangle and Ellipse shapes.",{"type":45,"tag":54,"props":240,"children":241},{},[242],{"type":45,"tag":74,"props":243,"children":247},{"alt":244,"className":245,"src":246},"Drawing a circle spotlight on the Pixtel home page in the Pixtel editor",[78],"\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Fimg2.webp",[],{"type":45,"tag":54,"props":249,"children":250},{},[251],{"type":45,"tag":63,"props":252,"children":253},{},[254],{"type":51,"value":255},"Step 3: Add more spots",{"type":45,"tag":87,"props":257,"children":258},{},[259,264],{"type":45,"tag":91,"props":260,"children":261},{},[262],{"type":51,"value":263},"Drag again to light up another area. Rectangles and ellipses can be mixed in the same picture.",{"type":45,"tag":91,"props":265,"children":266},{},[267],{"type":51,"value":268},"Each new spot joins the picture's spotlight, so the dim stays the same strength however many you add.",{"type":45,"tag":46,"props":270,"children":272},{"id":271},"adjust-a-spot",[273],{"type":51,"value":274},"Adjust a Spot",{"type":45,"tag":87,"props":276,"children":277},{},[278,288,298,308,325],{"type":45,"tag":91,"props":279,"children":280},{},[281,286],{"type":45,"tag":63,"props":282,"children":283},{},[284],{"type":51,"value":285},"Select:",{"type":51,"value":287}," click inside a spot. Its frame and handles appear.",{"type":45,"tag":91,"props":289,"children":290},{},[291,296],{"type":45,"tag":63,"props":292,"children":293},{},[294],{"type":51,"value":295},"Move:",{"type":51,"value":297}," drag the spot to a new place. The dim follows as you go.",{"type":45,"tag":91,"props":299,"children":300},{},[301,306],{"type":45,"tag":63,"props":302,"children":303},{},[304],{"type":51,"value":305},"Resize:",{"type":51,"value":307}," drag a handle on its frame.",{"type":45,"tag":91,"props":309,"children":310},{},[311,316,318,323],{"type":45,"tag":63,"props":312,"children":313},{},[314],{"type":51,"value":315},"Remove:",{"type":51,"value":317}," press ",{"type":45,"tag":63,"props":319,"children":320},{},[321],{"type":51,"value":322},"Delete",{"type":51,"value":324}," to remove that spot only. When it is the last one, the spotlight goes too.",{"type":45,"tag":91,"props":326,"children":327},{},[328,333,335,340],{"type":45,"tag":63,"props":329,"children":330},{},[331],{"type":51,"value":332},"Undo:",{"type":51,"value":334}," every spot you draw, move, resize or remove is one step, so ",{"type":45,"tag":63,"props":336,"children":337},{},[338],{"type":51,"value":339},"Ctrl+Z",{"type":51,"value":341}," puts it back.",{"type":45,"tag":54,"props":343,"children":344},{},[345],{"type":45,"tag":74,"props":346,"children":350},{"alt":347,"className":348,"src":349},"Two spotlights, a circle and an ellipse, with the ellipse around the buttons selected",[78],"\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Fimg3.webp",[],{"type":45,"tag":46,"props":352,"children":354},{"id":353},"choose-how-dark-the-rest-goes",[355],{"type":51,"value":356},"Choose How Dark the Rest Goes",{"type":45,"tag":54,"props":358,"children":359},{},[360,362,367],{"type":51,"value":361},"Double-click inside a spot to open its ",{"type":45,"tag":63,"props":363,"children":364},{},[365],{"type":51,"value":366},"properties",{"type":51,"value":368},":",{"type":45,"tag":87,"props":370,"children":371},{},[372,382],{"type":45,"tag":91,"props":373,"children":374},{},[375,380],{"type":45,"tag":63,"props":376,"children":377},{},[378],{"type":51,"value":379},"Fill",{"type":51,"value":381}," sets the color of the dim. Black is where it starts; a dark brand color works well too. Picking a new color keeps the opacity you set.",{"type":45,"tag":91,"props":383,"children":384},{},[385,387,392,394,399],{"type":51,"value":386},"The ",{"type":45,"tag":63,"props":388,"children":389},{},[390],{"type":51,"value":391},"opacity",{"type":51,"value":393}," slider sets how strong the dim is. It starts at ",{"type":45,"tag":63,"props":395,"children":396},{},[397],{"type":51,"value":398},"55%",{"type":51,"value":400},": lighter keeps more of the page readable, darker makes the spots stand out more.",{"type":45,"tag":54,"props":402,"children":403},{},[404],{"type":45,"tag":74,"props":405,"children":409},{"alt":406,"className":407,"src":408},"The Spotlight properties panel with the fill color and opacity",[78],"\u002Fassets\u002Fimages\u002Fblogs\u002Ftech\u002Fspotlight-highlight-what-matters-in-your-screenshots-with-pixtel\u002Fimg4.webp",[],{"type":45,"tag":46,"props":411,"children":413},{"id":412},"pixtel-remembers-your-dim",[414],{"type":51,"value":415},"Pixtel Remembers Your Dim",{"type":45,"tag":54,"props":417,"children":418},{},[419],{"type":51,"value":420},"Set the color and strength once, and Pixtel keeps them. The next picture you spotlight starts with the dim you used last, even after you close and reopen Pixtel.",{"type":45,"tag":87,"props":422,"children":423},{},[424,443,448],{"type":45,"tag":91,"props":425,"children":426},{},[427,429,434,436,441],{"type":51,"value":428},"Changes made in the properties panel are remembered when you close it with ",{"type":45,"tag":63,"props":430,"children":431},{},[432],{"type":51,"value":433},"Done",{"type":51,"value":435},". ",{"type":45,"tag":63,"props":437,"children":438},{},[439],{"type":51,"value":440},"Cancel",{"type":51,"value":442}," leaves your saved dim as it was.",{"type":45,"tag":91,"props":444,"children":445},{},[446],{"type":51,"value":447},"On a picture that already has a spotlight, new spots join it and share its dim.",{"type":45,"tag":91,"props":449,"children":450},{},[451,453,458,460,465,467,472],{"type":51,"value":452},"Under ",{"type":45,"tag":63,"props":454,"children":455},{},[456],{"type":51,"value":457},"Defaults",{"type":51,"value":459}," in the panel, ",{"type":45,"tag":63,"props":461,"children":462},{},[463],{"type":51,"value":464},"Save as default",{"type":51,"value":466}," stores the current dim, and ",{"type":45,"tag":63,"props":468,"children":469},{},[470],{"type":51,"value":471},"Reset to default",{"type":51,"value":473}," gives a spotlight the saved dim again.",{"type":45,"tag":46,"props":475,"children":477},{"id":476},"good-to-know",[478],{"type":51,"value":479},"Good to Know",{"type":45,"tag":87,"props":481,"children":482},{},[483,493,510,520],{"type":45,"tag":91,"props":484,"children":485},{},[486,491],{"type":45,"tag":63,"props":487,"children":488},{},[489],{"type":51,"value":490},"Stays editable.",{"type":51,"value":492}," The spotlight is saved with the picture as an annotation, so you can come back later and move, resize or remove spots.",{"type":45,"tag":91,"props":494,"children":495},{},[496,501,503,508],{"type":45,"tag":63,"props":497,"children":498},{},[499],{"type":51,"value":500},"Exports as you see it.",{"type":51,"value":502}," Copying, saving as an image, sharing and ",{"type":45,"tag":63,"props":504,"children":505},{},[506],{"type":51,"value":507},"Flatten Annotations",{"type":51,"value":509}," all keep the spotlight exactly as it looks in the editor.",{"type":45,"tag":91,"props":511,"children":512},{},[513,518],{"type":45,"tag":63,"props":514,"children":515},{},[516],{"type":51,"value":517},"Clicks pass through the dim.",{"type":51,"value":519}," Clicking a dimmed area does not select the spotlight, so you can still pick the arrows and text you have drawn there.",{"type":45,"tag":91,"props":521,"children":522},{},[523,528,530,535],{"type":45,"tag":63,"props":524,"children":525},{},[526],{"type":51,"value":527},"Always under your annotations.",{"type":51,"value":529}," Even ",{"type":45,"tag":63,"props":531,"children":532},{},[533],{"type":51,"value":534},"Send to Back",{"type":51,"value":536}," keeps an arrow above the spotlight, so it is never dimmed.",{"type":45,"tag":46,"props":538,"children":540},{"id":539},"tips",[541],{"type":51,"value":542},"Tips",{"type":45,"tag":87,"props":544,"children":545},{},[546,558,563,568,580],{"type":45,"tag":91,"props":547,"children":548},{},[549,551,556],{"type":51,"value":550},"Writing a how-to? Spotlight the button to click, then add a numbered ",{"type":45,"tag":63,"props":552,"children":553},{},[554],{"type":51,"value":555},"Counter",{"type":51,"value":557}," on top for each step.",{"type":45,"tag":91,"props":559,"children":560},{},[561],{"type":51,"value":562},"Reviewing a design? Light up two areas at once to compare them side by side.",{"type":45,"tag":91,"props":564,"children":565},{},[566],{"type":51,"value":567},"Sharing a dashboard? Spotlight the one number that changed and keep the rest dim for context.",{"type":45,"tag":91,"props":569,"children":570},{},[571,573,578],{"type":51,"value":572},"Need to hide something too? Combine Spotlight with ",{"type":45,"tag":63,"props":574,"children":575},{},[576],{"type":51,"value":577},"Blur Rectangle",{"type":51,"value":579}," from the same menu.",{"type":45,"tag":91,"props":581,"children":582},{},[583,585,590],{"type":51,"value":584},"Detail too small to read? Add a ",{"type":45,"tag":63,"props":586,"children":587},{},[588],{"type":51,"value":589},"Magnifier",{"type":51,"value":591}," from the same menu to show it enlarged beside the spot.",{"type":45,"tag":54,"props":593,"children":594},{},[595,597,602,606,608],{"type":51,"value":596},"✨ ",{"type":45,"tag":63,"props":598,"children":599},{},[600],{"type":51,"value":601},"Capture once. Use it forever. It isn't just a tool—it's Pixtel.",{"type":45,"tag":603,"props":604,"children":605},"br",{},[],{"type":51,"value":607},"\n🎯 ",{"type":45,"tag":63,"props":609,"children":610},{},[611],{"type":51,"value":612},"Try Pixtel today and put the spotlight on what matters.",{"type":45,"tag":614,"props":615,"children":617},"h2",{"id":616},"call-to-action",[618],{"type":51,"value":619},"Call-to-Action",{"type":45,"tag":54,"props":621,"children":622},{},[623,633,635],{"type":45,"tag":624,"props":625,"children":630},"a",{"href":626,"rel":627,"target":629},"https:\u002F\u002Fwww.pixtel.us\u002Fdownload",[628],"noopener","_blank",[631],{"type":51,"value":632},"Download Pixtel",{"type":51,"value":634}," · ",{"type":45,"tag":624,"props":636,"children":639},{"href":637,"rel":638,"target":629},"https:\u002F\u002Fpixtel-docs.atlassian.net\u002Fwiki\u002Fspaces\u002FPIX\u002Foverview",[628],[640],{"type":51,"value":641},"Read Detailed Documentation",{"type":45,"tag":643,"props":644,"children":645},"hr",{},[],{"type":45,"tag":54,"props":647,"children":648},{},[649],{"type":45,"tag":63,"props":650,"children":651},{},[652],{"type":51,"value":653},"Related reading:",{"type":45,"tag":87,"props":655,"children":656},{},[657,666,675,684],{"type":45,"tag":91,"props":658,"children":659},{},[660],{"type":45,"tag":624,"props":661,"children":663},{"href":662},"\u002Fblogs\u002Ftech\u002Fmagnifier-zoom-in-on-details-in-your-screenshots-with-pixtel",[664],{"type":51,"value":665},"Magnifier: Zoom In on Details in Your Screenshots with Pixtel →",{"type":45,"tag":91,"props":667,"children":668},{},[669],{"type":45,"tag":624,"props":670,"children":672},{"href":671},"\u002Fblogs\u002Ftech\u002Farrange-annotations-in-pixtel-organize-your-image-elements-easily",[673],{"type":51,"value":674},"Arrange Annotations in Pixtel →",{"type":45,"tag":91,"props":676,"children":677},{},[678],{"type":45,"tag":624,"props":679,"children":681},{"href":680},"\u002Fblogs\u002Ftech\u002Fadd-stamps-and-watermarks-to-your-screenshots-with-pixtel",[682],{"type":51,"value":683},"Add Stamps and Watermarks to Your Screenshots with Pixtel →",{"type":45,"tag":91,"props":685,"children":686},{},[687],{"type":45,"tag":624,"props":688,"children":690},{"href":689},"\u002Fblogs\u002Ftech\u002Fedit-features-in-pixtel-simplify-image-editing-and-annotation-management",[691],{"type":51,"value":692},"Edit Features in Pixtel →",{"title":7,"searchDepth":694,"depth":694,"links":695},2,[696,698,699,700,701,702,703,704,705],{"id":48,"depth":697,"text":52},3,{"id":82,"depth":697,"text":85},{"id":133,"depth":697,"text":136},{"id":271,"depth":697,"text":274},{"id":353,"depth":697,"text":356},{"id":412,"depth":697,"text":415},{"id":476,"depth":697,"text":479},{"id":539,"depth":697,"text":542},{"id":616,"depth":694,"text":619},{"width":707,"height":708},915,587,{"width":710,"height":711},1456,775,{"width":707,"height":708},{"width":707,"height":714},599,1793488168008]